diff --git a/templates/index.html b/templates/index.html index 1fc0f92..fbc45e2 100644 --- a/templates/index.html +++ b/templates/index.html @@ -7,8 +7,8 @@ :root { --mac-bg: #f2f2f7; --mac-blue: #007aff; --mac-red: #ff3b30; --mac-green: #34c759; --mac-gray: #8e8e93; } body { font-family: -apple-system, sans-serif; background: var(--mac-bg); padding: 20px; font-size: 14px; } .container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1200px; margin: auto; } - .panel { background: white; border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } - table { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-radius: 8px; overflow: hidden; } + .panel { background: rgba(255,255,255,0.9); border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } + table { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-radius: 8px; overflow: hidden; background: white; } th { padding: 10px; font-size: 13px; color: white; text-transform: uppercase; } td { padding: 8px; border: 1px solid #e5e5ea; text-align: center; } .h-blue { background: var(--mac-blue); } @@ -18,10 +18,10 @@ .btn-calc { background: var(--mac-green); } .btn-cups { background: var(--mac-blue); } .btn-exp { background: #5856d6; } - .res-box { border: 1px solid #d1d1d6; border-radius: 10px; padding: 15px; background: #fff; } - .res-section h4 { margin: 10px 0 5px 0; text-transform: uppercase; font-size: 11px; color: var(--mac-gray); } - ul { list-style: none; padding: 0; } - li { padding-left: 15px; position: relative; margin-bottom: 2px; } + .btn-device { background: #c7c7cc; color: #1c1c1e; } + .res-box { border: 1px solid #d1d1d6; border-radius: 10px; padding: 15px; background: #fff; line-height: 1.6; } + ul { list-style: none; padding: 0; margin: 0; } + li { padding-left: 15px; position: relative; } li::before { content: "•"; position: absolute; left: 0; } hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; } .footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 15px; } @@ -40,6 +40,13 @@
Miscela (Parti)
Cem:
Sab:
Ghi:
+ + +
Peso sacchette (Kg)
Cem:Sab:Ghi:
+ + +
Costo sacchette (€)
Cem:Sab:Ghi:
+
Attrezzatura
Volume Betoniera: L
@@ -49,40 +56,38 @@

Risultati

{% if res %}
- DIMENSIONI GETTO: {{res.dim.a}} {{res.dim.ua}} x {{res.dim.l}} {{res.dim.ul}} x {{res.dim.p}} {{res.dim.up}}
- VOLUME: {{ res.vol }} m³ | Peso: {{ res.weight }} Kg + DIMENSIONI GETTO
+ Altezza: {{res.dim.a}} {{res.dim.ua}}   Larghezza: {{res.dim.l}} {{res.dim.ul}}   Profondità: {{res.dim.p}} {{res.dim.up}}

+ VOLUME: {{ res.vol }} m³ | Peso: {{ res.peso }} Kg
-
-

ACQUISTI

- -
-

COSTO TOTALE: {{ res.costo_tot }} €

+ ACQUISTI + +
+ COSTO TOTALE: {{ res.costo_tot }} €
-
-

PROPORZIONI (%)

- Cem: {{ "%.1f"|format(res.perc.cem) }}% | Sab: {{ "%.1f"|format(res.perc.sab) }}% | Ghi: {{ "%.1f"|format(res.perc.ghi) }}% -
+ PROPORZIONI
+ Cemento: {{res.parti.cem}}   Sabbia: {{res.parti.sab}}   Ghiaia: {{res.parti.ghi}}
+ Cemento: {{ "%.1f"|format(res.perc.cem) }}%   Sabbia: {{ "%.1f"|format(res.perc.sab) }}%   Ghiaia: {{ "%.1f"|format(res.perc.ghi) }}%
-
-

PER OGNI CARICO ({{ res.n_c }} CARICHI):

- -
+ PER OGNI CARICO ({{ res.n_c }} CARICHI): +
{% for k,v in form.items() %}{% endfor %} + @@ -92,6 +97,7 @@ +
{% if msg_stampa %}

{{ msg_stampa }}

{% endif %} {% endif %}