commit 349d5b428a23d0a3335ba0f06f22d130b02b28b2 Author: Vivian Date: Sat Jun 8 15:05:47 2024 +0200 initial commit diff --git a/MajorMonoDisplay-Regular.ttf b/MajorMonoDisplay-Regular.ttf new file mode 100644 index 0000000..6d16823 Binary files /dev/null and b/MajorMonoDisplay-Regular.ttf differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..3e11331 --- /dev/null +++ b/index.html @@ -0,0 +1,17 @@ + + + + + 0x76.dev + + + +
+
+

+

hi i'm Vivian and welcome to my website

+
+ +
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..19bbef2 --- /dev/null +++ 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"; +}