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

change styling

Browse source
This commit is contained in:
Aron Petau 2025-11-05 15:21:36 +01:00
parent 7353062f91
commit 8b0b23a872
3 changed files with 139 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

1
templates/base.html
View file

@ -5,6 +5,7 @@
<meta charset="UTF-8">
<title>{% block title %}studio einszwovier{% endblock %}</title>
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>

102
templates/landing.html
View file

@ -39,49 +39,79 @@
<!-- 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>
<div class="link-cards-grid">
<a class="link-card" href="/about">
<i class="fas fa-info-circle card-icon"></i>
<div class="card-content">
<div class="title">einszwovier - Über uns</div>
<div class="tagline">Erfahre, wer wir sind, welche Projekte wir realisieren und wie du uns findest.
</div>
</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="/cost">
<i class="fas fa-calculator card-icon"></i>
<div class="card-content">
<div class="title">Großformat - Kostenrechner</div>
<div class="tagline">Berechne einfach Druck- und Materialkosten für Posterprints und andere Großformate.
</div>
</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ bookstack_port }}" target="_blank">
<div class="title">Wissenssammlung</div>
<div class="tagline">Zugriff auf geteilte Anleitungen und Dokumente innerhalb von BookStack – ideal für die
Zusammenarbeit. Schreib uns eine kurze E-Mail, um einen Login zu erhalten.</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ bookstack_port }}" target="_blank">
<i class="fas fa-book card-icon"></i>
<div class="card-content">
<div class="title">Wissenssammlung</div>
<div class="tagline">Zugriff auf geteilte Anleitungen und Dokumente innerhalb von BookStack – ideal für
die
Zusammenarbeit. Schreib uns eine kurze E-Mail, um einen Login zu erhalten.</div>
</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ openwebui_port }}" 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="http://{{ server_hostname }}:{{ openwebui_port }}" target="_blank">
<i class="fas fa-robot card-icon"></i>
<div class="card-content">
<div class="title">Lokaler Chatbot</div>
<div class="tagline">Teste unsere schulischen Large Language Models direkt über die Weboberfläche.</div>
</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:8001" target="_blank">
<div class="title">JupyterHub</div>
<div class="tagline">Interaktive Python-Notebooks für Datenanalyse, Visualisierung und kollaboratives
Programmieren. Schreib uns eine E-Mail für Login-Daten.</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:8001" target="_blank">
<i class="fas fa-code card-icon"></i>
<div class="card-content">
<div class="title">JupyterHub</div>
<div class="tagline">Interaktive Python-Notebooks für Datenanalyse, Visualisierung und kollaboratives
Programmieren. Schreib uns eine E-Mail für Login-Daten.</div>
</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ forgejo_port }}" target="_blank">
<div class="title">Forgejo Git Server</div>
<div class="tagline">Versionskontrolle und Code-Hosting für kollaborative Softwareprojekte. Ideal für gemeinsame
Entwicklung und Projektmanagement.</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ forgejo_port }}" target="_blank">
<i class="fab fa-git-alt card-icon"></i>
<div class="card-content">
<div class="title">Forgejo Git Server</div>
<div class="tagline">Versionskontrolle und Code-Hosting für kollaborative Softwareprojekte. Ideal für
gemeinsame
Entwicklung und Projektmanagement.</div>
</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ element_port }}" target="_blank">
<div class="title">Matrix Chat</div>
<div class="tagline">Browser-basierter Chat für die studio einszwovier Community. Nutzt den bestehenden
Matrix-Server – keine App-Installation nötig.</div>
</a>
<a class="link-card" href="http://{{ server_hostname }}:{{ element_port }}" target="_blank">
<i class="fas fa-comments card-icon"></i>
<div class="card-content">
<div class="title">Matrix Chat</div>
<div class="tagline">Browser-basierter Chat für die studio einszwovier Community. Nutzt den bestehenden
Matrix-Server – keine App-Installation nötig.</div>
</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>
<a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de" target="_blank">
<i class="fas fa-envelope card-icon"></i>
<div class="card-content">
<div class="title">Kontakt</div>
<div class="tagline">Schreibe uns direkt an: einszwovier@gvb-gymnasium.de</div>
</div>
</a>
</div>
</div>