-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (87 loc) · 3.71 KB
/
index.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
<!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">
<title>YOU WASTE YOUR TIME</title>
<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=M+PLUS+1+Code:wght@100;200;300;400;500;600;700&family=Press+Start+2P&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<body onload="load()" class="bodyclass">
<div id="sketch" class="flex-item"></div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"
integrity="sha512-NxocnqsXP3zm0Xb42zqVMvjQIktKEpTIbCXXyhBPxqGZHqhcOXHs4pXI/GoZ8lE+2NJONRifuBpi9DxC58L0Lw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="index.js"></script>
<div class="divheadline"><h1 class="headline"><br>YOU WASTE YOUR TIME</h1></div>
<div class="divcounter"><p class="counter">Du hast schon</p></div>
<div class="timer">
<div id="display">
00:00:00
</div>
</div>
<div class="divcounter"><p class="counter">deines Lebens verschwendet.</p></div>
<div class="IMGcontainer">
<img class="headerIMG" src="main_funny_cat.jfif">
</div>
<div class="container">
<div class="buttons">
<center>
<button onclick="aboutclick()" class="btn btn-1">ABOUT THIS WEBSITE</button>
<iframe id="about" class="frames" src="abouttt.html" height="600" width="1500" name="Build a city"></iframe>
</center>
<center>
<button onclick="oneclick()" class="btn btn-1">BUILD A CITY </button>
<iframe id="one" class="frames" src="gameone/gameone.html" height="1400" width="1024" name="Build a city"></iframe>
</center>
<center>
<button onclick="twoclick()" class="btn btn-1">WIN THIS </button>
<iframe id="two" class="frames" src="gamethree/gamethree.html" height="1050" width="1050" name="win this"></iframe>
</center>
<center>
<button onclick="threeclick()" class="btn btn-1">GEH NACH HAUSE </button>
<iframe id="three" class="frames" src="gohome.html" height="800" width="1500" name="geh nach hause"></iframe>
</center>
<center>
<button onclick="fourclick()" class="btn btn-1">FLATTERVOGEL </button>
<iframe id="four" class="frames" src="gamesix/gamesix.html" height="620" width="1000" name="flattervogel"></iframe>
</center>
</div></div>
<div class="text">
WOW, DU MUSST ECHT GELANGWEILT SEIN. HIER SIND NOCH EIN PAAR SPIELE VON ANDEREN MIT DENEN DU DEINE SINNLOSE ZEIT NOCH SINNLOSER GESTALTEN KANNST. DANK MIR SPÄTER.
</div>
<center>
<button onclick="jclick()" class="btn btn-1">TSCHÜSSI </button>
<iframe id="cj" class="frames" src="https://theuselessweb.com" height="700" width="1500" name="useless web"></iframe>
</center>
<!--
<center>
<button onclick="Galerieclick()" class="btn btn-1">Galerie</button>
<iframe id="Galerie" class="frames" src="Galerie/Galerie.html" height="620" width="1500" name="flattervogel"></iframe>
</center>
-->
<hr class="linebreak">
<div class="Information">
<p>This is a project from MiaMogl & Cherise for Generative Gestaltungs Kurs at HAWK</p>
</div>
<div class="Information">
<p>2022 Hildesheim</p>
</div>
<body class="bodyclass">
<div id="sketch" class="flex-item"></div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"
integrity="sha512-NxocnqsXP3zm0Xb42zqVMvjQIktKEpTIbCXXyhBPxqGZHqhcOXHs4pXI/GoZ8lE+2NJONRifuBpi9DxC58L0Lw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="index.js"></script>
</body>
</html>