1+ <!DOCTYPE html>
2+ < html lang ="es ">
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > Freestylear.la</ title >
8+ < link rel ="stylesheet " href ="styles.css ">
9+ < link rel ="shortcut icon " href ="../favicon.png " />
10+ </ head >
11+
12+ < body >
13+ < div class ="main-container ">
14+ < div class ="header ">
15+ < img src ="../images/SYSARMY_logo-01.png " alt ="Sysarmy Logo " class ="logo ">
16+ < h1 > 📢 The Freestyler</ h1 >
17+ < h2 > #AdminBirras 🍺</ h2 >
18+ < h3 > ¡Un juego en el que podes ser keynote speaker!</ h3 >
19+ </ div >
20+
21+ < div class ="keynote-display ">
22+ < div id ="keynote-name " class ="keynote-name ">
23+ < p > - - - - - - - - - - - - </ p >
24+ </ div >
25+ </ div >
26+
27+ < div class ="game-controls ">
28+ < button id ="generate-btn " class ="generate-button ">
29+ Generar keynote
30+ </ button >
31+
32+ < div id ="timer-display " class ="timer-display hidden ">
33+ < div class ="timer-circle ">
34+ < span id ="countdown-number "> 30</ span >
35+ </ div >
36+ < p class ="timer-label "> ¡Freestyleala!</ p >
37+ </ div >
38+
39+ < div id ="game-over " class ="game-over hidden ">
40+ < h2 > ¡Fin!</ h2 >
41+ < p > ¿Standing ovation?</ p >
42+ </ div >
43+ </ div >
44+
45+ < div class ="instructions ">
46+ < h3 > ¿Cómo se juega?</ h3 >
47+ < ol >
48+ < li > Apretá en "Generar keynote"</ li >
49+ < li > Se te ocurrio una idea de charla. Tenés 22 segundos. < strong > ¡Contála!</ strong > </ li >
50+ < li > El resto dice si se para y aplaude o no</ li >
51+ </ ol >
52+ </ div >
53+
54+ < div class ="footer ">
55+ < p > Hecho con < 3 por < a href ="https://sysarmy.com " target ="_blank "> Sysarmy</ a >
56+ inspirado en < a href ="https://github.com/dcts/bullpitch " target ="_blank "> Bullpitch</ a > </ p >
57+ </ div >
58+ </ div >
59+
60+ < script src ="main.js "> </ script >
61+ </ body >
62+
63+ </ html >
0 commit comments