erkkiai/website
erkkiai/website
1
0
Fork 0
mirror of https://github.com/erkkiai/website.git synced 2024-11-24 22:41:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Layout Update

Browse Source
This commit is contained in:
Christer Warén 2024-06-26 02:21:32 +03:00
parent 314208a9fb
commit 646d8bbe1f
1 changed files with 40 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
index.html
View File

@ -23,20 +23,20 @@
height: 100%; height: 100%;
} }
body { body {
background-image: linear-gradient(to bottom right, #111111, #000000);
margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; background-image: linear-gradient(#0049c8, #00bef9);
justify-content: center; 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 { *, *:active, *:focus, *:hover, *:visited, *:link {
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
text-align: center;
} }
.emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link { .emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link {
font-family: initial; font-family: initial;
@ -44,27 +44,42 @@
h1 { h1 {
font-family: "Orbitron Bold", sans-serif; font-family: "Orbitron Bold", sans-serif;
font-size: 3em; font-size: 3em;
margin-top: 0;
margin-bottom: 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 { main, footer {
font-size: 1.5em; font-size: 1.5rem;
}
header, footer {
display: flex;
flex-direction: column;
} }
main, footer { 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 { header .slogan {
margin-top: 0.25em; margin-top: 0.05rem;
font-size: 1.5em; font-size: 0.75rem;
}
footer {
display: flex;
flex-direction: column;
} }
footer .powered-by { footer .powered-by {
margin-top: 0.25em; margin-top: 0.25em;
@ -85,8 +100,11 @@
<body> <body>
<header> <header>
<h1>ErkkiAI™</h1> <img class="logo" src="assets/images/logo.svg" alt="ErkkiAI™">
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span> <div class="branding">
<h1 class="name">ErkkiAI™</h1>
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span>
</div>
</header> </header>
<main> <main>
<a href="https://new.ultrahack.org/hackathons/metaversenergy-hackathon">See You Soon! 👀</a> <a href="https://new.ultrahack.org/hackathons/metaversenergy-hackathon">See You Soon! 👀</a>