gamehack-19/index.html at master · capslock-bmdc/gamehack-19 · GitHub

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
<!DOCTYPE html>
<html class="en" lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="styles.css">
  <link rel="shortcut icon" type="image/png" href="images/icon.png" />
  <title>GAMEHACK 19</title>
  <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap" rel="stylesheet">
  <script src="spaceship-animation.js" type="text/javascript"></script>
  <style>
    * {
      font-family: "Share Tech Mono", monospace;
    }
  </style>
</head>

<body>
  <a href="he.html" class="hebrew-link">עברית</a>
  <div id="logo-badge"><img src="images/white-logo.png" /></div>

  <section>
    <img id="hero-image" src="images/hero-image.png" />
  </section>

  <section>
    <div class="text-content">
      <h2>📢</h2>
      <h4>GAMEHACK 2019 was a great success, we hope to see you again next year!</h4>
    </div>

    <h2>💻💻💻</h2>
    <div class="text-content">
      <h4>Join the CAPSLOCK GAMEHACK 2019 and build multiplayer games like a real game dev. The GAMEHACK would take
        place in our yeshiva (Har Tzion 31, Gan Yavneh) at 19/12/19 19:00. If you have any
        questions, please feel free to contact us in the form below.</h4>
      <h4>The hackathon theme is "retro multiplayer games", during the night we would hack together the most bizarre and
        intriguing retro games.</h4>
      <h4> We can't wait to see what you build! 🚀</h4>
    </div>
    <div id="action-section">
      <a class="button"
        href="https://www.google.com/calendar/render?action=TEMPLATE&text=CAPSLOCK+GAMEHACK+2019&details=visit+https%3A%2F%2Fwww.gamehack19.ga%2F+for+all+details.&location=Har+Zion+31%2C+Gan+Yavne%2C+Israel&dates=20191912T170000Z%2F20192012T033000Z">
        Add to Google Calendar
      </a>
      <a class="button primary" href="register.html">
        Register Now 🤘
      </a>
    </div>
  </section>

  <section>
    <h2>Schedule</h2>
    <div class="text-content">
      <h4>18:00 - Marriv</h4>
      <h4>18:30 - Opening speak</h4>
      <h4>19:00 - Programming accompanied by college faculty</h4>
      <h4>21:00 - Programming in groups</h4>
      <h4>02:00 - Break</h4>
      <h4>05:00 - Judging session</h4>
      <h4>06:00 - Announcing winners</h4>
      <h4>06:30 - Shacharit</h4>
    </div>

  </section>

  <section>
    <h2>FAQ</h2>

    <button class="collapsible">
      <h4>What graphic quality does the game need to have?</h4>
    </button>
    <div class="content">
      <p>All graphics are great (even just using the terminal)! Although nicer graphics get more points.</p>
    </div>

    <button class="collapsible">
      <h4>Who can participate in "Gamehack 2019"?</h4>
    </button>
    <div class="content">
      <p>Anyone and everyone can participate, not only yeshiva students but also friends and graduates.</p>
    </div>

    <button class="collapsible">
      <h4>Umm... are there prizes for winners?</h4>
    </button>
    <div class="content">
      <p>Sure! We are still negotiating to get the most for you - stay tuned!</p>
    </div>

    <button class="collapsible">
      <h4>What type of game do we need to build?</h4>
    </button>
    <div class="content">
      <p>Any type of game will suffice, including 2D, 3D, terminal, text-based etc. But it must be a multiplayer game
        (and retro).</p>
    </div>

    <button class="collapsible">
      <h4>Until when can I register?</h4>
    </button>
    <div class="content">
      <p>Until December 13th.</p>
    </div>

    <button class="collapsible">
      <h4>How do I register?</h4>
    </button>
    <div class="content">
      <p>Using <a href="register.html">this form</a> 😎.</p>
    </div>

    <button class="collapsible">
      <h4>Is there food?</h4>
    </button>
    <div class="content">
      <p>Yes, lots. Including 🍌🍌🍌.</p>
    </div>

    <button class="collapsible">
      <h4>If I have more questions, where should I go?</h4>
    </button>
    <div class="content">
      <p>You can DM the organizers or use the form bellow.</p>
    </div>

    <button class="collapsible">
      <h4>Is it free?</h4>
    </button>
    <div class="content">
      <p>YUP, although you pay with your soul. 😯</p>
    </div>

    <button class="collapsible">
      <h4>How will the winning team be picked?</h4>
    </button>
    <div class="content">
      <p>There are a few categories that the judges will take into account while picking the winning team, and they will
        be announced at the hackathon.</p>
    </div>

  </section>

  <section>
    <h2>Contact</h2>
    <div id="contact-form">
      <div class="typeform-widget" data-url="https://zvi115488.typeform.com/to/vS33L8"
        style="width: 100%; height: 500px;"></div>
      <script> (function () { var qs, js, q, s, d = document, gi = d.getElementById, ce = d.createElement, gt = d.getElementsByTagName, id = "typef_orm", b = "https://embed.typeform.com/"; if (!gi.call(d, id)) { js = ce.call(d, "script"); js.id = id; js.src = b + "embed.js"; q = gt.call(d, "script")[0]; q.parentNode.insertBefore(js, q) } })() </script>
      <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by <a
          href="https://admin.typeform.com/signup?utm_campaign=vS33L8&utm_source=typeform.com-14953268-Professional&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN"
          style="color: #999" target="_blank">Typeform</a> </div>
    </div>
  </section>

  <section class="text-content">
    <h4>Creatd by Yoel Sigal and Zvi Karp</h4>
    <h4>Contribute on <a href="https://github.com/capslock-bmdc/gamehack-19">Github</a></h4>
  </section>

  <img id="bottom-image" src="images/bottom-image.png" />
  <style>

  </style>

  <div id="spaceships">
    <span class="spaceship"></span>
  </div>

  <script src="main.js" type="text/javascript"></script>
</body>

</html>