aron/124-webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design final

Browse source
This commit is contained in:
Aron Petau 2025-10-02 12:20:11 +02:00
parent da5e765d49
commit a0d2188f6f
1400 changed files with 1748 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

27
templates/about.html
View file

@ -1,13 +1,17 @@
<!DOCTYPE html>
<!-- templates/about.html -->
{% extends "base.html" %}
{% block title %}Über uns – Studio EinsZwoVier{% endblock %}
{% block title %}Über uns – studio einszwovier{% endblock %}
{% block content %}
<div class="container">
<section>
<h2>Über den Maker Space</h2>
<p>Seit Dezember 2024 trägt unser Maker Space den Namen <strong>studio einszwovier</strong>. Er ist ein innovativer, digitaler Lernraum, der Kreativität, Technik und Bildungsgerechtigkeit verbindet. Hier wird „Making“ erlebbar: Lernende gestalten ihren Lernprozess aktiv, entdecken individuelle Stärken und erleben durch Selbstwirksamkeit besondere Motivation.</p>
<h2>Über den Makerspace</h2>
<p>Seit Dezember 2024 trägt unser Maker Space den Namen <strong>studio einszwovier</strong>. Er ist ein
innovativer, digitaler Lernraum, der Kreativität, Technik und Bildungsgerechtigkeit verbindet. Hier wird
„Making“ erlebbar: Lernende gestalten ihren Lernprozess aktiv, entdecken individuelle Stärken und erleben
durch Selbstwirksamkeit besondere Motivation.</p>
</section>
<section>
@ -23,13 +27,15 @@
<section>
<h2>Betreuungsteam</h2>
<p>Betreut wird der Maker Space von <strong>Aron Petau</strong> und <strong>Friedrich Weber</strong>. Sie sind montags bis mittwochs von 11:00 bis 15:00 Uhr vor Ort. Einfach vorbeischauen, Ideen vorstellen und loslegen!</p>
<p>Betreut wird der Maker Space von <strong>Aron Petau</strong> und <strong>Friedrich Weber</strong>. Sie sind
montags bis mittwochs von 11:00 bis 15:00 Uhr vor Ort. Einfach vorbeischauen, Ideen vorstellen und loslegen!
</p>
</section>
<section>
<h2>Öffnungszeiten</h2>
<p>Dienstag bis Donnerstag: 11:00 – 16:00 Uhr<br>
Raum 124, Gabriele-von-Bülow-Gymnasium</p>
Raum 124, Gabriele-von-Bülow-Gymnasium</p>
</section>
<section>
@ -40,7 +46,8 @@
<section>
<h2>Aktuelle Kurse</h2>
<ul>
<li><strong>Löten und Leuchten:</strong> Herstellung von Nachttischleuchten mit 3D-Design und Löttechnik.</li>
<li><strong>Löten und Leuchten:</strong> Herstellung von Nachttischleuchten mit 3D-Design und Löttechnik.
</li>
<li><strong>Die Vogelvilla:</strong> Bau von Vogelhäusern mit Lasercutter und Holzbearbeitung.</li>
</ul>
</section>
@ -48,9 +55,9 @@
<section>
<h2>Standort</h2>
<p>Gabriele-von-Bülow-Gymnasium<br>
Tile-Brügge-Weg 63, 13509 Berlin (Tegel)<br>
Telefon: 030 21 00 52 460<br>
E-Mail: <a href="mailto:info@gvb-gymnasium.de">info@gvb-gymnasium.de</a></p>
Tile-Brügge-Weg 63, 13509 Berlin (Tegel)<br>
Telefon: 030 21 00 52 460<br>
E-Mail: <a href="mailto:info@gvb-gymnasium.de">info@gvb-gymnasium.de</a></p>
</section>
</div>
{% endblock %}
{% endblock %}

10
templates/base.html
View file

@ -1,10 +1,12 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>{% block title %}Studio Einszwovier{% endblock %}</title>
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
<header>
<a href="/" class="logo-link">
@ -13,8 +15,7 @@
<nav>
<a href="/">Startseite</a> |
<a href="/about">Über uns</a> |
<a href="/cost">Kostenrechner</a> |
<a href="/">Zur Startseite</a>
<a href="/cost">Kostenrechner</a>
</nav>
</header>
@ -24,7 +25,8 @@
<footer>
<img src="/static/images/gvb-logo.png" alt="GVB Logo" class="footer-logo">
&copy; Studio Einszwovier @ GvB Berlin
&copy; studio einszwovier @ GvB Berlin
</footer>
</body>
</html>
</html>

5
templates/cost-calculator.html
View file

@ -1,7 +1,8 @@
<!DOCTYPE html>
<!-- templates/index.html -->
{% extends "base.html" %}
{% block title %}Kostenrechner – Studio EinsZwoVier{% endblock %}
{% block title %}Kostenrechner – studio einszwovier{% endblock %}
{% block content %}
<div class="container">
@ -71,4 +72,4 @@
</table>
{% endif %}
</div>
{% endblock %}
{% endblock %}

83
templates/landing.html
View file

@ -1,15 +1,80 @@
<!-- templates/landing.html -->
<!DOCTYPE html>
{% extends "base.html" %}
{% block title %}Studio EinsZwoVier{% endblock %}
{% block title %}studio einszwovier{% endblock %}
{% block content %}
<div class="container">
<a class="link-card" href="/about">Über uns</a>
<a class="link-card" href="/cost">Kostenrechner</a>
<a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de">Kontakt: einszwovier@gvb-gymnasium.de</a>
<a class="link-card" href="https://gvb-gymnasium.de">iServ Login</a>
<a class="link-card" href="https://www.gvb-berlin.de">Schulseite</a>
<a class="link-card" href="https://outline.example.com">Wissenssammlung</a>
<div class="status-cards-container">
<!-- Studio Status Card -->
<div class="status-card">
<div class="status-header">Studio Status</div>
<div class="status-body">
{% if studio_open %}
<span class="status-indicator open"></span>
<span class="status-text">Wir sind gerade im Studio! Komm vorbei und sieh dir unsere aktuellen Projekte
an.</span>
{% else %}
<span class="status-indicator closed"></span>
<span class="status-text">
Momentan geschlossen.<br>
Unsere regulären Öffnungszeiten: {{ opening_hours }}<br>
Schau gerne später wieder vorbei!
</span>
{% endif %}
</div>
</div>
<!-- Disclaimer Card -->
<div class="status-card">
<div class="status-header">Hinweis</div>
<div class="status-body">
Diese Website ist ein gemeinschaftliches Projekt. Jede*r ist eingeladen, Verbesserungen beizutragen.
<a href="https://forgejo.petau.net/aron/124-webapp" target="_blank">Quellcode ansehen</a>.
</div>
</div>
</div>
<!-- Information and Tools Cards -->
<a class="link-card" href="/about">
<div class="title">einszwovier - Über uns</div>
<div class="tagline">Erfahre, wer wir sind, welche Projekte wir realisieren und wie du uns findest.</div>
</a>
<a class="link-card" href="/cost">
<div class="title">Großformat - Kostenrechner</div>
<div class="tagline">Berechne einfach Druck- und Materialkosten für Posterprints und andere Großformate.</div>
</a>
<a class="link-card" href="http://einszwovier.local:3000" target="_blank">
<div class="title">Wissenssammlung</div>
<div class="tagline">Zugriff auf geteilte Anleitungen und Dokumente innerhalb von Docmost – ideal für die
Zusammenarbeit.</div>
</a>
<a class="link-card" href="http://einszwovier.local:8080" target="_blank">
<div class="title">Lokaler Chatbot</div>
<div class="tagline">Teste unsere schulischen Large Language Models direkt über die Weboberfläche.</div>
</a>
<a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de" target="_blank">
<div class="title">Kontakt</div>
<div class="tagline">Schreibe uns direkt an: einszwovier@gvb-gymnasium.de</div>
</a>
</div>
{% endblock %}
<!-- Footer with Admin Panel and Source Link -->
<footer class="footer">
<div class="footer-container">
<a href="http://einszwovier.local:9000" target="_blank" class="admin-link">Admin Panel (Portainer)</a>
<span class="footer-source">
| <a href="https://forgejo.petau.net/aron/124-webapp" target="_blank">Quellcode der Website</a>
</span>
</div>
</footer>
{% endblock %}

1
templates/result.html
View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<!-- templates/result.html -->
{% extends "base.html" %}