initial commit

2024-06-08 15:05:47 +02:00 · 2024-06-08 15:05:47 +02:00 · 349d5b428a
commit 349d5b428a
3 changed files with 69 additions and 0 deletions
--- a/MajorMonoDisplay-Regular.ttf
+++ b/MajorMonoDisplay-Regular.ttf
--- a/index.html
+++ b/index.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>0x76.dev</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <main>
+      <header>
+        <h1></h1>
+        <p>hi i'm Vivian and welcome to my website</p>
+      </header>
+
+    </main>
+  </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,52 @@
+:root {
+  --violet: #8f00ff;
+}
+
+@font-face {
+  font-family: "Major Mono Display";
+  src: url(./MajorMonoDisplay-Regular.ttf);
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: "Major Mono Display", monospace;
+  font-weight: 400;
+  font-style: normal;
+  color: white;
+  background-color: black;
+}
+
+h1 {
+  font-size: 8rem;
+}
+
+main {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: 1fr 1fr 1fr auto;
+}
+
+header {
+  /* grid-row: 1; */
+  grid-column: 2;
+  text-align: center;
+}
+
+header > h1 {
+  color: var(--violet);
+}
+
+header > h1::before {
+  content: "0x76";
+}
+
+header > h1:hover::before {
+  content: "v";
+}