-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathguide.html
255 lines (233 loc) · 10.9 KB
/
guide.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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no, initial-scale=1, height=device-height" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="robots" content="noydir, noodp">
<meta name="description" content="Shift Appens - Make It Appen">
<meta name="keywords"
content="shift, appens,shiftappens hackathon, coding, talks, 48hours, coimbra, 2020, apps, design, 13, April, jeKnowledge, nei, dei, cmc">
<meta name="author" content="Joana Sousa">
<meta property="og:title" content="Shift Appens" />
<meta property="og:description"
content="Shift APPens is a hackathon, always striving for a relaxed environment, where it seeks to foster healthy competition through a knowledge exchange from the world of technology among participants.">
<meta property="og:url" content="https://shiftappens.pt" />
<meta property="og:type" content="website" />
<link rel="canonical" href="https://www.shiftappens.pt">
<link rel="shortcut icon" type="image/png" href="images/favicon.ico"/>
<link rel="stylesheet" href="css/reset.css">
<!-- <link rel="stylesheet" href="css/colors.css"> -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/guide.css">
<script src="showMenu.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<title>Shift Appens</title>
</head>
<body>
<div class="lines_background">
<nav>
<div id="nav">
<img id="shift" onclick="window.location.href = 'index.html';" src="images/logo_c.png" alt="logo">
<div id="menu">
<div id="menu_nav">
<a href="about.html">ABOUT US</a>
<a href="faq.html">FAQ</a>
<a href="guide.html">GUIDE 2021</a>
<a href="index.html#partners">PARTNERS</a>
<a href="past.html">PAST</a>
<img id="tigre_mobile" src="images/tigre_mobile.svg" alt="tiger">
</div>
<form action="https://taikai.network/en/shift-appens/challenges/shiftappens2021" target="_blank">
<input id="taikai" type="submit" value="Register Here!" />
</form>
<img id="menu_icon" onclick=showMenu() src="images/menu.png" alt="menu">
</div>
</div>
</nav>
<main>
<section class="guide">
<h1 id='pc'> SHIFT APPENS' GUIDE 2021</h1>
<h1 id='mobile'> GUIDE 2021</h1>
<div class="download">
<a href="files/SA_Guia2021_EN.pdf" target="_blank" download>
<button>Download EN</button>
</a>
<a href="files/SA_Guia2021_PT.pdf" target="_blank" download>
<button>Download PT</button>
</a>
</div>
<div class="cont_faq">
<div class="question">
<p>Check in</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>Upon logging into Discord, you will need to go through the check-in channel in order to gain access to the other channels and be able to start participating in the event;</li>
<li>You will be tagged with your team name and will have access to your team's private channel.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Opening ceremony</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>The opening session will kick off the event;</li>
<li>Here, the partners' custom challenges will be presented. Participating in these challenges is optional, however those who choose to compete in these challenges will be eligible to win extra prizes;</li>
<li>After the ceremony, the hackathon begins and the teams will have exactly 48 hours to develop their projects.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Teaser submission</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>This introductory submission will take place on the second day and will aim to pre-assess the projects being developed by the teams;</li>
<li>All teams must submit a short resume that describes the theme, technologies, team, and brief description of the project's objective, if they want to participate in any of the competitions. This document may or may not be accompanied by a video;</li>
<li>Those who do not make this first submission will not be allowed to compete.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Partner rooms</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>The main partner companies will have an exclusive channel where they can show the participants their relevant projects, in an environment of creativity and innovation in the technology areas.</li>
<li>Participants will be able to enter these rooms to ask questions related to the custom challenges proposed by the companies.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Workshops and Talks</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>These sessions will be held in Zoom in order to promote interaction with the speakers. However, those who just want to watch can do it through the live streaming available at TAIKAI's platform;</li>
<li>Scheduling will be announced in advance, however a message will be sent to the general Discord channel whenever a session is about to start;</li>
<li>The sessions will be distributed throughout the days of the event, and the participants will be free to choose which ones they want to attend. This way, they will be able to take a break from developing their projects and acquire more knowledge that may be useful in the project to be developed.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Extra activities</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>Certain periods of the event will have activities that promote interaction and socializing among participants, such as: mini-games, quizzes, challenges, and many more;</li>
<li>These moments will be organized and promoted through a dedicated Discord channel.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Project evaluation / final pitch</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>After 48 hours, the teams that decide to compete must submit the following on TAIKAI's platform by the stipulated time:</li>
<ul>
<li>A video (works like pitch) with a maximum duration of 2 minutes, in a horizontal format (16:9);</li>
<li>A description of the project that will help the jury in the evaluation process.</li>
</ul>
<li>The submitted videos will be presented at the Zoom session where the jury will be present along with team members. Afterwards, the jurors will have the opportunity to ask the teams questions that will help them evaluate their projects.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Closing ceremony</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>After the jury's consideration period, the winners will be announced at the closing session.</li>
<li>The winning teams will "take the stage", entering the Zoom session to receive their awards and to say a few words, if they wish.</li>
</ul>
</div>
</div>
<div class="cont_faq">
<div class="question">
<p>Livestream:</p>
<img class="icon" src="images/open.svg" alt="icone">
</div>
<div class="answer">
<ul>
<li>All moments will be broadcast live on TAIKAI's platform;</li>
<li>Besides the opening and closing sessions, the workshops and talks will also be broadcasted, as well as other moments such as: interviews, lectures, music with a guest DJ, among many other sessions.</li>
</ul>
</div>
</div>
</section>
</main>
<footer>
<div class="contact">
<h3>Contact us</h3>
<p>+351 913 847 824
<br> +351 964 302 766
<br>[email protected]</p>
</div>
<div class="social">
<div class="social_img">
<a class="social_i" href="https://twitter.com/shiftappens"> <img src="images/twitter.svg" alt="logo_twitter"> </a>
<a class="social_i" href="https://facebook.com/shiftappens21"> <img src="images/facebook.svg" alt="logo_facebook"> </a>
<img id="shift_icon" onclick="window.location.href = 'index.html';" src="images/logo_icon.png" alt="logo">
<a class="social_i" href="https://www.instagram.com/shiftappens"> <img src="images/insta.svg"alt="logo_instagram"> </a>
<a class="social_i" href="https://www.linkedin.com/company/shift-appens"> <img src="images/linkedin.svg"alt="logo_linkedin"> </a>
</div>
<div class="social_text">
<a href="index.html">GO TO TOP</a>
<a href="faq.html">FAQ</a>
<a href="past.html">PAST</a>
<a href="about.html">ABOUT US</a>
</div>
</div>
<div class="made">
<div class="made_img">
<img src="images/nei.svg" onclick="window.location.href = 'https://nei.dei.uc.pt'" alt="logo_nei">
<img src="images/jeK.svg" onclick="window.location.href = 'https://jeknowledge.pt'" alt="logo_jek">
</div>
<p>Made with <a style="color:#EF376A">love</a> by us</p>
</div>
</footer>
</body>
<script>
var cont= document.getElementsByClassName("cont_faq")
var question = document.getElementsByClassName("question");
var question_img = document.getElementsByClassName("icon");
for (i = 0; i < question.length; i++) {
question[i].addEventListener("click", function() {
this.classList.toggle("active");
var myimg = this.getElementsByTagName('img')[0];
var abre =this.nextElementSibling;
var answer = this.nextElementSibling;
var img= this.nextElementSibling;
var cont_faq=this.nextElementSibling;
if (answer.style.display === "block") {
answer.style.display = "none";
myimg.src= "images/open.svg"
} else {
answer.style.display = "block";
myimg.src= "images/close.svg"
}
});
}
</script>
</html>