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

feat: Enhance brand section with improved styling and logo responsiveness

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
AIIrondev
2026-04-27 18:56:55 +02:00
parent 3a7c579647
commit a7cd22febd
1 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Website/templates/base.html
+21 -13
View File
@@ -115,25 +115,33 @@
gap: 1rem; gap: 1rem;
} }
.brand { .brand {
display: inline-flex; display: flex;
align-items: center; align-items: center;
gap: 0.62rem; gap: 1.2rem;
font-family: "Merriweather", Georgia, serif; font-family: "Merriweather", Georgia, serif;
font-size: 1.15rem; font-size: 1.35rem;
font-weight: 700; font-weight: 700;
letter-spacing: 0.03em; letter-spacing: 0.03em;
color: var(--brand-strong); color: var(--brand-strong);
background: linear-gradient(90deg, #f3f1ea 60%, #e0eadf 100%);
padding: 0.3rem 1.2rem 0.3rem 0.3rem;
border-radius: 18px;
} }
.brand img { .brand img {
width: 38px; width: 72px;
height: 38px; height: 72px;
border-radius: 10px; border-radius: 18px;
object-fit: cover; object-fit: contain;
border: 1px solid #bccdc4; border: 2px solid #e0eadf;
box-shadow: 0 8px 16px rgba(19, 49, 54, 0.14); box-shadow: 0 8px 24px rgba(19, 49, 54, 0.10);
background: #ffffff; background: linear-gradient(135deg, #f8f5ee 0%, #e0eadf 100%);
transition: transform 0.2s;
}
.brand img:hover {
transform: scale(1.04) rotate(-2deg);
} }
.nav-links { .nav-links {
@@ -365,9 +373,9 @@
<body> <body>
<nav class="site-nav"> <nav class="site-nav">
<div class="site-shell site-nav-inner"> <div class="site-shell site-nav-inner">
<a class="brand" href="{{ url_for('default') }}"> <a class="brand" href="{{ url_for('default') }}" style="flex:1;max-width:340px;">
<img src="{{ url_for('static', filename='images/Logo-clear.png') }}" alt="Invario Logo"> <img src="{{ url_for('static', filename='images/Logo-clear.png') }}" alt="Invario Logo" style="width:100%;height:auto;max-width:140px;min-width:72px;">
<span>Invario</span> <span style="flex:1;text-align:left;">Invario</span>
</a> </a>
<div class="nav-links" aria-label="Main Navigation"> <div class="nav-links" aria-label="Main Navigation">
<a href="{{ url_for('default') }}">Start</a> <a href="{{ url_for('default') }}">Start</a>