-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
214 lines (202 loc) · 10.9 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
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!doctype html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<title>Lobbyhoes Nerds Projekte | hobbylos.online</title>
<meta name="description" content="Die Webseite für alle Lobbyhoes. Hier halten wir euch über alle Projekte auf dem Laufenden">
<meta name="keywords" content="Lobbyhoes, Webseite, Website, Hobbylos, Podcast, Rezo, Ju, Julien Bam, "/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Lobbyhoes Nerds Projekte | hobbylos.online">
<meta property="og:type" content="Website">
<meta property="og:url" content="https://hobbylos.online">
<meta property="og:image" content="./img/marina.png">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
<!-- <style>
#election-banner {
background-color: #FFD700;
color: #039;
font-weight: bold;
text-align: center;
padding: 20px;
margin-bottom: 20px;
font-size: 24px;
text-shadow: 2px 2px 20px #00000063;
}
#election-banner a {
color: #000;
text-decoration: underline;
}
#election-subtitle {
color: #000;
font-size: 18px;
margin-top: 10px;
}
#demokratie {
color: #039;
}
</style> -->
</head>
<body>
<article class="container-fluid">
<!-- <article class="container-fluid">
<div id="election-banner">
Europawahl 2024: Geh wählen!<br>
<div id="election-subtitle">
Alle über 16 sollten wählen! <span id="demokratie">Für Demokratie und gegen Rechts!</span>
<a href="https://infopoint-europa.de/de/europawahl/2024/alles-was-ich-wissen-muss" target="_blank">Informiert euch </a> und, wenn ihr Lust habt, macht den <a href="https://www.wahl-o-mat.de/europawahl2024/app/main_app.html" target="_blank">Wahl-O-Mat</a>
</div>
</div>
</article> -->
<div id="carouselCaptions" class="carousel slide mb-5" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Search"></button>
<button type="button" data-bs-target="#carouselCaptions" data-bs-slide-to="1" aria-label="Wo ist Vulva?"></button>
<button type="button" data-bs-target="#carouselCaptions" data-bs-slide-to="2" aria-label="Mathefacts"></button>
<button type="button" data-bs-target="#carouselCaptions" data-bs-slide-to="3" aria-label="Städtegeschichten"></button>
<button type="button" data-bs-target="#carouselCaptions" data-bs-slide-to="4" aria-label="Hobbylos Dat"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="3000">
<a href="https://search.hobbylos.online/" target="_blank">
<picture>
<source type="image/webp" srcset="./img/search.webp">
<source type="image/png" srcset="./img/search.PNG">
<img src="./img/search.PNG" alt='Bild von "Wo ist Vuvla"'>
</picture>
</a>
<div class="carousel-caption d-block fw-bold">
<h1 onclick='window.location.href = "https://search.hobbylos.online/";'>Hobbylos durchsuchen</h1>
<a href="https://search.hobbylos.online/" ><p style="color: white;">Hier kann man nach allem Suchen, was jemals in Hobbylos gesagt wurde.</p></a>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<a href="https://woistvulva.site/" target="_blank">
<picture>
<source type="image/webp" srcset="./img/vulva.webp">
<source type="image/png" srcset="./img/vulva.PNG">
<img src="./img/vulva.PNG" alt='Bild von "Wo ist Vuvla"'>
</picture>
</a>
<div class="carousel-caption d-block fw-bold">
<h1 onclick='window.location.href = "https://woistvulva.site/";'>Wo ist Vulva?</h1>
<a href="https://woistvulva.site/" ><p style="color: white;">Das Spiel von Lobbyhoes für Hobbylos</p></a>
<a href="https://github.com/Lobby-Hoes/wo-ist-vulva" target="_blank" class="btn btn-primary">Zum Code auf Github</a>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<a href="https://mathe.hobbylos.online/" target="_blank">
<picture>
<source type="image/webp" srcset="./img/mathe.webp">
<source type="image/png" srcset="./img/mathe.PNG">
<img src="./img/mathe.PNG" alt="Bild von den Mathefacts">
</picture>
</a>
<div class="carousel-caption d-block fw-bold">
<h1 onclick='window.location.href = "https://mathe.hobbylos.online/";'>Mathefacts</h1>
<a href="https://mathe.hobbylos.online/" ><p style="color: white;">Gesammelte, durchsuchbare Liste der bisherigen Mathefacts</p>
<a href="https://github.com/Lobby-Hoes/mathefacts" target="_blank" class="btn btn-primary">Zum Code auf Github</a>
</div>
</div>
<div class="carousel-item" data-bs-interval=3000">
<a href="https://staedte.hobbylos.online/" target="_blank">
<picture>
<source type="image/webp" srcset="./img/staedte.webp">
<source type="image/png" srcset="./img/staedte.PNG">
<img src="./img/staedte.PNG" alt="Bild von den Städtegeschichten">
</picture>
</a>
<div class="carousel-caption d-block fw-bold">
<h1 onclick='window.location.href = "https://stadt.hobbylos.online/";'>Städtegeschichten</h1>
<a href="https://stadt.hobbylos.online/" ><p style="color: white;">Auf einer interaktiven Karte aufgetragene Städtegeschichten</p>
<a href="https://github.com/Lobby-Hoes/staedtegeschichten" target="_blank" class="btn btn-primary">Zum Code auf Github</a>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<a href="https://data.hobbylos.online/graphql" target="_blank">
<picture>
<source type="image/webp" srcset="./img/data.webp">
<source type="image/png" srcset="./img/data.PNG">
<img src="./img/data.PNG" alt="Bild von der Datenbank">
</picture>
</a>
<div class="carousel-caption d-block fw-bold">
<h1>Hobbylos Data</h1>
<a href="https://data.hobbylos.online/graphql" ><p style="color: white;">Eine auf GraphQL basierende Datenschnittstelle mit allen Daten zum Podcast</p>
<a href="https://github.com/Lobby-Hoes/hobbylos-data" target="_blank" class="btn btn-primary">Zum Code auf Github</a>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</article>
<aside class="container">
<h1>Lobbyhoes Nerds Projekte</h1>
<p>
Es waren einmal 2 sehr männliche Männer, welche sehr männlich waren. Ein Schlumpf, der gerne Sättel mit Pimmeln hat, und ein Asiate, welcher sehr gut in Plurals Pluralen Pluri ist um genau zu sein.<br>
Die beiden hatten nicht nur sehr männliche, tiefe Stimmen, sondern auch einige sehr kreative Ideen in ihrem gemeinsamen Podcast, <a href="https://open.spotify.com/show/6UUIXmp1V0fK4ZpK7vzAbQ?si=b9e9aca254d14dae" target="_blank">Hobbylos</a>.<br>
Diese Ideen erschienen für die meisten Leute absurd und unerreichbar. Jeder dachte, diese Ideen werden Ideen bleiben. Doch man vergaß, dass es sich bei der Community um wahre Lobbyhoes handelte.
</p>
<p>
Kaum ist eine neue, schöpferische Idee vorhanden, kommen die sehr <span class="erhaben">erhabenen</span> Lobbyhoe Nerds und setzen diese um, da sie von einem kleinen Chinesen - Marina - aus Kasachstan dazu gezwungen werden. Auf dieser sehr fruchtbringenden Seite sind all die bewundernswerten Projekte der überaus gebildeten Lobbyhoe Nerds zu sehen.
</p><br>
<a href="./impressum.html">Impressum/Datenschutz</a>
</aside>
<picture>
<source type="image/webp" srcset="./img/marina.webp">
<source type="image/png" srcset="./img/marina.PNG">
<img id="marina" src="./img/marina.png" alt="Marina">
</picture>
<div class="modal fade" id="staticBackdropModal1" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel1">Marina sagt:</h5>
</div>
<div class="modal-body">
Eeeeeey!!! Bist du zu langsam oder was?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sorry, kommt nicht wieder vor</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">...ja, aber, aber...ok, sorry</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="staticBackdropModal2" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel2" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel2">Marina sagt:</h5>
</div>
<div class="modal-body">
Eeeeeey!!! Schön alles in Reihenfolge angucken. Weiter jetzt!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Ok, ok, ok. Weiß auch nicht was da über mich gekommen ist.</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Oh sorry verklickt! Tut mir echt voll leid!</button>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
<script src="js/vendor/fart.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js" ></script>
</body>
</html>