工学研究部について
+ 工学研究部について
工学研究部はソフトウェアやハードウェア、その他工学に関することなど幅広く活動している技術系サークルです。普段は部員がそれぞれ自由にものづくりを行っています。
工学研究部公式WEbサイト
調布祭について
+ 調布祭について
調布祭は毎年11月に行われる電気通信大学の学園祭です。毎年多くの来場者でにぎわっており、各サークルが露店や教室展示、ステージ企画などを行っています。
第73回調布祭公式Webサイト
diff --git a/chofusai2023/fig/koken_icon_large_indexed.png b/chofusai2023/fig/koken_icon_large_indexed.png
new file mode 100644
index 0000000..410628c
Binary files /dev/null and b/chofusai2023/fig/koken_icon_large_indexed.png differ
diff --git a/chofusai2023/index.html b/chofusai2023/index.html
index 97653b7..87303b8 100644
--- a/chofusai2023/index.html
+++ b/chofusai2023/index.html
@@ -15,47 +15,45 @@
-
第73回調布祭特設サイト
-
-
+ 第73回調布祭特設サイト
工学研究部は2023年度の調布祭で、部員の作品展示、フリーマーケット、部報の頒布、プラレール企画などを行います。
+作品展示
+作品展示
部員が製作した作品を展示します。部員の作品一覧はWorksを見てください。
部報・グッズ頒布
+部報・グッズ頒布
- 
+
プラレール企画
+プラレール企画
今年度の調布祭もプラレール企画を行います。部員が一致団結して行っている一大プロジェクトとなっています。
フリーマーケット
+フリーマーケット
部員が作製したもの、持ち寄ったもの、部室で不要になったものをお値打ち価格で販売します。ジャンキーな品物など各種取り揃えております。掘り出し物が見つかるかも…??
調布機械制作奨励競馬大会
+調布機械制作奨励競馬大会
部内外の参加者が作成した4足歩行ロボットによる競争です。
アクセス
+アクセス
電気通信大学は調布駅から徒歩5分の場所にあります。調布祭当日は西10-103教室と西10-105教室でお待ちしております。
diff --git a/chofusai2023/style.css b/chofusai2023/style.css deleted file mode 100644 index 6fb223b..0000000 --- a/chofusai2023/style.css +++ /dev/null @@ -1,203 +0,0 @@ -:root { - --accent: #ff2323; - --accent-dark: #8b0303; - --black: 15, 18, 25; - --gray: 96, 115, 159; - --gray-light: 229, 233, 240; - --gray-dark: 34, 41, 57; - --gray-gradient: rgba(var(--gray-light), 50%), none; - --box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), - 0 16px 32px rgba(var(--gray), 33%); -} - -body { - font-family: 'Atkinson', sans-serif; - margin: 0; - padding: 0; - padding-top: 70px; - text-align: left; - background: linear-gradient(var(--gray-gradient)) no-repeat; - background-size: 100% 600px; - word-wrap: break-word; - overflow-wrap: break-word; - color: rgb(var(--gray-dark)); - font-size: 20px; - line-height: 1.7; -} - -header{ - margin: 0; - padding: 0 1em; - background: white; - box-shadow: 0 2px 8px rgba(var(--black), 5%); - width:100%; - position: fixed; - top:0; -} - -.image1 img{ - width:160px; -} -.image2 { - display:none; -} - -nav { - display: flex; - align-items: start; - justify-content: space-between; - padding-top: 1em; - padding-bottom: 0; - padding-right: 1em; - padding-left: 1em; -} -nav * { - flex-shrink: 0; -} -nav ul { - margin: 0; - display: flex; -} - -nav a{ - color: var(--black); -} - -.internal-links a{ - padding: 1em 0.5em; - margin: 0; - border-bottom: 4px solid transparent; - text-decoration: none; -} -.internal-links li { - display: inline-block; -} -.internal-links a.active { - font-weight: bolder; - text-decoration: none; - border-bottom-color: var(--accent); -} - -main { - width: 720px; - max-width: calc(100% - 2em); - margin: auto; - padding: 3em 1em; -} -h1,h2,h3,h4,h5,h6 { - margin: 0 0 0.5rem 0; - color: rgb(var(--black)); - line-height: 1.2; -} -h1 { - font-size: 3.052em; -} -h2 { - font-size: 2.441em; -} -h3 { - font-size: 1.953em; -} -h4 { - font-size: 1.563em; -} -h5 { - font-size: 1.25em; -} - -a { - color: var(--accent); -} -a:hover { - color: var(--accent); -} - -.flexbox { - display: flex; - align-items: stretch; - flex-wrap: wrap; -} -.box { - display: block; - font-size: 15px; - padding: 0.5em 1em; - margin: 1em auto; - width: 300px; - color: #2c2c2f; - background: #d7d7d7;/*背景色*/ - border-radius: 10px; - box-shadow: var(--box-shadow); -} -.box .title { - text-align: center; -} -.box .name { - text-align: right; -} -.box p { - margin: 0; - padding: 0; -} -.box img { - margin:0 2em; - width:80%; -} - -footer { - padding: 2em 1em 1em 1em; - background: linear-gradient(var(--gray-gradient)) no-repeat; - color: rgb(var(--gray)); - text-align: center; -} -.social-links { - display: flex; - justify-content: center; - gap: 1em; - margin-top: 1em; -} -footer .social-links a { - text-decoration: none; - color: rgb(var(--gray)); -} -footer .social-links a:hover { - color: rgb(var(--gray-dark)); -} - -@media (max-width: 720px) { - body { - font-size: 18px; - } - .image1 img{ - width:140px; - } -} - -@media (max-width: 500px){ - .image1 { - display: none; - } - .image2 { - display:block; - } - .image2 img { - width:40px; - } -} - -.sr-only { - border: 0; - padding: 0; - margin: 0; - position: absolute !important; - height: 1px; - width: 1px; - overflow: hidden; - /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ - clip: rect(1px 1px 1px 1px); - /* maybe deprecated but we need to support legacy browsers */ - clip: rect(1px, 1px, 1px, 1px); - /* modern browsers, clip-path works inwards from each corner */ - clip-path: inset(50%); - /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ - white-space: nowrap; -} \ No newline at end of file diff --git a/chofusai2023/style.js b/chofusai2023/style.js index 696a5df..4be6301 100644 --- a/chofusai2023/style.js +++ b/chofusai2023/style.js @@ -4,35 +4,45 @@ (w=>d.readyState=='loading'?addEventListener('DOMContentLoaded',w,{once:1}):w())( _=>( [['afterbegin',` +電気通信大学
工学研究部
`]].map(x=>d.body.insertAdjacentHTML(...x)), //現在表示されているページを