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

Vaalea tausta + signaalikaaret tummemmiksi

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-11 22:00:39 +02:00
parent 54e947a2f4
commit 62dbdb3f34
3 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
empor-logo.svg
View File

@@ -12,8 +12,8 @@
<!-- 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="#2e86c1" stroke-width="2" stroke-linecap="round" opacity="0.6"/>
<path d="M38 8 Q48 20 38 32" fill="none" stroke="#2e86c1" stroke-width="1.5" stroke-linecap="round" opacity="0.35"/>
<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"/>
</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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
index.html
View File

@@ -9,7 +9,7 @@
</head>
<body>
<main>
<img src="empor-logo.svg" alt="Empor" class="logo">
<img src="empor-logo.svg" alt="Empor" class="logo" />
<div class="tagline">IT-palvelut &amp; tietoverkot</div>

13
style.css
View File

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