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:
BIN
images/vihreat-logo-white.png
Normal file
BIN
images/vihreat-logo-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
images/vihreat-logo.png
Normal file
BIN
images/vihreat-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -47,6 +47,9 @@
|
|||||||
<span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
|
<span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
|
||||||
</h1>
|
</h1>
|
||||||
<p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
|
<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>
|
<a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero-image">
|
<div class="hero-image">
|
||||||
|
|||||||
17
style.css
17
style.css
@@ -234,10 +234,25 @@ ul {
|
|||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--color-text-light);
|
color: var(--color-text-light);
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 1.5rem;
|
||||||
letter-spacing: 0.02em;
|
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 {
|
.btn {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.9rem 2rem;
|
padding: 0.9rem 2rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user