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 --> <!-- 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> <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 --> <!-- 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="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="#1a5276" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/> <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> </g>
<!-- EMPOR text --> <!-- 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> </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 { body {
font-family: 'Helvetica Neue', Arial, sans-serif; font-family: 'Helvetica Neue', Arial, sans-serif;
background: #f5f7fa; background: #0a0f1a;
color: #1a1a2e; color: #fff;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -28,13 +28,13 @@ main {
font-size: 0.85rem; font-size: 0.85rem;
letter-spacing: 0.2em; letter-spacing: 0.2em;
text-transform: uppercase; text-transform: uppercase;
color: #2e86c1; color: #4a90c4;
margin-bottom: 4rem; margin-bottom: 4rem;
font-weight: 400; font-weight: 400;
} }
.contact { .contact {
border-top: 1px solid #dde3ea; border-top: 1px solid rgba(74, 144, 196, 0.2);
padding-top: 2rem; padding-top: 2rem;
} }
@@ -45,13 +45,13 @@ main {
} }
.contact a { .contact a {
color: #555; color: rgba(255, 255, 255, 0.6);
text-decoration: none; text-decoration: none;
transition: color 0.2s; transition: color 0.2s;
} }
.contact a:hover { .contact a:hover {
color: #2e86c1; color: #4a90c4;
} }
.contact p { .contact p {