Merge pull request #67 from ueckoken/add-chofusai2023

Add chofusai2023
ueckoken · Nov 18, 2023 · b837b76 · b837b76
2 parents b46c838 + 660226f
commit b837b76
Show file tree

Hide file tree

Showing 11 changed files with 542 additions and 3 deletions.
diff --git a/chofusai2023/about.html b/chofusai2023/about.html
@@ -0,0 +1,71 @@
+<!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="./">
+                    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>
+
+        <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>
+</body>
+</html>
diff --git a/chofusai2023/fig/favicon.ico b/chofusai2023/fig/favicon.ico
diff --git a/chofusai2023/fig/koken_icon_large.png b/chofusai2023/fig/koken_icon_large.png
diff --git a/chofusai2023/fig/logo.png b/chofusai2023/fig/logo.png
diff --git a/chofusai2023/fig/thumbnail.png b/chofusai2023/fig/thumbnail.png
diff --git a/chofusai2023/index.html b/chofusai2023/index.html
@@ -0,0 +1,96 @@
+<!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>
+                Comming Soon...
+            </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>
diff --git a/chofusai2023/machineRace/index.html b/chofusai2023/machineRace/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <title>調布機械制作奨励競馬大会</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap">
+    <link rel="stylesheet" href="./style.css">
+    <meta name="twitter:card" content="summary">
+    <meta name="og:title" content="調布機械制作奨励競馬大会">
+    <meta name="og:type" content="website">
+</head>
+<body>
+    <h1>調布機械制作奨励競馬大会</h1>
+    <h2>日時与場所</h2>
+    <p><a href="../index.html">第七十三回調布祭工学研究部展示内</a></p>
+    <h2>参加者一覧（十月三十日更新）</h2>
+    <table>
+        <thead>
+            <tr>
+                <th>制作者</th>
+                <th>機体名</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>りんりん</td>
+                <td><ruby>公募王<rt>こうぼおう</rt></ruby>號</td>
+            </tr>
+            <tr>
+                <td>淵野アタリ</td>
+                <td><ruby>漏濫流涙<rt>ろらるるい</rt></ruby>號</td>
+            </tr>
+            <tr>
+                <td>はらｔｈｅにく</td>
+                <td><ruby>亀太郎<rt>かめたろう</rt></ruby>號</td>
+            </tr>
+            <tr>
+                <td>ｅｌｍｅｒ</td>
+                <td><ruby>犬牴<rt>いぬもどき</rt></ruby>號</td>
+            </tr>
+            <tr>
+                <td>エリンギ</td>
+                <td><ruby>杏鮑菇<rt>えりんぎ</rt></ruby>號</td>
+            </tr>
+        </tbody>
+    </table>
+    <h2>結果之表彰</h2>
+    <ul>
+        <li>優勝</li>
+        <li>独創賞（予定）</li>
+    </ul>
+    <footer>
+        <p><small>&copy;2023 <a href="../../index.html">工学研究競馬倶楽部</a></small></p>
+    </footer>
+</body>
+</html>
diff --git a/chofusai2023/machineRace/style.css b/chofusai2023/machineRace/style.css
@@ -0,0 +1,19 @@
+body {
+    writing-mode: vertical-rl;
+    font-family: "Yuji Syuku", serif;
+    color: #343434;
+    background: #fdeff2;
+}
+
+h1 {
+    counter-reset: section;
+}
+
+h2:before {
+    counter-increment: section;
+    content: counter(section, cjk-ideographic) "　";
+}
+
+p {
+    text-indent: 1em;
+}