-
Notifications
You must be signed in to change notification settings - Fork 0
/
workshop.html
229 lines (225 loc) · 13.2 KB
/
workshop.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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css"
integrity="sha512-c93ifPoTvMdEJH/rKIcBx//AL1znq9+4/RmMGafI/vnTFe/dKwnn1uoeszE2zJBQTS1Ck5CqSBE+34ng2PthJg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="styles/index.css" />
<link rel="stylesheet" href="styles/workshop.css" />
<script src="script/app.js" defer></script>
<title>Workshop</title>
</head>
<body>
<header>
<div>
<a href="#" class="header-logo">
<img src="assets/img/web3camplogo - white.png" alt="web3camp-logo" />
</a>
</div>
<div class="menu">
<div class="menu-icon"><i class="fas fa-bars"></i></div>
<ul class="navbar-desktop">
<a href="index.html" class="nav-item">Home</a>
<a href="about.html" class="nav-item">About</a>
<a href="index.html#register" class="nav-item">Register</a>
<a href="index.html#sponser" class="nav-item">Sponser</a>
<a href="index.html#timeline" class="nav-item">Timeline</a>
<a href="workshop.html" class="nav-item active">Workshop</a>
<a href="index.html#curriculum" class="nav-item">Curriculum</a>
</ul>
<ul class="navbar-mobile">
<a href="index.html" class="nav-item">Home</a>
<a href="about.html" class="nav-item">About</a>
<a href="index.html#register" class="nav-item">Register</a>
<a href="index.html#sponser" class="nav-item">Sponser</a>
<a href="index.html#timeline" class="nav-item">Timeline</a>
<a href="workshop.html" class="nav-item active">Workshop</a>
<a href="index.html#curriculum" class="nav-item">Curriculum</a>
</ul>
</div>
</header>
<main>
<section class="workshop-section">
<div class="tabs">
<div class="tab-item remote active">REMOTE WORKSHOP</div>
<div class="tab-item in-person">IN-PERSON WORKSHOP</div>
</div>
<div class="remote workshop">
<div class="meaning">
A remote workshop is a workshop conducted online, where
participants, speakers, and organizers are in different physical
locations.
</div>
<div class="guidelines">
<h2>GUIDELINES</h2>
<h4>Before the Workshop</h4>
<ul>
<li>
Determine the number of days/hours needed for the workshop
</li>
<li>Decide on dates and times</li>
<li>
Providing the name of the workshop, dates, expected participants
to the Girlscript team.
</li>
<li>
Maintaining a report and providing registration details of the
participants to the Girlscript team
</li>
<li>Promote/advertise the workshop</li>
</ul>
<h4>Contact Speakers</h4>
<ul>
<li>Discuss their availability</li>
<li>
Invite instructors to come a few minutes before the event to
test the equipment available for the workshop.
</li>
</ul>
<h4>During the Workshop</h4>
<ul>
<li>
Make sure technical support is available to contact during the
workshop.
</li>
<li>
Keep a list of questions that need to be followed up after the
workshop.
</li>
<li>
Provide workshop evaluations to participants to complete after
the end of the workshop
</li>
<li>Distribute certificates to attendees</li>
</ul>
</div>
</div>
<div class="in-person workshop">
<div class="meaning">
An in-person workshop is any workshop where participants, speakers,
and organizers, all meet in the same physical location. Participants
can work together in teams and support from coaches is done
face-to-face.
<br />These workshops will be conducted only when the conditions are
safe and under covid-19 guidelines
</div>
<div class="guidelines">
<h2>GUIDELINES</h2>
<h4>Before the workshop</h4>
<ul>
<li>
Provide guidelines/requirements to participants in advance of
training or meetings so they know what to expect.
</li>
<li>
Make sure chairs or benches should be spaced at least 2 meters
apart.
</li>
<li>Ask attendees to commit to a safety code of conduct.</li>
<li>
Encourage frequent use of the hygiene stations, including upon
entry into the training or meeting venue.
</li>
<li>
Keep a list of questions that need to be followed up after the
workshop.
</li>
<li>
Provide workshop evaluations to participants to complete after
the end of the workshop.
</li>
<li>Distribute certificates to attendees</li>
</ul>
<h4>Contact Speakers</h4>
<ul>
<li>Discuss their availability</li>
<li>
Invite instructors to come a few minutes before the event to
test the equipment available for the workshop.
</li>
</ul>
<h4>During the Workshop</h4>
<ul>
<li>Discuss their availability</li>
<li>Assist instructors with setting up the classroom</li>
<li>
Arrange travel and lodging for the instructors (expenses provide
by team Girlscript)
</li>
<li>
Organize food service, refreshments(expenses provide by team
Girlscript)
</li>
</ul>
</div>
</div>
</section>
</main>
<footer>
<div class="social-handles">
<a class="social-icons" href="https://www.facebook.com/Girlscript/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 30 30"
style=" fill:#fff;">
<path d="M15,3C8.373,3,3,8.373,3,15c0,6.016,4.432,10.984,10.206,11.852V18.18h-2.969v-3.154h2.969v-2.099c0-3.475,1.693-5,4.581-5 c1.383,0,2.115,0.103,2.461,0.149v2.753h-1.97c-1.226,0-1.654,1.163-1.654,2.473v1.724h3.593L19.73,18.18h-3.106v8.697 C22.481,26.083,27,21.075,27,15C27,8.373,21.627,3,15,3z"></path>
</svg>
</a>
<a class="social-icons" href="https://twitter.com/girlscript1" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 30 30"
style=" fill:#fff;">
<path d="M28,6.937c-0.957,0.425-1.985,0.711-3.064,0.84c1.102-0.66,1.947-1.705,2.345-2.951c-1.03,0.611-2.172,1.055-3.388,1.295 c-0.973-1.037-2.359-1.685-3.893-1.685c-2.946,0-5.334,2.389-5.334,5.334c0,0.418,0.048,0.826,0.138,1.215 c-4.433-0.222-8.363-2.346-10.995-5.574C3.351,6.199,3.088,7.115,3.088,8.094c0,1.85,0.941,3.483,2.372,4.439 c-0.874-0.028-1.697-0.268-2.416-0.667c0,0.023,0,0.044,0,0.067c0,2.585,1.838,4.741,4.279,5.23 c-0.447,0.122-0.919,0.187-1.406,0.187c-0.343,0-0.678-0.034-1.003-0.095c0.679,2.119,2.649,3.662,4.983,3.705 c-1.825,1.431-4.125,2.284-6.625,2.284c-0.43,0-0.855-0.025-1.273-0.075c2.361,1.513,5.164,2.396,8.177,2.396 c9.812,0,15.176-8.128,15.176-15.177c0-0.231-0.005-0.461-0.015-0.69C26.38,8.945,27.285,8.006,28,6.937z"></path>
</svg>
</a>
<a class="social-icons"
href="https://www.youtube.com/channel/UCBOlJtDcWNh0aUkS2CfI8Aw " target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 30 30"
style=" fill:#fff;">
<path d="M 15 4 C 10.814 4 5.3808594 5.0488281 5.3808594 5.0488281 L 5.3671875 5.0644531 C 3.4606632 5.3693645 2 7.0076245 2 9 L 2 15 L 2 15.001953 L 2 21 L 2 21.001953 A 4 4 0 0 0 5.3769531 24.945312 L 5.3808594 24.951172 C 5.3808594 24.951172 10.814 26.001953 15 26.001953 C 19.186 26.001953 24.619141 24.951172 24.619141 24.951172 L 24.621094 24.949219 A 4 4 0 0 0 28 21.001953 L 28 21 L 28 15.001953 L 28 15 L 28 9 A 4 4 0 0 0 24.623047 5.0546875 L 24.619141 5.0488281 C 24.619141 5.0488281 19.186 4 15 4 z M 12 10.398438 L 20 15 L 12 19.601562 L 12 10.398438 z"></path>
</svg>
</a>
<a class="social-icons" href="https://www.instagram.com/girlscript/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 24 24"
style=" fill:#fff;">
<path d="M 8 3 C 5.243 3 3 5.243 3 8 L 3 16 C 3 18.757 5.243 21 8 21 L 16 21 C 18.757 21 21 18.757 21 16 L 21 8 C 21 5.243 18.757 3 16 3 L 8 3 z M 8 5 L 16 5 C 17.654 5 19 6.346 19 8 L 19 16 C 19 17.654 17.654 19 16 19 L 8 19 C 6.346 19 5 17.654 5 16 L 5 8 C 5 6.346 6.346 5 8 5 z M 17 6 A 1 1 0 0 0 16 7 A 1 1 0 0 0 17 8 A 1 1 0 0 0 18 7 A 1 1 0 0 0 17 6 z M 12 7 C 9.243 7 7 9.243 7 12 C 7 14.757 9.243 17 12 17 C 14.757 17 17 14.757 17 12 C 17 9.243 14.757 7 12 7 z M 12 9 C 13.654 9 15 10.346 15 12 C 15 13.654 13.654 15 12 15 C 10.346 15 9 13.654 9 12 C 9 10.346 10.346 9 12 9 z"></path>
</svg>
</a>
<a class="social-icons" href="https://in.linkedin.com/company/girlscript-foundation" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 30 30"
style=" fill:#fff;">
<path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"></path>
</svg>
</a>
</div>
<div class="copyright">
<a href="codeOfConduct.html" target="_blank">Code of Conduct</a>
<p>Copyright © 2021 Girlscript Foundation. All Rights Reserved</p>
</div>
<div class="creators">
Designed with ❤️ by <a href="https://linktr.ee/elcicneha" target="_blank">elcicneha</a>
</div>
</footer>
</body>
</html>