Invario/Key-service-Server
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

changes to better reflekt the Buisness site

Browse Source
This commit is contained in:
AIIrondev
2026-11-05 22:58:04 +01:00
parent 46895979f6
commit 7ed6e22d20
5 changed files with 92 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Website/main.py
+2
View File
@@ -1872,6 +1872,8 @@ def default():
mode = _get_homepage_mode()
audience = mode if mode != "choose" else session.get("homepage_audience")
if audience in {"school", "business"}:
if mode != "choose":
session["homepage_audience"] = audience
return _render_audience_page(audience)
return render_template("audience.html")
Website/templates/audience.html
+1 -1
View File
@@ -14,7 +14,7 @@
.audience-intro h1 { margin: .55rem 0 .8rem; color: #173d44; }
.audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.audience-card { padding: clamp(1.3rem, 3vw, 2rem); border: 1px solid #d5ded8; border-radius: 22px; background: #fff; box-shadow: 0 18px 40px rgba(27, 55, 58, .08); }
.audience-card.business { background: linear-gradient(145deg, #102e35, #1d5e62); color: #fff; border-color: #1d5e62; }
.audience-card.business { background: #fffdf8; color: inherit; border-color: #d5dbd3; }
.audience-card h2 { margin: .8rem 0 .55rem; font-size: clamp(1.35rem, 3vw, 2rem); }
.audience-card p { margin-bottom: 1.1rem; }
.business p { color: #d7edeb; }
Website/templates/base.html
+67 -4
View File
@@ -70,9 +70,7 @@
min-height: 100%;
font-family: Arial, Helvetica, sans-serif;
color: var(--text-main);
background: radial-gradient(circle at 88% -8%, #dbe4d9 0%, transparent 34%),
radial-gradient(circle at -5% 58%, #ece4d2 0%, transparent 40%),
var(--bg-main);
var(--bg-main);
}
body {
@@ -515,10 +513,75 @@
display: block;
}
}
.business-shell {
--bg-main: #f3f6f7;
--text-main: #15252b;
--text-soft: #52666d;
--line: #d7e0e4;
--brand: #176b78;
--brand-strong: #0e3540;
}
.business-shell .site-nav {
background: #102b35;
border-bottom-color: #244954;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.business-shell .brand img {
height: 52px;
max-width: 180px;
transform: none;
filter: brightness(0) invert(1);
}
.business-shell .nav-links,
.business-shell .nav-links a,
.business-shell .nav-toggle {
color: #dbe9ed;
}
.business-shell .nav-links a:hover {
color: #77d5dc;
}
.business-shell .site-footer {
background: #0e3540;
}
@media (max-width: 820px) {
.business-shell .nav-links {
background: #102b35;
border-color: #315965;
}
.business-shell .nav-links a {
background: #173b46;
color: #e4f2f4;
}
}
.business-shell .nav-btn {
border-color: #3b6974;
background: transparent;
color: #e4f2f4;
}
.business-shell .nav-btn.primary {
border-color: #a9d8a4;
background: #a9d8a4;
color: #15353a;
}
.business-shell .nav-dropdown > summary::after {
color: #b7d1d6;
}
</style>
{% endblock %}
</head>
<body>
<body class="{% if request.endpoint == 'business_homepage' or request.path == '/business' or session.get('homepage_audience') == 'business' %}business-shell{% endif %}">
<nav class="site-nav" role="navigation" aria-label="Hauptnavigation">
<div class="site-shell site-nav-inner">
<a class="brand" href="{{ url_for('default') }}">
Website/templates/business.html
+6 -6
View File
@@ -8,15 +8,15 @@
{% block head %}
{{ super() }}
<style>
.business-home { --ink:#263d3d; --muted:#557074; --lime:#d9e7b0; --teal:#1f696c; }
.business-hero { margin-top:1rem; padding:clamp(1.7rem,5vw,4.6rem); border-radius:10px; color:#fff; background: linear-gradient(125deg,#173b40,#2b6968); overflow:hidden; }
.business-home { --ink:#152f38; --muted:#557074; --lime:#a9d8a4; --teal:#176b78; }
.business-hero { margin-top:1rem; padding:clamp(1.7rem,5vw,4.6rem); border-radius:10px; color:#fff; background:#123b46; border:1px solid #2b6975; overflow:hidden; }
.business-hero .eyebrow { color:var(--lime); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.business-hero h1 { max-width: 760px; margin:.8rem 0 1rem; font-size:clamp(2.2rem,6vw,5rem); line-height:1.02; letter-spacing:-.04em; }
.business-hero p { max-width:650px; color:#d5e9e6; font-size:clamp(1.05rem,1.5vw,1.25rem); }
.business-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.7rem; }
.business-btn { display:inline-flex; padding:.78rem 1.15rem; border-radius:999px; background:var(--lime); color:#183c3b; font-weight:800; }
.business-btn.secondary { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.45); color:#fff; }
.business-section { margin-top:1.1rem; padding:clamp(1.3rem,3vw,2.2rem); border:1px solid #d5e0dc; border-radius:22px; background:#fff; }
.business-btn { display:inline-flex; padding:.78rem 1.15rem; border-radius:4px; background:var(--lime); color:#15353a; font-weight:800; }
.business-btn.secondary { background:transparent; border:1px solid #8fb7bf; color:#fff; }
.business-section { margin-top:1.1rem; padding:clamp(1.3rem,3vw,2.2rem); border:1px solid #d5e0dc; border-radius:10px; background:#fff; }
.business-section h2 { color:var(--ink); margin-bottom:.45rem; }
.business-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1.2rem; }
.business-card { padding:1.1rem; border-radius:8px; background:#f5f7f1; border:1px solid #dbe7dc; }
@@ -26,7 +26,7 @@
.business-proof .highlight p { color:#cfe1dd; }
.business-proof ul { margin:1rem 0 0; padding:0; list-style:none; display:grid; gap:.5rem; }
.business-proof li::before { content:"✓"; color:var(--lime); font-weight:800; margin-right:.5rem; }
.business-cta { display:flex; justify-content:space-between; align-items:center; gap:1rem; background:#e9f1e7; }
.business-cta { display:flex; justify-content:space-between; align-items:center; gap:1rem; background:#e8f0ed; }
.business-founders { display:grid; grid-template-columns: 1fr 1fr; gap:1rem; align-items:center; }
.business-founder-list { display:flex; gap:1rem; justify-content:flex-end; }
.business-founder { width:150px; padding:.7rem; border:1px solid #d5ddd4; border-radius:8px; background:#fffdf8; text-align:center; }
Website/templates/main.html
+16 -24
View File
@@ -16,7 +16,7 @@
margin-top: 1rem;
padding: 3.2rem;
border-radius: 22px;
background: linear-gradient(130deg, #f8f5ee 0%, #ece7d9 60%, #e0eadf 100%);
background: #f0f3ed;
border: 1px solid #cfd6cd;
display: grid;
grid-template-columns: 1.15fr 0.85fr;
@@ -40,7 +40,7 @@
width: 220px;
height: 220px;
border-radius: 999px;
background: radial-gradient(circle at center, #b3672e 0%, #b3672e 44%, transparent 72%);
background: #b3672e;
opacity: 0.12;
pointer-events: none;
}
@@ -96,7 +96,7 @@
.btn-primary {
color: #ffffff;
background: linear-gradient(120deg, #296f78 0%, #1a5057 100%);
background: #1f6970;
box-shadow: 0 8px 18px rgba(25, 71, 77, 0.24);
}
@@ -107,7 +107,7 @@
}
.hero-testimonial {
background: linear-gradient(135deg, #ffffff 0%, #f9faf8 100%);
background: #f9faf8;
border: 1px solid #e0e6df;
border-radius: 14px;
padding: 1.4rem;
@@ -144,7 +144,7 @@
width: 38px;
height: 38px;
border-radius: 50%;
background: linear-gradient(135deg, #296f78 0%, #1a5057 100%);
background: #1f6970;
color: #ffffff;
display: flex;
align-items: center;
@@ -248,7 +248,7 @@
padding: 1rem;
border-radius: 14px;
border: 1px solid #dae1d8;
background: linear-gradient(165deg, #fcfcf8 0%, #f4f6ef 100%);
background: #f4f6ef;
}
.card h3 {
@@ -326,7 +326,7 @@
border-radius: 20px;
padding: 2rem;
border: 1px solid #2a636b;
background: linear-gradient(120deg, #245a61 0%, #1b484f 100%);
background: #245a61;
color: #d8ecea;
display: flex;
align-items: center;
@@ -387,7 +387,7 @@
}
#gruender {
background: linear-gradient(135deg, #f8f6ee 0%, #edf2eb 100%);
background: #f0f3ed;
border-color: #cbd6cc;
}
@@ -424,7 +424,7 @@
padding: 1.9rem;
border-radius: 18px;
border: 1px solid #d0d7cf;
background: linear-gradient(135deg, #fafaf8 0%, #f5f7f3 100%);
background: #f5f7f3;
box-shadow: 0 14px 30px rgba(28, 45, 41, 0.05);
}
@@ -489,7 +489,7 @@
width: 42px;
height: 42px;
border-radius: 50%;
background: linear-gradient(135deg, #296f78 0%, #1a5057 100%);
background: #1f6970;
color: #ffffff;
display: flex;
align-items: center;
@@ -511,21 +511,15 @@
}
#grundschule {
background:
linear-gradient(114deg, rgba(17, 57, 63, 0.9) 0%, rgba(30, 92, 99, 0.78) 42%, rgba(244, 248, 242, 0.92) 100%),
url("{{ url_for('static', filename='images/Gemini_Generated_Image_mrmegrmrmegrmrme.png') }}") center/cover no-repeat;
background: #245a61 url("{{ url_for('static', filename='images/Gemini_Generated_Image_mrmegrmrmegrmrme.png') }}") center/cover no-repeat;
}
#weiterführende-schulen {
background:
linear-gradient(114deg, rgba(17, 57, 63, 0.9) 0%, rgba(30, 92, 99, 0.78) 42%, rgba(244, 248, 242, 0.92) 100%),
url("{{ url_for('static', filename='images/Gemini_Generated_Image_yjhhheyjhhheyjhh.png') }}") center/cover no-repeat;
background: #245a61 url("{{ url_for('static', filename='images/Gemini_Generated_Image_yjhhheyjhhheyjhh.png') }}") center/cover no-repeat;
}
#oberschulen {
background:
linear-gradient(114deg, rgba(17, 57, 63, 0.9) 0%, rgba(30, 92, 99, 0.78) 42%, rgba(244, 248, 242, 0.92) 100%),
url("{{ url_for('static', filename='images/Gemini_Generated_Image_qc97wfqc97wfqc97.png') }}") center/cover no-repeat;
background: #245a61 url("{{ url_for('static', filename='images/Gemini_Generated_Image_qc97wfqc97wfqc97.png') }}") center/cover no-repeat;
}
.primary-focus {
@@ -535,9 +529,7 @@
position: relative;
overflow: hidden;
border: 1px solid #bfcfc9;
background:
linear-gradient(114deg, rgba(17, 57, 63, 0.9) 0%, rgba(30, 92, 99, 0.78) 42%, rgba(244, 248, 242, 0.92) 100%),
url("{{ url_for('static', filename='images/Gemini_Generated_Image_2cd74s2cd74s2cd7.png') }}") 76% center/cover no-repeat;
background: #245a61 url("{{ url_for('static', filename='images/Gemini_Generated_Image_2cd74s2cd74s2cd7.png') }}") 76% center/cover no-repeat;
color: #f2f8f7;
box-shadow: 0 16px 34px rgba(22, 44, 40, 0.12);
}
@@ -546,7 +538,7 @@
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 15% 20%, rgba(255, 228, 151, 0.28) 0%, transparent 38%);
background: rgba(255, 228, 151, 0.12);
pointer-events: none;
}
@@ -594,7 +586,7 @@
}
#zielgruppen .card {
background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 243, 0.98) 100%);
background: #f5f9f3;
border: 1px solid rgba(201, 218, 208, 0.9);
box-shadow: 0 10px 20px rgba(14, 39, 35, 0.12);
padding: 1.1rem;