website/index.html

100 lines
3.6 KiB
HTML
Raw Normal View History

2024-06-04 18:39:49 +00:00
<!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: "Akashi";
src: url("assets/fonts/Akashi.ttf");
}*/
@font-face {
font-family: "Roboto Medium";
src: url("assets/fonts/Roboto-Medium.ttf");
}
html, body {
width: 100%;
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;
}
* {
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;
}
h1 {
/*font-family: "Akashi", sans-serif;*/
font-size: 3em;
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;
}
2024-06-04 19:21:19 +00:00
header, footer {
display: flex;
flex-direction: column;
}
main, footer {
margin-top: 1.5em;
}
header .slogan {
margin-top: 0.25em;
font-size: 1.5em;
}
footer .powered-by {
margin-top: 0.25em;
font-size: 0.75em;
}
2024-06-04 18:39:49 +00:00
</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>
<h1>ErkkiAI™</h1>
2024-06-04 19:21:19 +00:00
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span>
2024-06-04 18:39:49 +00:00
</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>
2024-06-04 19:21:19 +00:00
<a class="powered-by" href="https://waren.io">Powered by War&eacute;n Group</a>
2024-06-04 18:39:49 +00:00
</footer>
</body>
</html>