ethiele/signage
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Willkommensseite: Kontaktinfo linksbündig mit Aufzählungen, Portrait-Modus verbessert

Browse Source 
- md_to_html: Listen-Support (- /*) und Zeilenumbrüche erhalten
- Kein Firmenname mehr unter den Logos (customer-name entfernt)
- text-align: left + align-items: stretch für linksbündige Texte
- Feste Logo-Höhe 120px für gleiche Text-Startposition
- Portrait-Modus: Text links vom Logo (via order), gap 40px
- Schrift 1.3rem, margin-top 24px, Listeneinzug entfernt
- Reset-Button im Willkommensseite-Formular
- Markdown-Hilfetext aktualisiert
This commit is contained in:
Erik Thiele
2026-07-04 10:31:02 +02:00
parent c1a043fc75
commit a0753ea4c3
3 changed files with 56 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
generate_welcome_page.py
View File

@@ -98,13 +98,34 @@ def search_customer_logo(customer_name):
# -------------------------------------------------
def md_to_html(text):
"""Wandelt einfaches Markdown in HTML um (fett, kursiv, code, zeilenumbrüche)."""
"""Wandelt einfaches Markdown in HTML um (fett, kursiv, code, zeilenumbrüche, aufzählungen)."""
import re
text = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', text)
text = re.sub(r'\*(.+?)\*', r'<em>\1</em>', text)
text = re.sub(r'`(.+?)`', r'<code>\1</code>', text)
lines = text.split('\n')
return '<br>'.join(line.strip() for line in lines)
parts = []
in_list = False
for line in lines:
stripped = line.strip()
is_li = stripped.startswith('- ') or stripped.startswith('* ')
if is_li:
if not in_list:
parts.append('<ul>')
in_list = True
parts.append(f'<li>{stripped[2:]}</li>')
else:
if in_list:
parts.append('</ul>')
in_list = False
if stripped:
parts.append(stripped)
parts.append('<br>')
if in_list:
parts.append('</ul>')
if parts and parts[-1] == '<br>':
parts.pop()
return ''.join(parts)
def generate_welcome_html(customer_names, logo_urls, contacts=None, site="stuttgart", background_url=None):
@@ -141,7 +162,6 @@ def generate_welcome_html(customer_names, logo_urls, contacts=None, site="stuttg
<div class="customer-logo-item">
<img src="{url}" alt="{name}" class="customer-logo" crossorigin="anonymous">
<div class="customer-meta">
<span class="customer-name">{name}</span>
{contact_html}
</div>
</div>'''
@@ -193,41 +213,45 @@ def generate_welcome_html(customer_names, logo_urls, contacts=None, site="stuttg
.customer-logo-item {{
flex: 0 0 280px;
display: flex; flex-direction: column;
align-items: center; justify-content: flex-start;
align-items: stretch; justify-content: flex-start;
}}
.customer-meta {{
width: 100%; text-align: left;
}}
.customer-logo {{
width: 100%; height: auto;
max-height: 180px;
width: 100%; height: 120px;
object-fit: contain;
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}}
.customer-name {{
font-size: 1rem; font-weight: 600; color: #000;
margin-top: 8px; text-align: center;
display: block;
}}
.contact-info {{
font-size: 0.85rem; color: #333; line-height: 1.5;
margin-top: 6px; text-align: center;
font-size: 1.3rem; color: #333; line-height: 1.3;
margin-top: 24px; text-align: left;
}}
.contact-info strong {{ color: #000; }}
.contact-info code {{
font-size: 0.8rem; padding: 1px 4px;
background: rgba(0,0,0,0.06); border-radius: 3px;
}}
.contact-info ul {{
margin: 0; padding-left: 0;
list-style-position: inside;
}}
.contact-info li {{
margin: 0; padding: 0;
}}
@media (orientation: portrait) {{
.customer-logos {{
flex-direction: column; gap: 20px;
}}
.customer-logo-item {{
flex: 0 0 auto;
flex-direction: row; gap: 20px;
flex-direction: row; gap: 40px;
width: 100%; max-width: 600px;
}}
.customer-logo {{
max-height: 100px; width: 180px; flex-shrink: 0;
}}
.customer-name {{
margin-top: 0; text-align: left;
order: 2;
}}
.contact-info {{
text-align: left;
@@ -235,6 +259,7 @@ def generate_welcome_html(customer_names, logo_urls, contacts=None, site="stuttg
.customer-meta {{
display: flex; flex-direction: column;
align-items: flex-start; flex: 1;
order: 1;
}}
}}
.content {{