mirror of
https://github.com/erkkiai/website.git
synced 2024-09-19 15:51:09 +00:00
118 lines
4.0 KiB
HTML
118 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ErkkiAI™</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="robots" content="noodp,noarchive">
|
|
<meta name="google" content="notranslate">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
@font-face {
|
|
font-family: "Orbitron Bold";
|
|
src: url("assets/fonts/orbitron-bold.otf");
|
|
}
|
|
@font-face {
|
|
font-family: "Noto Sans Bold";
|
|
src: url("assets/fonts/notosans-bold.ttf");
|
|
}
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-image: linear-gradient(#0049c8, #00bef9);
|
|
margin: 0;
|
|
text-align: center;
|
|
min-width: 320px;
|
|
min-height: 600px;
|
|
}
|
|
* {
|
|
font-family: "Roboto Medium", sans-serif;
|
|
}
|
|
*, *:active, *:focus, *:hover, *:visited, *:link {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
.emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link {
|
|
font-family: initial;
|
|
}
|
|
h1 {
|
|
font-family: "Orbitron Bold", sans-serif;
|
|
font-size: 3em;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
main, footer {
|
|
font-size: 1.5rem;
|
|
}
|
|
main, footer {
|
|
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.05rem;
|
|
font-size: 0.75rem;
|
|
}
|
|
footer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
footer .powered-by {
|
|
margin-top: 0.25em;
|
|
font-size: 0.75em;
|
|
}
|
|
</style>
|
|
|
|
<!-- Link: Preconnect & DNS Prefetch & Preload -->
|
|
<link rel="preconnect" href="//cdn.cwinfo.net">
|
|
<link rel="dns-prefetch" href="//cdn.cwinfo.net">
|
|
<link rel="preload" as="font" type="font/woff2" href="https://cdn.cwinfo.net/frameworks/font-awesome/6.5.2/webfonts/fa-solid-900.woff2" crossorigin="anonymous">
|
|
<link rel="preload" as="style" href="https://cdn.cwinfo.net/frameworks/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous">
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.cwinfo.net/frameworks/font-awesome/6.5.2/css/all.min.css" media="screen, print" crossorigin="anonymous">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<img class="logo" src="assets/images/logo.svg" alt="ErkkiAI™">
|
|
<div class="branding">
|
|
<h1 class="name">ErkkiAI™</h1>
|
|
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<a href="https://new.ultrahack.org/hackathons/metaversenergy-hackathon">See You Soon! 👀</a>
|
|
</main>
|
|
<footer>
|
|
<a href="https://erkkiai.com">©2024 <span title="Christer Warén & Tomi Jokinen">ErkkiAI™</span></a>
|
|
<a class="powered-by" href="https://waren.io">Powered by Warén Group</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|