124-webapp/templates/landing.html

129 lines
5.3 KiB
HTML
Raw Normal View History

2025-10-02 12:20:11 +02:00
<!DOCTYPE html>
2025-09-17 20:26:44 +02:00
{% extends "base.html" %}
2025-10-02 12:20:11 +02:00
{% block title %}studio einszwovier{% endblock %}
2025-09-17 20:26:44 +02:00
{% block content %}
<div class="container">
2025-10-02 12:20:11 +02:00
<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">
2025-10-07 13:02:29 +02:00
Diese Website ist ein gemeinschaftliches Projekt. Jede*r ist eingeladen, Verbesserungen beizutragen:
2025-10-02 12:20:11 +02:00
<a href="https://forgejo.petau.net/aron/124-webapp" target="_blank">Quellcode ansehen</a>.
</div>
</div>
</div>
<!-- Information and Tools Cards -->
2025-11-05 15:21:36 +01:00
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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>
2025-10-02 12:20:11 +02:00
2025-09-17 20:26:44 +02:00
</div>
2025-10-02 12:20:11 +02:00
<!-- Footer with Admin Panel and Source Link -->
<footer class="footer">
<div class="footer-container">
2025-11-05 14:32:21 +01:00
<a href="http://{{ server_hostname }}:{{ portainer_port }}" target="_blank" class="admin-link">Admin Panel
(Portainer)</a>
2025-10-02 12:20:11 +02:00
<span class="footer-source">
| <a href="https://forgejo.petau.net/aron/124-webapp" target="_blank">Quellcode der Website</a>
</span>
</div>
</footer>
{% endblock %}