add placeholder site

4 files changed, 49 insertions, 0 deletions

diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000..40d68ee
--- /dev/null
+++ b/assets/logo.png
diff --git a/attribution.txt b/attribution.txt
new file mode 100644
index 0000000..8010c63
--- /dev/null
+++ b/attribution.txt
@@ -0,0 +1 @@
+Crayon Libre: https://ggbot.itch.io/crayon-libre-font
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8e2e80d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="nl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>ewycon</title>
+    <link href="/style.css" type="text/css" rel="stylesheet" />
+</head>
+<body>
+<header>
+    <img src="/assets/logo.png" alt="ewycon logo" class="ewycon-logo" />
+</header>
+<main>
+    <video src="https://media.tenor.com/kVWeAjQQq4EAAAPo/cat-tuxedo-cat.mp4" autoplay muted loop playsinline class="placeholder-video"></video>
+
+</main>
+<footer>
+    <pre class="quote">
+begrijp jij die mensen 
+die op feesten 
+de overwinning vieren 
+van het leven op de dood?
+    </pre>
+</footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7b72a89
--- /dev/null
+++ b/style.css
@@ -0,0 +1,19 @@
+@import "https://ewy.one/terminal.css";
+
+.ewycon-logo {
+    filter: invert(86%) sepia(96%) saturate(2142%) hue-rotate(200deg) brightness(107%) contrast(93%);
+    width: 100%;
+    margin: auto;
+}
+
+footer .quote {
+    float: right;
+    text-align: right;
+}
+
+.placeholder-video {
+    pointer-events: none;
+    opacity: 0.2;
+    box-shadow: 0 0 8px 8px var(--red);
+    filter: grayscale(80%);
+}
\ No newline at end of file