From 54e947a2f4178e302c11e040278a3e389707cc3b Mon Sep 17 00:00:00 2001 From: Jukka Lampikoski Date: Wed, 11 Mar 2026 21:55:53 +0200 Subject: [PATCH] =?UTF-8?q?P=C3=A4ivit=C3=A4=20sivusto=20Empor-logolla,=20?= =?UTF-8?q?minimaalinen=20tyyli?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Lisää SVG-logo (kuusikulmio + EMPOR-teksti) - Tumma sininen tausta (#0a0f1a) - Sininen tagline "IT-palvelut & tietoverkot" - Logo käännetty valkoiseksi CSS filterillä - Favicon logosta Co-Authored-By: Claude Opus 4.6 --- empor-logo.svg | 20 ++++++++++++++++++++ index.html | 6 ++++-- style.css | 30 +++++++++++++++--------------- 3 files changed, 39 insertions(+), 17 deletions(-) create mode 100644 empor-logo.svg diff --git a/empor-logo.svg b/empor-logo.svg new file mode 100644 index 0000000..a05d79a --- /dev/null +++ b/empor-logo.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + E + + + + + + EMPOR + diff --git a/index.html b/index.html index 4696bc2..250c665 100644 --- a/index.html +++ b/index.html @@ -5,13 +5,15 @@ Empor Oy +
- + + +
IT-palvelut & tietoverkot
-

Yhteystiedot

Jukka Lampikoski

jukka@empor.fi

040 170 5455

diff --git a/style.css b/style.css index 050c6e5..0c143cd 100644 --- a/style.css +++ b/style.css @@ -6,7 +6,7 @@ body { font-family: 'Helvetica Neue', Arial, sans-serif; - background: #0a0a0a; + background: #0a0f1a; color: #fff; min-height: 100vh; display: flex; @@ -20,39 +20,39 @@ main { } .logo { - font-size: 4rem; - font-weight: 700; - letter-spacing: 0.3em; - margin-bottom: 4rem; + height: 56px; + margin-bottom: 1.5rem; + filter: brightness(0) invert(1); } -.contact { - border-top: 1px solid #333; - padding-top: 2rem; -} - -.contact h2 { +.tagline { font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase; - color: #666; - margin-bottom: 1.5rem; + color: #4a90c4; + margin-bottom: 4rem; font-weight: 400; } +.contact { + border-top: 1px solid rgba(74, 144, 196, 0.2); + padding-top: 2rem; +} + .contact .name { font-size: 1.1rem; margin-bottom: 0.75rem; + font-weight: 500; } .contact a { - color: #ccc; + color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: color 0.2s; } .contact a:hover { - color: #fff; + color: #4a90c4; } .contact p {