Merge pull request #71 from ueckoken/chofusai2023-improvements

Chofusai2023 improvements
ueckoken · Nov 23, 2023 · bae67f1 · bae67f1
2 parents 4475f77 + d6fb640
commit bae67f1
Show file tree

Hide file tree

Showing 9 changed files with 283 additions and 524 deletions.
diff --git a/chofusai2023/about.html b/chofusai2023/about.html
@@ -1,71 +1,38 @@
 <!DOCTYPE html>
-<html lang="ja" prefix="og: https://ogp.me/ns#">
+<html lang="ja" prefix="og:https://ogp.me/ns#">
 <head>
-    <meta charset="utp-8">
-    <meta name="og:description" content="工学研究部の調布祭2023サイトです。">
-    <meta name="og:title" content="工学研究部-調布祭サイト2023" />
-    <meta name="og:image" content="https://www.koken.club.uec.ac.jp/chofusai2023/fig/thumbnail.png" />
-    <meta name="og:url" contnt="https://www.koken.club.uec.ac.jp/chofusai2023/">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta property="twitter:card" content="summary_large_image" />
-    <meta property="twitter:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/" />
-    <link rel="shortcut icon" href="../fig/favicon.ico">
-    <link href="style.css" rel="stylesheet" type="text/css">
-    <title>工学研究部-調布祭サイト2023</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width,initial-scale=1">
+	<title>工学研究部-調布祭サイト2023 About</title>
+	<meta name="description" content="工学研究部の調布祭2023サイト概要紹介ページです。">
+	<link rel="icon" type="image/png" href="fig/favicon.png">
+	<meta property="og:type" content="website">
+	<meta property="og:title" content="工学研究部-調布祭サイト2023 About">
+	<meta property="og:description" content="工学研究部の調布祭2023サイト概要紹介ページです。">
+	<meta property="og:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/">
+	<meta property="og:image" content="https://www.koken.club.uec.ac.jp/chofusai2023/fig/thumbnail.jpg">
+	<meta property="twitter:card" content="summary_large_image">
+	<meta property="twitter:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/about.html">
+	<link rel="apple-touch-icon" href="fig/koken_icon_large.png">
+
+	<script src="style.js"></script>
 </head>
 <body>
-    <header>
-        <nav>
-            <a href="./" class="image1" style="padding:0;margin:0;"><img src="fig/logo.png"></a>
-            <a href="./" class="image2" style="padding:0;margin:0;"><img src="fig/koken_icon_large.png"></a>
-            <ul class="internal-links">
-                <li><a href="./">
-                    Home
-                </a></li>
-                <li><a href="works/">
-                    Works
-                </a></li>
-                <li><a href="about.html" class="active">
-                    About
-                </a></li>
-            </ul>
-        </nav>
-    </header>
-
-    <main>
-        <section>
-            <h4 style="text-align: center;">工学研究部について<hr></h4>
-            <p>
-                工学研究部はソフトウェアやハードウェア、その他工学に関することなど幅広く活動している技術系サークルです。普段は部員がそれぞれ自由にものづくりを行っています。<br>
-                <a href="https://www.koken.club.uec.ac.jp/" target="_blank">工学研究部公式WEbサイト</a></p>
-        </section>
+<main>
+	<section>
+		<h2 style="text-align: center;">工学研究部について</h2><hr>
+		<p>
+			工学研究部はソフトウェアやハードウェア、その他工学に関することなど幅広く活動している技術系サークルです。普段は部員がそれぞれ自由にものづくりを行っています。<br>
+			<a href="https://www.koken.club.uec.ac.jp/" target="_blank">工学研究部公式WEbサイト</a></p>
+	</section>
 
-        <section>
-        <h4 style="text-align: center;">調布祭について<hr></h4>
-        <p>
-            調布祭は毎年11月に行われる電気通信大学の学園祭です。毎年多くの来場者でにぎわっており、各サークルが露店や教室展示、ステージ企画などを行っています。<br>
-            <a href="https://www.chofusai.jp/" target="_blank">第73回調布祭公式Webサイト</a>
-        </p>
-        </section>
-    </main>
-
-    <footer>
-        &copy; 2023 UEC Koken. All rights reserved.
-        <div class="social-links">
-            <a href="https://twitter.com/ueckoken" target="_blank">
-                <span class="sr-only">X(旧Twitter)</span>
-                <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
-                    ><path
-                        fill="currentColor"
-                        d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
-                    ></path>
-                </svg>
-            </a>
-            <a href="https://www.koken.club.uec.ac.jp" target="_blank">
-                <span class="sr-only">WebSite</span>
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M14 7C13.4477 7 13 7.44772 13 8V16C13 16.5523 13.4477 17 14 17H18C18.5523 17 19 16.5523 19 16V8C19 7.44772 18.5523 7 18 7H14ZM17 9H15V15H17V9Z" fill="currentColor" /> <path d="M6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9H10C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7H6Z" fill="currentColor" /> <path d="M6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13H10C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11H6Z" fill="currentColor" /> <path d="M5 16C5 15.4477 5.44772 15 6 15H10C10.5523 15 11 15.4477 11 16C11 16.5523 10.5523 17 10 17H6C5.44772 17 5 16.5523 5 16Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C2.34315 3 1 4.34315 1 6V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V6C23 4.34315 21.6569 3 20 3H4ZM20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z" fill="currentColor" /> </svg>
-            </a>
-        </div>
-    </footer>
+	<section>
+	<h2 style="text-align: center;">調布祭について</h2><hr>
+	<p>
+		調布祭は毎年11月に行われる電気通信大学の学園祭です。毎年多くの来場者でにぎわっており、各サークルが露店や教室展示、ステージ企画などを行っています。<br>
+		<a href="https://www.chofusai.jp/" target="_blank">第73回調布祭公式Webサイト</a>
+	</p>
+	</section>
+</main>
 </body>
 </html>
diff --git a/chofusai2023/fig/favicon.ico b/chofusai2023/fig/favicon.ico
diff --git a/chofusai2023/fig/favicon.png b/chofusai2023/fig/favicon.png
diff --git a/chofusai2023/fig/koken_icon_large_indexed.png b/chofusai2023/fig/koken_icon_large_indexed.png
diff --git a/chofusai2023/fig/thumbnail.jpg b/chofusai2023/fig/thumbnail.jpg
diff --git a/chofusai2023/index.html b/chofusai2023/index.html
@@ -1,119 +1,67 @@
-<!DOCTYPE html>
-<html lang="ja" prefix="og: https://ogp.me/ns#">
-
-<head>
-    <meta charset="utp-8">
-    <meta name="og:description" content="工学研究部の調布祭2023サイトです。">
-    <meta name="og:title" content="工学研究部-調布祭サイト2023" />
-    <meta name="og:image" content="https://www.koken.club.uec.ac.jp/chofusai2023/fig/thumbnail.png" />
-    <meta name="og:url" contnt="https://www.koken.club.uec.ac.jp/chofusai2023/">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <meta property="twitter:card" content="summary_large_image" />
-    <meta property="twitter:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/" />
-    <link rel="shortcut icon" href="../fig/favicon.ico">
-    <link href="style.css" rel="stylesheet" type="text/css">
-    <title>工学研究部-調布祭サイト2023</title>
-</head>
-
-<body>
-    <header>
-        <nav>
-            <a href="./" class="image1" style="padding:0;margin:0;"><img src="fig/logo.png"></a>
-            <a href="./" class="image2" style="padding:0;margin:0;"><img src="fig/koken_icon_large.png"></a>
-            <ul class="internal-links">
-                <li><a href="./" class="active">
-                        Home
-                    </a></li>
-                <li><a href="works/">
-                        Works
-                    </a></li>
-                <li><a href="about.html">
-                        About
-                    </a></li>
-            </ul>
-        </nav>
-    </header>
-
-    <main>
-        <h2 style="text-align: center;">第73回調布祭特設サイト
-            <hr>
-        </h2>
-        <p>
-            工学研究部は2023年度の調布祭で、部員の作品展示、フリーマーケット、部報の頒布、プラレール企画などを行います。
-        </p>
-        <section>
-            <h4>作品展示</h4>
-            <p>
-                部員が製作した作品を展示します。部員の作品一覧は<a href="works/">Works</a>を見てください。
-            </p>
-        </section>
-        <section>
-            <h4>部報・グッズ頒布</h4>
-            <p>
-                <img src="fig/menu.png" alt="ueckoken" style="width: 100%; max-width: 400px;">
-            </p>
-        </section>
-        <section>
-            <h4>プラレール企画</h4>
-            <p>
-                今年度の調布祭もプラレール企画を行います。部員が一致団結して行っている一大プロジェクトとなっています。
-            </p>
-        </section>
-        <section>
-            <h4>フリーマーケット</h4>
-            <p>
-                部員が作製したもの、持ち寄ったもの、部室で不要になったものをお値打ち価格で販売します。ジャンキーな品物など各種取り揃えております。掘り出し物が見つかるかも…??
-            </p>
-        </section>
-        <section>
-            <h4><a href="./machineRace/index.html">調布機械制作奨励競馬大会</a></h4>
-            <p>部内外の参加者が作成した4足歩行ロボットによる競争です。</p>
-        </section>
-        <section>
-            <h4>アクセス</h4>
-            <p>
-                電気通信大学は調布駅から徒歩5分の場所にあります。調布祭当日は西10-103教室と西10-105教室でお待ちしております。
-            </p>
-            <iframe
-                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1352.0242392495647!2d139.54133464876645!3d35.65676243573751!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f0113fcc6da3%3A0x68f7cfce5d256fb9!2z6KW_MTDlj7fppKg!5e0!3m2!1sja!2sjp!4v1698939774908!5m2!1sja!2sjp"
-                width="100%" height="400" style="border:0; border-radius: 10px;" allowfullscreen="" loading="lazy"
-                referrerpolicy="no-referrer-when-downgrade"></iframe>
-        </section>
-    </main>
-
-    <footer>
-        &copy; 2023 UEC Koken All rights reserved.
-        <div class="social-links">
-            <a href="https://twitter.com/ueckoken" target="_blank">
-                <span class="sr-only">X(旧Twitter)</span>
-                <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/twitter">
-                    <path fill="currentColor"
-                        d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z">
-                    </path>
-                </svg>
-            </a>
-            <a href="https://www.koken.club.uec.ac.jp" target="_blank">
-                <span class="sr-only">WebSite</span>
-                <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M14 7C13.4477 7 13 7.44772 13 8V16C13 16.5523 13.4477 17 14 17H18C18.5523 17 19 16.5523 19 16V8C19 7.44772 18.5523 7 18 7H14ZM17 9H15V15H17V9Z"
-                        fill="currentColor" />
-                    <path
-                        d="M6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9H10C10.5523 9 11 8.55228 11 8C11 7.44772 10.5523 7 10 7H6Z"
-                        fill="currentColor" />
-                    <path
-                        d="M6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13H10C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11H6Z"
-                        fill="currentColor" />
-                    <path
-                        d="M5 16C5 15.4477 5.44772 15 6 15H10C10.5523 15 11 15.4477 11 16C11 16.5523 10.5523 17 10 17H6C5.44772 17 5 16.5523 5 16Z"
-                        fill="currentColor" />
-                    <path fill-rule="evenodd" clip-rule="evenodd"
-                        d="M4 3C2.34315 3 1 4.34315 1 6V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V6C23 4.34315 21.6569 3 20 3H4ZM20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z"
-                        fill="currentColor" />
-                </svg>
-            </a>
-        </div>
-    </footer>
-</body>
-
-</html>
+<!DOCTYPE html>
+<html lang="ja" prefix="og:https://ogp.me/ns#">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width,initial-scale=1">
+	<title>工学研究部-調布祭サイト2023 Home</title>
+	<meta name="description" content="工学研究部の調布祭2023サイトです。">
+	<link rel="icon" type="image/png" href="fig/favicon.png">
+	<meta property="og:type" content="website">
+	<meta property="og:title" content="工学研究部-調布祭サイト2023">
+	<meta property="og:description" content="工学研究部の調布祭2023サイトです。">
+	<meta property="og:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/">
+	<meta property="og:image" content="https://www.koken.club.uec.ac.jp/chofusai2023/fig/thumbnail.jpg">
+	<meta property="twitter:card" content="summary_large_image">
+	<meta property="twitter:url" content="https://www.koken.club.uec.ac.jp/chofusai2023/">
+	<link rel="apple-touch-icon" href="fig/koken_icon_large.png">
+
+	<script src="style.js"></script>
+</head>
+<body>
+<main>
+	<h1 style="text-align: center;">第73回調布祭特設サイト</h1>
+	<p>
+		工学研究部は2023年度の調布祭で、部員の作品展示、フリーマーケット、部報の頒布、プラレール企画などを行います。
+	</p>
+	<hr>
+	<section>
+		<h2>作品展示</h2>
+		<p>
+			部員が製作した作品を展示します。部員の作品一覧は<a href="works/">Works</a>を見てください。
+		</p>
+	</section>
+	<section>
+		<h2>部報・グッズ頒布</h2>
+		<p>
+			<img src="fig/menu.png" alt="ueckoken" style="width: 100%; max-width: 400px;background-color: #fff8;">
+		</p>
+	</section>
+	<section>
+		<h2>プラレール企画</h2>
+		<p>
+			今年度の調布祭もプラレール企画を行います。部員が一致団結して行っている一大プロジェクトとなっています。
+		</p>
+	</section>
+	<section>
+		<h2>フリーマーケット</h2>
+		<p>
+			部員が作製したもの、持ち寄ったもの、部室で不要になったものをお値打ち価格で販売します。ジャンキーな品物など各種取り揃えております。掘り出し物が見つかるかも…??
+		</p>
+	</section>
+	<section>
+		<h2><a href="./machineRace/index.html">調布機械制作奨励競馬大会</a></h2>
+		<p>部内外の参加者が作成した4足歩行ロボットによる競争です。</p>
+	</section>
+	<section>
+		<h2>アクセス</h2>
+		<p>
+			電気通信大学は調布駅から徒歩5分の場所にあります。調布祭当日は西10-103教室と西10-105教室でお待ちしております。
+		</p>
+		<iframe
+			src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1352.0242392495647!2d139.54133464876645!3d35.65676243573751!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f0113fcc6da3%3A0x68f7cfce5d256fb9!2z6KW_MTDlj7fppKg!5e0!3m2!1sja!2sjp!4v1698939774908!5m2!1sja!2sjp"
+			width="100%" height="400" style="border:0; border-radius: 10px;" allowfullscreen="" loading="lazy"
+			referrerpolicy="no-referrer-when-downgrade"></iframe>
+	</section>
+</main>
+</body>
+</html>