From b55f598b56072cac84e0ea963fc69585ef47ec35 Mon Sep 17 00:00:00 2001 From: brookee Date: Sun, 4 Feb 2024 23:35:52 -0500 Subject: [PATCH] initial --- public/index.html | 87 ++++++++++++++++++++++++++++++----------------- public/style.css | 46 +++++++++++++++++++++++++ 2 files changed, 101 insertions(+), 32 deletions(-) diff --git a/public/index.html b/public/index.html index 8323bde..304b6b2 100755 --- a/public/index.html +++ b/public/index.html @@ -12,43 +12,66 @@
- Hi! It's good to see you \( ‘ o ‘ )/ -
- + + + + +
+ + +
-
- -
- +
+ Hi! It's good to see you \( ‘ o ‘ )/ +
+
- -
+
+ +
+ +
+
+
+ +
+ +
+ +
+ +
+ diff --git a/public/style.css b/public/style.css index 8ff9ced..8c556db 100755 --- a/public/style.css +++ b/public/style.css @@ -51,6 +51,51 @@ body, gap: 25px; display: flex; flex-direction: column; + border: 4px solid #f3bbae92; + text-align: left; + z-index: 10; + word-wrap: break-word; + font-family: Monaco, monospace; + background-color: #241917; +} + +.tabs { + display: flex; +} + +.tab { + cursor: pointer; + padding: 8px; + border-width: 0 4px 4px 0; + border-style: solid; + border-color: #f3bbae92; + font-size: 12px; +} + +.tab-content { + display: none; + padding: 20px 20px; + padding-top: 0px; +} + + +.tab-content a { + +} + +.tab:checked ~ label { + background-color: #f3bbae; + color: #241917; +} + +#linksTab, #contactTab, #aboutTab { + display: none; +} + +#tab-links:checked ~ #linksTab, +#tab-contact:checked ~ #contactTab, +#tab-about:checked ~ #aboutTab { + display: block; } @media only screen and (min-width: 1024px) { @@ -83,6 +128,7 @@ body, .center-text a { color: #f3bbae; transition: color 0.5s ease; + font-size: 14px; } .center-text a:hover {