Skip to content

Commit 5728c68

Browse files
gratefulMSKgratefulMSK
authored
Merge pull request #15 from kcs1959/msk
yatta
2 parents c140157 + 097b989 commit 5728c68

File tree

5 files changed

+146
-98
lines changed

5 files changed

+146
-98
lines changed

‎events.html‎

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

33
<head>
44
<title>Git & GitHub 講習会</title>
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-
5+
<link rel="stylesheet" href="style.css">
696
</head>
707

718
<body>
@@ -137,7 +74,26 @@ <h2>イベント一覧</h2>
13774
<img src="vscode.png" alt="VSCode Logo" class="img" style="width: 600px; height: 300px;">
13875
<img src="kirimi.jpg" alt="GitHub Logo" class="img" style="width: 720px; height: 400px;">
13976
<p>このページは、KCSのイベント情報を提供しています。</p>
140-
77+
<footer>
78+
79+
<div class="footer-container">
80+
<div class="footer-logo">
81+
<img src="logo.jpeg" alt="kcs1959">
82+
</div>
83+
<div class="footer-copy">
84+
© 2025 KCS1959
85+
</div>
86+
<div class="footer-list">
87+
<ul style="list-style: none; padding: 0;">
88+
<li>入部方法 : 不明</li>
89+
<li>一押し言語 : <strong>C</strong>, <strong>英語</strong>, <strong>F#</strong>, <strong>Deutsch</strong>
90+
</li>
91+
<li>TEL : 5a-4d2-162e</li>
92+
<li>足 : ここ</li>
93+
</ul>
94+
</div>
95+
</div>
96+
</footer>
14197
</body>
14298

143-
</html>
99+
</html>

‎groups.html‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ <h2>KCSゲーム部班</h2>
7979
<p>日々身の回りの<strong>kawaii</strong>を探しています。</p>
8080
<li>原神・崩壊のスターレイル</li>
8181
<p>めちゃんこかっちょええです。</p>
82-
</ul>
82+
</ul>
8383
<hr>
8484
<button onclick="alert('大凶！！')" class="btn1">押すといいことがあるよ！！</button>
8585
<hr>
@@ -101,6 +101,26 @@ <h2>KCSゲーム部班</h2>
101101
<td>ABC</td>
102102
</tr>
103103
</table>
104+
<footer>
105+
106+
<div class="footer-container">
107+
<div class="footer-logo">
108+
<img src="logo.jpeg" alt="kcs1959">
109+
</div>
110+
<div class="footer-copy">
111+
© 2025 KCS1959
112+
</div>
113+
<div class="footer-list">
114+
<ul style="list-style: none; padding: 0;">
115+
<li>入部方法 : 不明</li>
116+
<li>一押し言語 : <strong>C</strong>, <strong>英語</strong>, <strong>F#</strong>, <strong>Deutsch</strong>
117+
</li>
118+
<li>TEL : 5a-4d2-162e</li>
119+
<li>足 : ここ</li>
120+
</ul>
121+
</div>
122+
</div>
123+
</footer>
104124
</body>
105125
<style>
106126
.btn1{

‎index.html‎

Lines changed: 50 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -4,43 +4,67 @@
44
<title>Git & GitHub 講習会</title>
55
<link rel="stylesheet" href="style.css">
66
</head>
7+
78
<body>
89
<header>
910
<ul class="menu">
1011
<li>KCS について</li>
1112
<li><a href="./groups.html">班紹介</a></li>
1213
<li><a href="./events.html">イベント情報</a></li>
1314
</ul>
14-
</header>
15+
</header>
1516

1617
<h1>KCS について</h1>
1718
<ul>
1819
<li>KCS について</li>
19-
<p>KCSは慶應義塾大学で唯一のコンピュータサークルです。KCSの歴史は長く、コンピュータが広まる前である1959年から「電子計算機研究会」として活動を開始しています。</p>
20-
<h2 class="activity">学祭</h2>
21-
<p class="description">KCSは毎年慶應義塾大学の学園祭である三田祭・矢上祭・七夕祭に参加しています。そこでの展示物の制作もKCSの活動の一つです。</p>
22-
<h2 class="activity">プログラミング</h2>
23-
<p class="description">KCSではメンバーの多くがプログラミングを行っています。</p>
24-
<h2 class="activity">合宿</h2>
25-
<p class="description">KCSでは春と夏に合宿が行われます。合宿ではメンバーが集まってコンテストやLT会などを行います。</p>
26-
<h2 class="activity">班活動</h2>
27-
<p class="description">KCSでは各々の興味分野に沿って班に所属し、活動しています。いろいろな班に所属して、自分が何に興味があるのかを探すのも良いでしょう。</p>
28-
<p>不明な点がありましたら、
29-
<a href="https://line.me/ti/g2/6xsMbZmlXm_5RyQPCRWaUUypyUXhjVT-FfDbRg">公式LINEオープンチャット</a>
30-
でお気軽にお問い合わせください。 または、
31-
<a href="https://x.com/kcs1959">公式
32-
<strong>Twitter</strong>
33-
アカウント</a>
34-
でも質問を受け付けています。</p>
20+
<p>KCSは慶應義塾大学で唯一のコンピュータサークルです。KCSの歴史は長く、コンピュータが広まる前である1959年から「電子計算機研究会」として活動を開始しています。</p>
21+
<h2 class="activity">学祭</h2>
22+
<p class="description">KCSは毎年慶應義塾大学の学園祭である三田祭・矢上祭・七夕祭に参加しています。そこでの展示物の制作もKCSの活動の一つです。</p>
23+
<h2 class="activity">プログラミング</h2>
24+
<p class="description">KCSではメンバーの多くがプログラミングを行っています。</p>
25+
<h2 class="activity">合宿</h2>
26+
<p class="description">KCSでは春と夏に合宿が行われます。合宿ではメンバーが集まってコンテストやLT会などを行います。</p>
27+
<h2 class="activity">班活動</h2>
28+
<p class="description">KCSでは各々の興味分野に沿って班に所属し、活動しています。いろいろな班に所属して、自分が何に興味があるのかを探すのも良いでしょう。</p>
29+
<p>不明な点がありましたら、
30+
<a href="https://line.me/ti/g2/6xsMbZmlXm_5RyQPCRWaUUypyUXhjVT-FfDbRg">公式LINEオープンチャット</a>
31+
でお気軽にお問い合わせください。 または、
32+
<a href="https://x.com/kcs1959">公式
33+
<strong>Twitter</strong>
34+
アカウント</a>
35+
でも質問を受け付けています。
36+
</p>
3537
<li><a href="./groups.html">班紹介</a></li>
3638
<li><a href="./events.html">イベント情報</a></li>
3739
</ul>
38-
<div id="introduction">
39-
<h1>KCSとは</h1>
40-
<p><b>KCSは慶應義塾大学で唯一のコンピュータサークルであり、日本で最も歴史の長いコンピュータサークルです。個人やグループで興味のある技術の習得や勉強会や、矢上祭や三田祭の展示物の制作が主な活動です。</b>
41-
<b>多くのメンバーがプログラミングを行っていますが、音楽や3Dモデルの製作も行っています。</b></p>
42-
<p>Youtubeに動画を投稿しています。PythonやRustなどの基本文法について扱った動画が人気です。</p>
43-
<p>1年を通していつでも入れます。複数班所属も可能です。</p>
44-
</div>
45-
</body>
46-
</html>
40+
<div id="introduction">
41+
<h1>KCSとは</h1>
42+
<p><b>KCSは慶應義塾大学で唯一のコンピュータサークルであり、日本で最も歴史の長いコンピュータサークルです。個人やグループで興味のある技術の習得や勉強会や、矢上祭や三田祭の展示物の制作が主な活動です。</b>
43+
<b>多くのメンバーがプログラミングを行っていますが、音楽や3Dモデルの製作も行っています。</b>
44+
</p>
45+
<p>Youtubeに動画を投稿しています。PythonやRustなどの基本文法について扱った動画が人気です。</p>
46+
<p>1年を通していつでも入れます。複数班所属も可能です。</p>
47+
</div>
48+
<footer>
49+
50+
<div class="footer-container">
51+
<div class="footer-logo">
52+
<img src="logo.jpeg" alt="kcs1959">
53+
</div>
54+
<div class="footer-copy">
55+
© 2025 KCS1959
56+
</div>
57+
<div class="footer-list">
58+
<ul style="list-style: none; padding: 0;">
59+
<li>入部方法 : 不明</li>
60+
<li>一押し言語 : <strong>C</strong>, <strong>英語</strong>, <strong>F#</strong>, <strong>Deutsch</strong>
61+
</li>
62+
<li>TEL : 5a-4d2-162e</li>
63+
<li>足 : ここ</li>
64+
</ul>
65+
</div>
66+
</div>
67+
</footer>
68+
</body>
69+
70+
</html>

‎logo.jpeg‎

31.3 KB
Loading

‎style.css‎

Lines changed: 53 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
* {
22
font-family: "ヒラギノ角ゴシック", "游ゴシック", "メイリオ", Arial, Helvetica, sans-serif;
3-
color: aliceblue;
3+
color: aliceblue;
44
background-color: black;
55
}
66

@@ -12,7 +12,7 @@ ul.menu {
1212
ul.menu li {
1313
display: inline;
1414
text-align: center;
15-
margin: 0 2em ;
15+
margin: 0 2em;
1616
}
1717

1818
h1 {
@@ -27,16 +27,64 @@ h1 {
2727
background: rgba(255, 255, 255, 0.1);
2828
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
2929
backdrop-filter: blur(12px);
30-
-webkit-backdrop-filter: blur(12px); /* Safari support */
30+
-webkit-backdrop-filter: blur(12px);
31+
/* Safari support */
3132
border: 1px solid rgba(255, 255, 255, 0.18);
3233
color: white;
3334
text-align: center;
3435
}
3536

36-
#introduction h1{
37+
#introduction h1 {
3738
background-color: transparent;
3839
}
3940

40-
#introduction p{
41+
#introduction p {
4142
background-color: transparent;
43+
}
44+
45+
#footer {
46+
width: 100%;
47+
height: 100px;
48+
background-color: rgba(0, 0, 0, 0.5);
49+
color: white;
50+
text-align: center;
51+
padding-top: 20px;
52+
}
53+
54+
.footer-container {
55+
background: #010101;
56+
color: #fff;
57+
padding: 20px 0;
58+
display: flex;
59+
flex-direction: row;
60+
justify-content: space-between;
61+
align-items: center;
62+
}
63+
64+
.footer-logo {
65+
font-size: 1.5em;
66+
font-weight: bold;
67+
margin-left: 30px;
68+
}
69+
70+
.footer-logo img {
71+
height: 100px;
72+
vertical-align: middle;
73+
}
74+
75+
.footer-list {
76+
margin-right: 30px;
77+
text-align: right;
78+
}
79+
80+
.footer-copy {
81+
flex: 1;
82+
text-align: center;
83+
color: #bbb;
84+
font-size: 0.9em;
85+
}
86+
87+
.honenashi {
88+
display: none;
89+
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
4290
}

0 commit comments

Comments
 (0)