Merge pull request #98 from ueckoken/chohusai2024

調布祭の最初のホームページを作りました
ueckoken · Nov 12, 2024 · 25a500e · 25a500e
2 parents fa2c277 + 1764d07
commit 25a500e
Show file tree

Hide file tree

Showing 4 changed files with 125 additions and 0 deletions.
diff --git a/event/chofusai/2024/index.css b/event/chofusai/2024/index.css
@@ -0,0 +1,32 @@
+body{
+    margin: 20px;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Open Sans", sans-serif;
+    background-color: black;
+    color: aliceblue;
+}
+
+h1{
+color: aqua;
+text-align: center ;
+}
+
+h2{
+    color: aqua;
+    text-align: center ;
+    }
+
+h3{
+    color: paleturquoise;
+    }
+
+a{
+    color: paleturquoise;
+}
+
+#place{
+    font-size: 25px;
+    color: aqua;
+    text-align: center;
+}
diff --git a/event/chofusai/2024/index.html b/event/chofusai/2024/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>工学研究部調布祭用ホームページ（仮の仮）</title>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <link href="index.css" rel="stylesheet" type="text/css"> 
+    </head>
+    <body>
+    <h1> 第74回調布祭特設サイト（仮）</h1>
+    <p>2024年度の調布祭は11月22日（金）から24日（日）の三日間で開催します。</p>
+    <p>
+        工学研究部は2024年度の調布祭で
+        <ul>
+            <li>モナ工研</li>
+            <li>ロボット動物園</li>
+            <li>電子工作体験</li>
+            <li>部員の作品展示</li>
+            <li>フリーマーケット</li>
+            <li>部報の頒布</li>
+        </ul>
+        などを行います。
+    </p>
+    <div id =place>西10-103,105</div>
+    <p>でお待ちしています。</p>
+
+    <h2>調布祭で行うイベント</h2>
+    <h3>モナ工研</h3>
+    <p>クレーンゲームやガシャポンなどで遊ぶことができます。</p>
+
+    <h3>ロボット動物園</h3>
+    <p>
+        ウマやヘビなど動物を模したロボットが見られます。
+    </p>
+
+    <h3>ブレッドボードで電子工作体験</h3>
+    <p>
+        ブレッドボードを使ってLEDを光らせたりモーターを回したりといった電子工作の体験ができます。
+    </p>
+
+    <h3>作品展示</h3>
+    <p>
+        部員が制作した作品を展示します。
+        <a href = "sakuhintenji.html">ここ</a>を押すと部員の作品一覧を見ることができます。
+    </p>
+
+
+    <h3>部報やグッズの頒布</h3>
+    <p> 詳細は後日お知らせいたします。</p>
+
+    <h3>フリーマーケット</h3>
+    <p>部員が作成したもの、持ち寄ったもの、部室で不要になったものをお値打ち価格で販売します。
+    ジャンキーな品物など各種取り揃えております。掘り出し物が見つかる....かも。</p>
+
+    <h2>アクセス</h2>
+    <p>
+    電気通信大学は調布駅から徒歩7分の場所にあります。
+    調布駅中央口から出て北へ向かう道を直進し左折すると正門につきます。
+    <div id =place>西10-103,105</div>
+   でお待ちしております。
+    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5633.628384754134!2d139.54262759847524!3d35.654167593592426!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f0113fcc6da3%3A0x68f7cfce5d256fb9!2z6KW_MTDlj7fppKg!5e0!3m2!1sja!2sjp!4v1729243973951!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+    </p>
+    </body>
+</html>
diff --git a/event/chofusai/2024/sakuhintenji.css b/event/chofusai/2024/sakuhintenji.css
@@ -0,0 +1,13 @@
+body{
+    margin: 20px;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Open Sans", sans-serif;
+    background-color: black;
+    color: aliceblue;
+}
+
+
+a{
+    color: paleturquoise;
+}
diff --git a/event/chofusai/2024/sakuhintenji.html b/event/chofusai/2024/sakuhintenji.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>作品展示of工学研究部</title>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <link href="sakuhintenji.css" rel="stylesheet" type="text/css"> 
+    </head>
+    <body>
+    作品展示
+
+    <p>
+        <a href ="cyohusaiv0.html">トップページへ戻る</a>
+    </p>
+    </body>
+</html>