elia-li-website/index.html
2024-07-30 17:56:41 +02:00

86 lines
3.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="title" content="elia's website" />
<meta name="description" content="hello" />
<meta name="keywords" content="ich, hasse, mein, leben" />
<meta name="author" content="elia" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="icons/favicon-16x16.png"
/>
<link rel="manifest" href="icons/site.webmanifest" />
<link
rel="mask-icon"
href="icons/safari-pinned-tab.svg"
color="#33ccffaf"
/>
<link rel="shortcut icon" href="icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#33ccff" />
<meta name="msapplication-config" content="icons/browserconfig.xml" />
<meta name="theme-color" content="#33ccff" />
<meta property="og:title" content="elia's website" />
<meta property="og:description" content="hello" />
<meta property="og:url" content="https://elia's website" />
<meta property="og:site_name" content="elia's website" />
<meta
property="og:image"
content="https://elia.li/icons/favicon-32x32.png"
/>
<meta property="twitter:title" content="elia's website" />
<meta property="twitter:description" content="hello" />
<meta property="twitter:card" content="summary_large_image" />
<meta
property="twitter:image"
content="https://elia.li/icons/favicon-32x32.png"
/>
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="assets/style.css" />
<title>elia's website</title>
</head>
<body>
<video autoplay muted loop id="background-video">
<source src="assets/background.mp4" type="video/mp4" />
Your browser does not support HTML5 video.
</video>
<nav class="navbar">
<div class="logo">
<span>elia.li</span>
</div>
<ul class="nav-links">
<li><a href="https://elia.network">network</a></li>
<li><a href="https://github.com/informaticker">github</a></li>
<li><a href="mailto:me@elia.li">mail</a></li>
<li>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
>imprint</a
>
</li>
</ul>
</nav>
<div id="credits" class="credits">
<span>// credit to hartnett media \\</span>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
document.getElementById("credits").style.display = "block";
});
</script>
</body>
</html>