From 646d8bbe1f4ea6881ff15ac9c72ac1108d8a1075 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Christer=20War=C3=A9n?= Date: Wed, 26 Jun 2024 02:21:32 +0300 Subject: [PATCH] Layout Update --- index.html | 62 +++++++++++++++++++++++++++++++++++------------------- 1 file changed, 40 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 9b473d2..02147b7 100644 --- a/index.html +++ b/index.html @@ -23,20 +23,20 @@ height: 100%; } body { - background-image: linear-gradient(to bottom right, #111111, #000000); - margin: 0; display: flex; flex-direction: column; - align-items: center; - justify-content: center; + background-image: linear-gradient(#0049c8, #00bef9); + margin: 0; + text-align: center; + min-width: 320px; + min-height: 600px; } * { - font-family: "Noto Sans Bold", sans-serif; + font-family: "Roboto Medium", sans-serif; } *, *:active, *:focus, *:hover, *:visited, *:link { color: #ffffff; text-decoration: none; - text-align: center; } .emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link { font-family: initial; @@ -44,27 +44,42 @@ h1 { font-family: "Orbitron Bold", sans-serif; font-size: 3em; + margin-top: 0; margin-bottom: 0; - /*background-image: url(/assets/images/logo-light.svg); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - color: transparent !important;*/ - user-select: none; } main, footer { - font-size: 1.5em; - } - header, footer { - display: flex; - flex-direction: column; + font-size: 1.5rem; } main, footer { - margin-top: 1.5em; + margin-top: 1.5rem; + } + header { + background-color: #111111; + display: flex; + flex-direction: row; + align-items: center; + height: 5vh; + max-height: 100px; + min-height: 60px; + } + header .branding { + text-align: left; + } + header .logo { + max-height: 100%; + } + header .name { + font-size: 1.5rem; + margin-left: -0.05rem; + margin-bottom: -0.5rem; } header .slogan { - margin-top: 0.25em; - font-size: 1.5em; + margin-top: 0.05rem; + font-size: 0.75rem; + } + footer { + display: flex; + flex-direction: column; } footer .powered-by { margin-top: 0.25em; @@ -85,8 +100,11 @@
-

ErkkiAI™

- Energiatehokkuutta kiinteistöllesi + +
+

ErkkiAI™

+ Energiatehokkuutta kiinteistöllesi +
See You Soon! 👀