Lisää Vihreiden virallinen logo hero-osioon

Maapallo-logo ja teksti näkyvät hero-osiossa, linkitettynä vihreat.fi-sivustolle.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 12:33:41 +02:00
parent f123749411
commit 4104f9b8c7
4 changed files with 19 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/vihreat-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -47,6 +47,9 @@
<span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
</h1>
<p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
<a href="https://www.vihreat.fi" target="_blank" rel="noopener noreferrer" class="hero-party-logo" aria-label="Vihreät">
<img src="images/vihreat-logo.png" alt="Vihreät" class="party-logo">
</a>
<a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
</div>
<div class="hero-image">

View File

@@ -234,10 +234,25 @@ ul {
font-size: 1.2rem;
font-weight: 500;
color: var(--color-text-light);
margin-bottom: 2rem;
margin-bottom: 1.5rem;
letter-spacing: 0.02em;
}
.hero-party-logo {
display: inline-block;
margin-bottom: 2rem;
transition: opacity 0.2s;
}
.hero-party-logo:hover {
opacity: 0.8;
}
.party-logo {
height: 40px;
width: auto;
}
.btn {
display: inline-block;
padding: 0.9rem 2rem;