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 --> <!-- 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="#2e86c1" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <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="#2e86c1" stroke-width="1.5" stroke-linecap="round" opacity="0.35"/> <path d="M38 8 Q48 20 38 32" fill="none" stroke="#1a5276" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/>
</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="#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> </head>
<body> <body>
<main> <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> <div class="tagline">IT-palvelut &amp; tietoverkot</div>

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