Skip to content

Commit bb81eff

Browse files
Latte72RLatte72R
committed
Merge branch 'feature/honenashi' of https://github.com/kcs1959/git-github-0807 
2 parents 55fadb0 + 239acb3 commit bb81eff

File tree

4 files changed

+133
-4
lines changed

4 files changed

+133
-4
lines changed

‎events.html‎

Lines changed: 123 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,70 @@
22

33
<head>
44
<title>Git & GitHub 講習会</title>
5-
<link rel="stylesheet" href="style.css">
5+
<link rel="stylesheet" href="styles7.css">
6+
<meta charset="UTF-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="description" content="KCSのイベント情報ページです。">
9+
10+
<style>
11+
.list1 {
12+
position: relative;
13+
padding-left: 30px;
14+
margin-bottom: 12px;
15+
font-size: 16px;
16+
color: #c21e1e;
17+
border: 2px solid #333;
18+
max-width: 600px;
19+
background-color: #f9f9f9;
20+
border-radius: 8px;
21+
}
22+
23+
.janken {
24+
font-size: 20px;
25+
color: #1e90ff;
26+
margin-top: 20px;
27+
font-family: 'Times New Roman', Times, serif;
28+
font-weight: bold;
29+
}
30+
31+
.button1 {
32+
background-color: #4CAF50;
33+
/* 緑色 */
34+
border: none;
35+
color: white;
36+
padding: 10px 20px;
37+
text-align: center;
38+
text-decoration: none;
39+
display: inline-block;
40+
font-size: 16px;
41+
margin: 4px 2px;
42+
cursor: pointer;
43+
}
44+
45+
.img {
46+
47+
border: 2px solid #ccc;
48+
border-radius: 10px;
49+
transition: transform 0.5s ease;
50+
position: relative;
51+
animation: moveRight 2s linear infinite alternate;
52+
}
53+
54+
.img:hover {
55+
transform: translateX(100px);
56+
}
57+
58+
@keyframes moveRight {
59+
from {
60+
left: 0;
61+
}
62+
63+
to {
64+
left: 200px;
65+
}
66+
}
67+
</style>
68+
669
</head>
770

871
<body>
@@ -15,10 +78,66 @@
1578
</header>
1679

1780
<h1>イベント情報</h1>
81+
<ul>
82+
<li><a href="./index.html">KCS について</a></li>
83+
<li><a href="./groups.html">班紹介</a></li>
84+
<li>イベント情報</li>
85+
</ul>
86+
87+
88+
<h2 class="janken">じゃんけんゲーム</h2>
89+
<button onclick="play('グー')" , class="button1" , id="float">グー</button>
90+
<button onclick="play('チョキ')" , class="button1">チョキ</button>
91+
<button onclick="play('パー')" , class="button1">パー</button>
92+
<p id="result"></p>
93+
94+
<h2>イベント一覧</h2>
95+
<ul class="list1">
96+
<li>2023年10月1日: Git & GitHub 講習会</li>
97+
<li>2023年11月15日: プログラミングコンテスト</li>
98+
<li>2023年12月20日: 年末交流会</li>
99+
</ul>
100+
101+
<canvas id="bgcanvas"></canvas>
102+
<script>
103+
function play(user) {
104+
const hands = ['グー', 'チョキ', 'パー'];
105+
const cpu = hands[Math.floor(Math.random() * 3)];
106+
let result = '';
107+
108+
if (user === cpu) result = 'あいこ';
109+
else if (
110+
(user === 'グー' && cpu === 'チョキ') ||
111+
(user === 'チョキ' && cpu === 'パー') ||
112+
(user === 'パー' && cpu === 'グー')
113+
) result = '勝ち！';
114+
else result = '負け...';
115+
116+
document.getElementById('result').textContent = `あなた: ${user} / コンピューター: ${cpu} → ${result}`;
117+
}
118+
119+
const float = document.getElementById('float');
120+
let posY = 0;
121+
let direction = 1; // 1:下に動く, -1:上に動く
122+
const maxOffset = 20; // 最大移動距離（px）
123+
const speed = 0.5; // 1フレームでの移動量
124+
125+
function floatAnimation() {
126+
posY += direction * speed;
127+
if (posY > maxOffset || posY < 0) {
128+
direction *= -1; // 動く方向を反転
129+
}
130+
btn.style.top = `${100 + posY}px`; // 初期top100px + posY分移動
131+
requestAnimationFrame(floatAnimation);
132+
}
133+
134+
floatAnimation();
135+
</script>
18136

19-
<footer>
137+
<img src="vscode.png" alt="VSCode Logo" class="img" style="width: 600px; height: 300px;">
138+
<img src="kirimi.jpg" alt="GitHub Logo" class="img" style="width: 720px; height: 400px;">
139+
<p>このページは、KCSのイベント情報を提供しています。</p>
20140

21-
</footer>
22141
</body>
23142

24-
</html>
143+
</html>

‎index.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,20 @@
1515
</header>
1616

1717
<h1>KCS について</h1>
18+
<<<<<<< HEAD
1819

1920
<footer>
2021

2122
</footer>
23+
=======
24+
<ul>
25+
<li>KCS について</li>
26+
<li><a href="./groups.html">班紹介</a></li>
27+
<li><a href="./events.html">イベント情報</a></li>
28+
</ul>
29+
30+
31+
>>>>>>> 239acb37e1bc92cc5b2a8955e52d315ed998183a
2232
</body>
2333
<h1>KCSとは</h1>
2434
<p><b>KCSは慶應義塾大学で唯一のコンピュータサークルであり、日本で最も歴史の長いコンピュータサークルです。個人やグループで興味のある技術の習得や勉強会や、矢上祭や三田祭の展示物の制作が主な活動です。</b></p>

‎kirimi.jpg‎

32.1 KB
Loading

‎vscode.png‎

1.18 MB
Loading

0 commit comments

Comments
 (0)