feat: init

3 years ago · f86c9a9013
2 changed files with 52 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>/dev.space</title>
+        <link rel="stylesheet" href="style.css" />
+    </head>
+    <body>
+        <section class="hero">
+            <div class="hero__text-area__container">
+                <h1 class="hero__text-area__heading">/dev.space</h1>
+                <h3 class="hero__text-area__subheading">The digital hackerspace</h3>
+            </div>
+            <div class="hero__scroll-arrow">▾</div>
+        </section>
+    </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,33 @@
+@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
+
+body {
+    margin: 0;
+}
+
+.hero {
+    align-items: center;
+    display: flex;
+    height: 100vh;
+    justify-content: center;
+    font-family: "Work Sans", sans-serif;
+}
+
+.hero__text-area__container {
+    text-align: center;
+}
+
+.hero__text-area__heading {
+    font-size: 10rem;
+    margin: 1rem;
+}
+
+.hero__text-area__subheading {
+    font-size: 3rem;
+}
+
+.hero__scroll-arrow {
+    font-size: 6rem;
+    font-weight: lighter;
+    position: absolute;
+    bottom: 1rem;
+}