implemented most of the functions and design

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
2025-01-06 01:23:45 +01:00
parent 4c9fa129ad
commit 49a4161b28
9 changed files with 280 additions and 23 deletions
+44 -10
View File
@@ -4,34 +4,68 @@
<meta charset="UTF-8" />
<title>Schwarzes Jena: alternative Tanzveranstaltungen, Lesungen, Konzerte und düstere Zusammenkünfte</title>
<script src="sj.js"></script>
<link rel="stylesheet" href="js.css">
<link rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="positions.css">
</head>
<body>
<nav class="left">
<h2>Shortcuts</h2>
<h3>Shortcuts</h3>
<ul>
<li>Homer</li>
<li><a href="?">Home</a></li>
<li>Events in Jena</li>
<li>altes Forum</li>
</ul>
<h2>Genres</h2>
<h2>Infos</h2>
<h3>Genres</h3>
<ul>
<li>70er</li>
<li>80er</li>
</ul>
<h3>Infos</h3>
<ul>
<li>Was soll das?</li>
<li>Veranstalter</li>
<li>Datenschutz</li>
</ul>
</nav>
<nav class="right">
<h2>Locations</h2>
<h2>andere Tags</h2>
<h3>Locations</h3>
<p>Erfurt</p>
<ul>
<li>Engelsburg</li>
</ul>
<p><a href="?tags=gera">Gera</a></p>
<ul>
<li>Comma</li>
</ul>
<p><a href="?tags=jena">Jena</a></p>
<h3>andere Tags</h3>
</nav>
<main>
<header>
<h1>schwarzes Jena</h1>
<div class="slogan">alternative Tanzveranstaltungen, Konzerte, Lesungen u.a. düstere Zusammenkünfte</div>
<h2 class="slogan">alternative Tanzveranstaltungen,<br/>Konzerte, Lesungen<br/>u.a. düstere Zusammenkünfte</h2>
</header>
<div id="welcome">
<h3>Willkommen!</h3>
<p>
Dies sind die neuen Seiten des schwarzen Jena.
Hier sollen in Zukunft vor allem Grufti-Veranstaltungen auftauchen.
</p>
<p>
Dazu werden alle Termine aus dem offenen Kalender OpenCloudCal importiert, die das Stichwort „schwarzesjena“ gesetzt haben.
Veranstalter können dort einfach Ihre Termine eintragen, oder dafür sorgen, dass die Termine von ihrer Website nach OpenCloudCal importiert werden.
</p>
</div>
<div id="showcase">
<h3>Schaukasten</h3>
</div>
<div id="eventlist">
<h3>Grufti-Events</h3>
</div>
</main>
<script>
document.addEventListener("DOMContentLoaded", load);
</script>
</body>
</html>