-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
199 lines (194 loc) · 7.74 KB
/
events.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>アフリカ ウィークス2022 学生企画</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/daaec33b0c.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<link rel="icon" type="image/png" href="images/hado.ico">
<link rel="apple-touch-icon" sizes="180x180" href="images/hado.ico">
<meta name="application-name" content="African Weeks">
<meta name="msapplication-TileColor" content="#0000ff">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<meta charset="UTF-8">
<script language="JavaScript">
window.onload = function setCell()
{
for (var i=16; i<=28; i++) {
if (i != 21 && i != 27 && i != 28){
myTBL.rows[Math.floor((i - 1) / 7) + 1].cells[(i - 1) % 7].style.backgroundColor = "#1b5c2d30";
}else{
myTBL.rows[Math.floor((i - 1) / 7) + 1].cells[(i - 1) % 7].style.backgroundColor = "#22793f94";
}
}
var today = new Date();
var d = today.getDate();
myTBL.rows[Math.floor((d - 1) / 7) + 1].cells[(d - 1) % 7].style.backgroundColor = "#daff378f";
}
</script>
</head>
<body>
<header>
<div class="titledisp">
<div class="site">
Africa Weeks 2022
</div>
<div>
<div class="gakuseicontainer">
<div class="gakusei"><b>学生</b></div>
<div class="kikaku"><b>企画</b></div>
</div>
<div class="withafrica"><b>With Africa</b></div>
</div>
</div>
<nav>
<div class="menu">
<a class="navl1" href="index.html">Home</a>
<a class="navl1" href="magazine.html">雑誌企画</a>
<a class="navl1sl" href="events.html">イベント情報</a>
<a class="navl2" href="pastAW.html">過去の<br>Africa Weeks</a>
<a class="navl1" href="aboutus.html">運営学生紹介</a>
<a class="navl2" href="opinions.html">ご意見<br>感想フォーム</a>
</div>
</nav>
</header>
<article>
<h1>イベント情報</h1>
<div>
<div>
<div class="center" style="font-size: 25pt;">5月</div>
<table id="myTBL">
<tr>
<th>日</th>
<th>月</th>
<th>火</th>
<th>水</th>
<th>木</th>
<th>金</th>
<th>土</th>
</tr>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
</tr>
<tr>
<th>8</th>
<th>9</th>
<th>10</th>
<th>11</th>
<th>12</th>
<th>13</th>
<th>14</th>
</tr>
<tr>
<th>15</th>
<th>16</th>
<th>17</th>
<th>18</th>
<th>19</th>
<th>20</th>
<th class="eventday"><a href="#africanchat">21</a></th>
</tr>
<tr>
<th>22</th>
<th>23</th>
<th>24</th>
<th>25</th>
<th>26</th>
<th class="eventday"><a href="#interview">27</a></th>
<th class="eventday"><a href="#africanworkshop">28</a></th>
</tr>
<tr>
<th>29</th>
<th>30</th>
<th>31</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
</div>
<br>
<div class="legend">
<span style="background-color: #daff378f;"> </span>・・・本日<br>
<span style="background-color: #1b5c2d30;"> </span>・・・Africa Weeks 期間<br>
<span style="background-color: #22793f94;"> </span>・・・イベント開催日<br>
</div>
</div>
<br>
<div class="container">
<div class="datetime, pc-visible">
<div class="date">5月21日 (土)</div>
<div class="time">17:00-17:50 (第１部)<br>18:00-19:00 (第２部)</div>
</div>
<div>
<h2 id="africanchat">アフリカン・チャット～アフリカとつながろう～</h2>
<div class="left">アフリカ地域の学生と共に、お互いの生活や価値観から見える <em>“違い”</em> について議論したり、<br>気軽にお喋りしたりする企画です！</div>
<div class="left">※こちらは高校生・大学生対象の限定イベントとなります。<br>※第1部, 第2部のみのご参加も大歓迎です！</div>
<h3>第1部: テーマトーク</h3>
<div class="left">決まったテーマについてお話しをします。アフリカの大学生とお互いの日常生活を比較し、違いを知りながらリアルなアフリカを教えてもらいましょう。</div>
<h3>第2部: フリートーク</h3>
<div class="left">アフリカの大学生とテーマを決めずに、楽しくゆる～くお話をする会です。<br>気軽にご参加ください！</div>
<div class="datetime, phone-visible">
<div class="date">5月21日 (土)</div>
<div class="time">17:00-17:50 (第１部)<br>18:00-19:00 (第２部)</div>
</div>
<a class="applybutton" href="https://eipro.jp/sophia/events/view/AW20220521_1" target="_blank">第1部 お申し込み</a>
<a class="applybutton" href="https://eipro.jp/sophia/events/view/AW20220521_2" target="_blank">第2部 お申し込み</a>
</div>
</div>
<br>
<div class="container">
<div class="datetime, pc-visible">
<div class="date">5月27日 (金)</div>
<div class="time">17:00-18:30</div>
</div>
<div>
<h2 id="interview">日本とアフリカを”つなぐ“インタビュー<br>～アフリカとつながるってどういうこと～</h2>
<div class="left">実際にアフリカについて学んでいる学生やアフリカでのご経験がある方、<br>今現在アフリカと関わっている方々などからその魅力を
<br>インタビュー形式でざっくばらんにお話を伺います！
</div>
<br>
<div class="datetime, phone-visible">
<div class="date">5月27日 (金)</div>
<div class="time">17:00-18:30</div>
</div>
<a class="applybutton" href="https://eipro.jp/sophia/events/view/AW20220527" target="_blank">お申し込みはこちらから</a>
</div>
</div>
<br>
<div class="container">
<div class="datetime, pc-visible">
<div class="date">5月28日(土)</div>
<div class="time">17:00-18:30</div>
</div>
<div class="pc-visible">
<h2 id="africanworkshop">アフリカン・ワークショップ ～アフリカを感じよう～</h2>
<div class="left">アフリカ布を使ってワークショップを行います。<br>また、学生団体のASANTE PROJECTによる現地の魅力や活動の紹介、<br>アフリカに関するクイズを行い、日本にいながらアフリカを体感し、<br>アフリカをもっと知ることができる企画です！<br>全編日本語開催です！</div>
<div class="datetime, phone-visible">
<div class="date">5月28日(土)</div>
<div class="time">17:00-18:30</div>
</div>
<div class="left">※申し込み締切: 5月12日（木）</div>
<br>
<a class="applybutton" href="https://eipro.jp/sophia/events/view/AW20220528" target="_blank">お申し込みはこちらから</a>
</div>
</div>
<br>
</article>
<footer>
<hr>
※内容は事前の予告なしに変更となる可能性があります。<br>
お問い合わせ先: <a href="mailto:africa-weeks@ml.sophia.ac.jp">africa-weeks@ml.sophia.ac.jp</a><br>
学生企画代表: 総合グローバル学部・学科３年 田村璃子 / 並木舞子
</footer>
</body>
</html>