From 3cdce4f4037491f570ff1cadf6d0d5ee2adfdeca Mon Sep 17 00:00:00 2001 From: Araozu Date: Thu, 23 Nov 2023 22:22:27 -0500 Subject: [PATCH] new layout --- index.html | 62 ++++++++++++++++++++++++++++++++++++++++------ style.css | 31 +++++++++++++++++++++++ tailwind.config.js | 7 +++++- 3 files changed, 92 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 77b4a16..a7618b5 100644 --- a/index.html +++ b/index.html @@ -2,17 +2,65 @@ - - - Fernando Araoz + + + Fernando Araoz - + + + + + -

- Hola mundo :D -

+ +
+ +
+ +

+ Fernando +
+ Araoz +

+ +

+ fernando@araozu.dev +

+ +

+ + Github + + + Gitea + +

+ +

+ Front-End, soon to be Back-End developer from Perú 🇵🇪 +

+ +

+ What I've done over the years +
+
+ ↓ +

+ +
+ +
+ a +
+ +
diff --git a/style.css b/style.css index b5c61c9..836156f 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,34 @@ @tailwind base; @tailwind components; @tailwind utilities; + +:root { + --c-bg: #191a1d; + --c-on-bg: white; +} + +@media (prefers-color-scheme: light) { + :root { + --c-bg: white; + --c-on-bg: black; + } +} + +html { + font-size: 20px; +} + +body { + background-color: var(--c-bg); + color: var(--c-on-bg); + + font-family: 'Fira Mono', monospace; +} + +.scroll-container { + scroll-snap-type: y mandatory; +} + +.scroll-container > div { + scroll-snap-align: start; +} diff --git a/tailwind.config.js b/tailwind.config.js index c22f52f..7fd5190 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,7 +4,12 @@ export default { "./index.html", ], theme: { - extend: {}, + extend: { + fontFamily: { + xanh: ["Xanh Mono", "monospace"], + firamono: ["Fira Mono", "monospace"], + } + }, }, plugins: [], }