-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (116 loc) · 4.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spruch des Tages</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&family=Courgette&display=swap');
body {
text-align: center;
margin: 5vh auto;
background-image: linear-gradient(#ef019a, #be007c);
}
#quote {
font-family: 'Courgette', cursive;
font-size: 1.5rem;
margin-bottom: 20px;
padding: 10px;
color: #fff;
}
.quotation {
&:before,
&:after {
content: '"';
}
}
.cloud {
height: 200px;
padding: 40px;
background-image: url("https://raw.githubusercontent.com/LG-PHTN/LG-PHTN.github.io/main/cloud.png");
background-repeat: repeat;
background-position: center;
display: flex;
justify-content: center;
align-items: center
}
.jan {
border: 5px solid #ffffff;
}
.button {
background-color: #fff; /* Green */
border: none;
color: #000;
padding: 10px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
}
.headline {
font-family: 'Comic Neue', cursive;
font-weight: bold;
font-size: 3rem;
text-align: center;
color: #fff;
-webkit-text-stroke: 10px rgb(0, 0, 0);
paint-order: stroke fill;
padding: 10px;
}
</style>
</head>
<body>
<div class="cloud">
<div class="headline"><img src="https://raw.githubusercontent.com/LG-PHTN/LG-PHTN.github.io/main/dsdt.png"></div>
</div>
<br />
<div id="quote" class="quotation"></div>
<button class="button" onclick="displayRandomQuote()">Zeig mir einen neuen Spruch</button>
<script>
// Array of quotes
var quotes = [
"Mega wie Onkel Dieter sagen würde",
"Wer den Geraldino nicht kennt hat in seiner Kindheit was falsche gemacht",
"Man kann nur mit Absicht hinfahren",
"Die Iris der Kamera ist das Auge des Zuschauers",
"Backboard und Steuerboard sind klar erkennbar",
"Stahlwolle wegpoliern",
"Der frisst Arbeitsspeicher und kackt Prozessoren zum Mittag",
"Heb nicht ab vom Acker ohne deinen Tacker",
"Kommen sie rein, können sie rausgucken",
"Jeder Vogel fängt mal einen Wurm nur das schlaue Huhn trinkt Korn",
"Der Lennart zählt doppelt!",
"Mein Meinungsverstärker heißt Lukas Eisath und liebt Löwensenf",
"Deswegen heißt es ja auch Checky-Cola",
"Karotten verbessern die Sehkraft, Wein kann sie verdoppeln!",
"Fett schmiert nicht nur Schrauben, es schmeichelt auch der Seele!",
"Wer hinten sitzt muss Fenster putzen!",
"Nicht nur drücken beim Scheißen, sondern auch denken",
"Das Auge hört mit",
"Das ist keine Ampel, das ist ne Disco",
"Ein Andi raucht immer!",
"Heiße Typen, coole Jungs",
"Je größer das Loch, desto heller der Beamer",
"Maxxyz on axis",
"Heute oder morgen war gestern oder heute",
"Autos haben keine Beine",
"Der Bieder Butzemann",
"Ja... Nee",
"Wir haben den Graf Lustikus",
"Den zieh mehr etz mal lang",
"Da steht Ventilator drauf... auf Spanisch",
"Da sitzt man den ganzen Tag nur rum und schiebt USB sticks in irgendwelche Schlitze",
"Weil's einfach schöner ist wenn's schön ist",
"Low budget, cheap and ugly, Mach’s dir selber",
"Ich hasse, dass wir immer diese Veranstaltungen machen müssen",
"Man muss einfach mal die Autisten machen lassen"
];
// Function to display a random quote
function displayRandomQuote() {
var randomNumber = Math.floor(Math.random() * quotes.length);
document.getElementById('quote').innerHTML = quotes[randomNumber];
}
// Display a random quote on page load
displayRandomQuote();
</script>
</body>
</html>