-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
165 lines (148 loc) · 9.25 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="ja" prefix="og: http://ogp.me/ns#">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160309461-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-160309461-1');
</script>
<meta charset="UTF-8">
<title>やどかり祭とは | やどかり祭-筑波大学宿舎祭-</title>
<meta name="description" content="5/29(金),3(土)に筑波大学で開催される「やどかり祭」の公式サイトです。">
<!-- ファビコン -->
<link rel="icon" href="img/icon.ico">
<!--viewpointの設定で、レスポンシブルになる-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--edgeで互換モードをつかわせない-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--OGP-->
<meta property="og:image" content="https:/yadosai.com/img/yado_OGP1200v2.png" />
<!--SNSでシェアされたときの画像の絶対パス(URL)-->
<meta property="og:title" content="やどかり祭とは | 筑波大学やどかり祭" />
<!--ここもページごとに書いてください-->
<!-- <meta property="og:type" content="website" />トップページではこっちを使ってください -->
<meta property="og:type" content="article" />
<meta property="og:site_name" content="筑波大学やどかり祭2020" />
<meta property="og:description" content="5/29(金),3(土)に筑波大学で開催される「やどかり祭」の公式サイトです。" />
<!--Twitter-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yadokari_sai" />
<!-- ブラウザの色 -->
<meta name="theme-color" content="#000000">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- FontAwesome -->
<script src="https://kit.fontawesome.com/782b0a94e2.js" crossorigin="anonymous"></script>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400&display=swap&subset=japanese"
rel="stylesheet">
<!-- css -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/about.css">
<script src="js/load.js"></script>
</head>
<body ontouchstart=''>
<section class="parents">
<canvas id="mycanvas" class="center"></canvas>
</section>
<!-- navigation -->
<script>writeHeader();</script>
<!-- navigation -->
<div id="modal">
<section class="main">
<!--ナビゲーションバーの次のセクションではmargin-top:50px;指定しないと要素が被る-->
<!-- 汎用タイル -->
<!-- 横1枚タイル -->
<div class="row justify-content-center" id="top-row">
<div class="col-11 col-md-10 col-lg-8 tile is-round is-bg-white">
<section class="tile-content">
<p class="text-center tile-title col-title">やどかり祭とは</p>
<p>
筑波大学には、全国どころか世界中から学生が集まってきます。</br>
そしてここ、つくばの地に多くの学生がやどを借ります。</br>
やどかり祭は「宿舎祭」と名がついていますが、宿舎入居者のみならず、<br>
新一年生を中心とした多くの学生によってつくられる祭りです。</br>
新しく集まってきた新入生に交流の場を設け、仲を深めてもらうために、日頃お世話になっている地元の方々に楽しんでいただき、たくましい筑波生の姿を目にしてもらうために、</br>
私たちはこの祭を大切に、華やかに作っています。</br>
また、学生だけの力ではなく、本当に沢山の方の力がこの祭を支えてくれています。</br>
祭を作るまでに生まれるさまざまな交流も、この祭の大きな意義だと感じます。</p>
</section>
</div>
<div class="col-11 col-md-10 col-lg-8 tile is-round is-bg-white">
<section class="tile-content">
<p class="text-center tile-title col-title">歴史-history-</p>
<p>
今や、つくばエクスプレスも開通し発展したつくば市。</br>
しかし大学設立当時は何もない土地でした。</br>
若い学生の楽しみといえば、友人と酒を酌み交わすことぐらいしかありませんでした。</br>
そんな七夕の日。</br>
何かやってやろう!と、29人の学生が「七夕祭」を開催。模擬店を出し、踊りを踊りました。</br>
本当にささやかな祭でしたが、夏の始まりの夜、筑波大生はここに集ったのです。</br>
学生たちは、どんな顔で、どんな思いで踊っていたのでしょう…。</br>
第4回から、名前は「宿舎祭」になりました。</br>
規模も大きくなっていき、今年で46回になります。</p>
</section>
</div>
<div class="col-12">
<p class="text-center tile-title col-title" id="BOSS">委員長挨拶</p>
</div>
<div class="col-11 col-md-10 col-lg-8 tile is-round is-bg-white">
<section class="tile-content">
<p>
皆さんこんにちは。第46回宿舎祭実行委員会委員長の品川知輝です。</br>
宿舎祭（通称：やどかり祭）は、
1年生の入学して間もないこの時期に例年開催しております。</br>
というのも、我々宿舎祭実行委員会のコンセプトが<br>
<strong>「新入生同士に仲良くなってもらう機会を提供すること」</strong><br>だからです。</br>
もちろん、2年生以上の学生さんや外部からいらした一般の方にも楽しんでもらえるよう努めています。</br>
また、我々実行委員会は、学生主体で祭りを作るいちサークルとして自主的に活動していますが、私たちの力だけでは宿舎祭を催すことはできません。</br>
祭の趣旨にご賛同いただきご支援してくださった協賛店舗・団体の皆様、</br>
祭を開催するにあたって弊委員会のお力添えをしてくださった大学関係者の皆様には、
46代委員長として心よりお礼を申し上げます。</br>
実行委員会一同、楽しいお祭りにするため約半年間尽力して参りました。</br>
ぜひ楽しんでください！</p>
</section>
</div>
<div class="col-11 col-md-10 col-lg-8 tile is-round is-bg-white">
<section class="tile-content">
<p class="text-center tile-title col-title">テーマ紹介</p>
<p>
第46回やどかり祭テーマは<ruby>
<rb>百花祭放</rb>
<rp>（</rp>
<rt>ひゃっかせいほう</rt>
<rp>）</rp>
</ruby>です。<br>
「学問・科学・文化・芸術活動などが、自由にまた活発に行われること」という意味がある百花斉放という言葉を元に、新入生をはじめとした来場者一人一人がやどかり祭を通して個性を発揮できるように、という願いを込めて決定しました。
</p>
</section>
</div>
</div>
</section>
<script>writeFooter();</script>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="./yadokarisai_toha/script.js" type="module"></script>
<script src="./yadokarisai_toha/roundedBox.js" type="module"></script>
<script src="./yadokarisai_toha/OrbitControls.js"></script>
</script>
</body>
</html>