-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindexhub.html
More file actions
132 lines (125 loc) · 5.98 KB
/
Copy pathindexhub.html
File metadata and controls
132 lines (125 loc) · 5.98 KB
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
<!DOCTYPE html>
<html>
<head>
<title>JLG Spieleentwicklung</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato|Source+Sans+Pro">
<script src="https://use.fontawesome.com/98fc348d21.js"></script>
<link rel="stylesheet" type="text/css" href="all_styles.css">
</head>
<body>
<div class="all-wrap">
<section id="about">
<span class="for-center"><h1>Hallo</h1></span>
<div class="content-wrap">
<div class="text">
<p>Wir sind ein kleiner Spieleentwicklungs-Club vom John-Lennon-Gymnasium in Berlin.<br/>Die Anmeldung ist vorerst begrenzt auf Schüler des JLG!<br/><br/>Wenn du nicht von da kommst, wie hast du dann diese Seite gefunden? :D</p>
</div>
</div>
</section>
<section id="team">
<span class="for-center"><h1>Team</h1></span>
<div class="content-wrap">
<table id="demo"></table>
</div>
</section>
<div class="job-info-overlay" id="fullscreen-div">
<i class="fa fa-times" aria-hidden="true" id="close-menu"></i>
<div class="centered">
<h1 id="job-heading"></h1>
<p id="job-description"></p>
<div class="person-job-wrap">
<ul></ul>
</div>
</div>
</div>
<section id="jobs">
<span class="for-center"><h1>Infos</h1></span>
<div class="content-wrap">
<div class="text">
<p>Bitte bedenke, dass wir unsere eigenen Definitionen der genannten Begriffe verwenden. Lese also zuerst die Infos durch, um herauszufinden ob du dich wirklich für das anmeldest, was du denkst.</p>
</div>
<div class="menu-wrap">
<ul>
<li class="card" id="panel-1">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"><i class="fa fa-paint-brush" aria-hidden="true"></i>Künstler</span>
</li>
<li class="card" id="panel-2">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"><i class="fa fa-desktop" aria-hidden="true"></i>Game Designer</span>
</li>
<li class="card" id="panel-3">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"class="foreground"><i class="fa fa-code" aria-hidden="true"></i>Programmierer</span>
</li>
<li class="card" id="panel-4">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"><i class="fa fa-volume-up" aria-hidden="true"></i>Sound Designer</span>
</li>
<li class="card" id="panel-5">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"><i class="fa fa-align-left" aria-hidden="true"></i>Story Writer</span>
</li>
<li class="card" id="panel-6">
<span class="background">
<div class="cross-browser-color c1"></div>
<div class="cross-browser-color c2"></div>
</span>
<span class="foreground"><i class="fa fa-music" aria-hidden="true"></i>Komponist</span>
</li>
</ul>
</div>
</div>
</section>
<section id="register">
<span class="for-center"><h1>Anmelden</h1></span>
<div class="content-wrap">
<div class="job-warning">
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
<div class="text"><p id="warning-msg">Du hast dir noch nicht die Infos für <span class="job-name"></span> angesehen!<br/>Bitte tue es jetzt, damit du weißt, worauf du dich einlässt :D</p></div>
</div>
<form id="registerForm">
<legend class="inputs">
<button class="select-button-wrap" id="job-wrapper">
<label for="toggle-menu"></label>
<p id="currentlySelected">Künstler</p>
<i class="fa fa-angle-down" aria-hidden="true"></i>
</button>
<input type="text" placeholder="Dein Name" id="myInput"></input>
<button id="send-info">Anmelden</button>
</legend>
<input type="checkbox" id="toggle-menu"></input>
<ul class="option-wrap">
<li id="op-1" class="selected"><p>Künstler</p></li>
<li id="op-2"><p>Game Designer</p></li>
<li id="op-3"><p>Programmierer</p></li>
<li id="op-4"><p>Sound Designer</p></li>
<li id="op-5"><p>Story Writer</p></li>
<li id="op-6"><p>Komponist</p></li>
</ul>
</form>
<div class="text"><p class="more-info">Bitte schreibe zusätzlich eine Nachricht auf WhatsApp an:<br/>157 78910439<br/>oder an <a href="mailto:SpieleEntwicklung@ravid.de" class="text-link">SpieleEntwicklung@ravid.de</a> mit deinem Namen, damit wir eine Möglichkeit haben dich zu kontaktieren.</p></div>
</div>
</section>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>