design final

This commit is contained in:
Aron Petau 2025-10-07 17:48:55 +02:00
parent 99a690972e
commit 2d69d919a6
9 changed files with 149 additions and 227 deletions

View file

@ -8,6 +8,36 @@
<div class="container">
<h1>Kostenrechner für Drucke</h1>
<div class="info-box">
<p>
<strong>So funktioniert's:</strong> Lade dein PDF hoch, um eine Kostenschätzung zu erhalten.
Du kannst beliebige PDFs hochladen, um die Kosten zu berechnen.
</p>
<p>
<strong>Wichtig:</strong> Schicke den Auftrag nur ab, wenn du die Datei wirklich drucken lassen möchtest!
Für reine Kostenschätzung reicht es, die Berechnung anzusehen, ohne den Auftrag zu senden.
</p>
<p>
<strong>Alternative:</strong> Du kannst uns deine Datei und Infos auch per E-Mail schicken:
<a href="mailto:einszwovier@gvb-gymnasium.de">einszwovier@gvb-gymnasium.de</a>
</p>
</div>
<div class="pricing-card">
<h2>📊 Aktuelle Preise</h2>
<div class="price-grid">
<div class="price-item bw">
<span class="price-label">Schwarz/Weiß</span>
<span class="price-value">{{ rate_black if rate_black else 'RATE_PER_M2_BLACK' }} €/m²</span>
</div>
<div class="price-item color">
<span class="price-label">Farbe</span>
<span class="price-value">{{ rate_color if rate_color else 'RATE_PER_M2_COLOR' }} €/m²</span>
</div>
</div>
<p class="pricing-note">💡 Die Preise decken nur Materialkosten(Tinte & Papier) kein Gewinn!</p>
</div>
{% if error %}
<p class="error">{{ error }}</p>
{% endif %}
@ -17,12 +47,6 @@
<button type="submit">Hochladen & Berechnen</button>
</form>
<p class="rate-info">
Preise werden über Umgebungsvariablen festgelegt:<br>
S/W: {{ rate_black if rate_black else 'RATE_PER_M2_BLACK' }} € / m²,
Farbe: {{ rate_color if rate_color else 'RATE_PER_M2_COLOR' }} € / m²
</p>
{% if result %}
<h2>Ergebnisse für {{ result.filename }}</h2>