jukka/empor.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tumma tausta + logo EMPOR-teksti ja kaaret valkoisiksi

Browse Source 
Kuusikulmio + E pysyy sininen/valkoinen, mutta EMPOR-teksti ja
signaalikaaret vaihdettu valkoisiksi tummalle taustalle sopivaksi.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-11 22:05:33 +02:00
parent 62dbdb3f34
commit 273494d257
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
empor-logo.svg
View File

@@ -12,9 +12,9 @@
<!-- E letter inside -->
<text x="20" y="28" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-weight="800" font-size="24" fill="white" letter-spacing="-1">E</text>
<!-- Signal arcs -->
<path d="M34 12 Q42 20 34 28" fill="none" stroke="#1a5276" stroke-width="2" stroke-linecap="round" opacity="0.7"/>
<path d="M38 8 Q48 20 38 32" fill="none" stroke="#1a5276" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/>
<path d="M34 12 Q42 20 34 28" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="2" stroke-linecap="round"/>
<path d="M38 8 Q48 20 38 32" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="1.5" stroke-linecap="round"/>
</g>
<!-- EMPOR text -->
<text x="56" y="33" font-family="Arial, Helvetica, sans-serif" font-weight="800" font-size="28" fill="#1a5276" letter-spacing="2">EMPOR</text>
<text x="56" y="33" font-family="Arial, Helvetica, sans-serif" font-weight="800" font-size="28" fill="white" letter-spacing="2">EMPOR</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

12
style.css
View File

@@ -6,8 +6,8 @@
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
background: #f5f7fa;
color: #1a1a2e;
background: #0a0f1a;
color: #fff;
min-height: 100vh;
display: flex;
align-items: center;
@@ -28,13 +28,13 @@ main {
font-size: 0.85rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #2e86c1;
color: #4a90c4;
margin-bottom: 4rem;
font-weight: 400;
}
.contact {
border-top: 1px solid #dde3ea;
border-top: 1px solid rgba(74, 144, 196, 0.2);
padding-top: 2rem;
}
@@ -45,13 +45,13 @@ main {
}
.contact a {
color: #555;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
transition: color 0.2s;
}
.contact a:hover {
color: #2e86c1;
color: #4a90c4;
}
.contact p {