Skip to content

Commit c7d4ec5

Browse files
74rina74rina
authored
Merge branch 'main' into feature/honenashi
2 parents 405b05e + cb6980b commit c7d4ec5

File tree

6 files changed

+196
-42
lines changed

6 files changed

+196
-42
lines changed

‎events.html‎

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

33
<head>
44
<title>Git & GitHub 講習会</title>
5+
56
<link rel="stylesheet" href="styles7.css">
67
<meta charset="UTF-8">
78
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -70,6 +71,8 @@
7071

7172
</style>
7273

74+
<link rel="stylesheet" href="style.css">
75+
7376
</head>
7477

7578
<body>
@@ -141,7 +144,26 @@ <h2>イベント一覧</h2>
141144
<img src="vscode.png" alt="VSCode Logo" class="img" style="width: 600px; height: 300px;">
142145
<img src="kirimi.jpg" alt="GitHub Logo" class="img" style="width: 720px; height: 400px;">
143146
<p>このページは、KCSのイベント情報を提供しています。</p>
144-
147+
<footer>
148+
149+
<div class="footer-container">
150+
<div class="footer-logo">
151+
<img src="logo.jpeg" alt="kcs1959">
152+
</div>
153+
<div class="footer-copy">
154+
© 2025 KCS1959
155+
</div>
156+
<div class="footer-list">
157+
<ul style="list-style: none; padding: 0;">
158+
<li>入部方法 : 不明</li>
159+
<li>一押し言語 : <strong>C</strong>, <strong>英語</strong>, <strong>F#</strong>, <strong>Deutsch</strong>
160+
</li>
161+
<li>TEL : 5a-4d2-162e</li>
162+
<li>足 : ここ</li>
163+
</ul>
164+
</div>
165+
</div>
166+
</footer>
145167
</body>
146168

147-
</html>
169+
</html>

‎groups.html‎

Lines changed: 54 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,8 @@
1616
</header>
1717

1818
<h1>班紹介</h1>
19-
<ul>
20-
<li><a href="./index.html">KCS について</a></li>
21-
<li>班紹介</li>
22-
<li><a href="./events.html">イベント情報</a></li>
23-
</ul>
2419
<h2>班一覧</h2>
25-
<ul>
20+
<ul class="groupslist">
2621
<li><a href="#system">system班</a></li>
2722
<li><a href="#programing_compe">競プロ班</a></li>
2823
<li><a href="#web">web班</a></li>
@@ -31,6 +26,7 @@ <h2>班一覧</h2>
3126
<li><a href="#game">ゲーム班</a></li>
3227
<li><a href="#music">音楽班</a></li>
3328
<li><a href="#movie">映像制作班</a></li>
29+
<li><a href="#gemubu">KCSゲーム部班</a></li>
3430
</ul>
3531

3632
<h2 id="system">システム班</h2>
@@ -69,7 +65,7 @@ <h2 id="music">音楽班</h2>
6965
<h2 id="movie">映像制作班</h2>
7066
<p>たぶんですが、映像を作っています。</p>
7167

72-
<h2>KCSゲーム部班</h2>
68+
<h2 id="gemubu">KCSゲーム部班</h2>
7369
<ul>
7470
<li>duolingo</li>
7571
<p>目指せ10,000日超を目標に日々精進しています。</p>
@@ -79,12 +75,61 @@ <h2>KCSゲーム部班</h2>
7975
<p>日々身の回りの<strong>kawaii</strong>を探しています。</p>
8076
<li>原神・崩壊のスターレイル</li>
8177
<p>めちゃんこかっちょええです。</p>
82-
</ul>
78+
</ul>
79+
<hr>
8380
<button onclick="alert('大凶！！')" class="btn1">押すといいことがあるよ！！</button>
81+
<hr>
82+
<table>
83+
<tr>
84+
<td>月</td>
85+
<td>火</td>
86+
<td>水</td>
87+
<td>木</td>
88+
<td>金</td>
89+
<td>土</td>
90+
</tr>
91+
<tr>
92+
<td>CG班</td>
93+
<td>Web班</td>
94+
<td>競プロ班</td>
95+
<td>AI班</td>
96+
<td>System班</td>
97+
<td>ABC</td>
98+
</tr>
99+
</table>
100+
<footer>
101+
102+
<div class="footer-container">
103+
<div class="footer-logo">
104+
<img src="logo.jpeg" alt="kcs1959">
105+
</div>
106+
<div class="footer-copy">
107+
© 2025 KCS1959
108+
</div>
109+
<div class="footer-list">
110+
<ul style="list-style: none; padding: 0;">
111+
<li>入部方法 : 不明</li>
112+
<li>一押し言語 : <strong>C</strong>, <strong>英語</strong>, <strong>F#</strong>, <strong>Deutsch</strong>
113+
</li>
114+
<li>TEL : 5a-4d2-162e</li>
115+
<li>足 : ここ</li>
116+
</ul>
117+
</div>
118+
</div>
119+
</footer>
84120
</body>
85121
<style>
86-
.btn1{
122+
.btn1 {
87123
color: yellow;
88124
}
125+
126+
.groupslist {
127+
column-width: 100px;
128+
column-count: auto;
129+
text-align: left;
130+
list-style: "";
131+
column-gap: 2em;
132+
}
89133
</style>
134+
90135
</html>

‎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

‎site.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<html>
2+
3+
<head>
4+
<title>Git & GitHub 講習会</title>
5+
</head>
6+
7+
<body>
8+
<p>KCSyoutubeチャンネル　https://youtube.com/@kcskeiocomputersociety?si=BaPxwuxdqKIrq_8w</pp>
9+
<p> サークルホームページ　https://www.kcs1959.jp/</p>
10+
<p>X（旧Twitter）　https://x.com/kcs1959</p>
11+
<p>SOUNDCLOUD　https://soundcloud.com/rxw9c8z3yecv</p>
12+
<p>instagram https://www.instagram.com/kcs1959/</p>
13+
14+
</body>
15+
</html>

‎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)