From e728b672e1d2e3f961601fb4e8da9d0b83a558e5 Mon Sep 17 00:00:00 2001 From: k Date: Fri, 5 Jul 2024 15:58:50 -0400 Subject: [PATCH] Better index --- css/index.css | 35 +++++++++++++++++++++++++++++++++++ css/shared.css | 42 ++---------------------------------------- index.html | 34 +++++++++++----------------------- 3 files changed, 48 insertions(+), 63 deletions(-) create mode 100644 css/index.css diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..b089a91 --- /dev/null +++ b/css/index.css @@ -0,0 +1,35 @@ +.glass { + margin: auto; + margin-top: 2em; + width: 75%; +} + +nav { + height: 2em; + text-align: center; + display: flex; +} + +nav a { + display: inline-block; + margin: auto; + width: 4em; + height: 1.4em; + border-bottom-style: solid; + border-bottom-color: rgba(255, 255, 255, 0); + border-top-style: solid; + border-top-color: rgba(255, 255, 255, 0); + transition-duration: 0.25s; + color: white; + text-decoration: none; +} + +nav a:hover { + border-bottom-color: rgba(255, 255, 255, 255) +} + +h1{ + border-bottom-style:dotted; + padding-right:1.25em; + width:fit-content +} diff --git a/css/shared.css b/css/shared.css index d13a0dd..b24bf30 100644 --- a/css/shared.css +++ b/css/shared.css @@ -1,45 +1,5 @@ :root { color: white; font-family:sans-serif } -body { margin: 0px; } - -.artical { - margin: auto; - overflow: hidden; - transition-duration: 1.5s; - width:25%; - display: block; -} - -.artical hr { - background: white; - border-color: white; - border-radius: 3em; - height: 0.3em; -} - -.artical embed{ - position: sticky; - height:100%; - width:100%; - overflow:hidden; -} - -.artical:hover .preview { - display: none; -} - -.content { - display: none; - color: white; -} - -.artical:hover .content { - display: block; -} - - - - .glass { background: rgba(128, 128, 128, 0.35); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); @@ -56,6 +16,8 @@ body { margin: 0px; } width: 100vw; position: fixed; z-index: -1; + top:0; + left:0; } @keyframes gradient { diff --git a/index.html b/index.html index cdff9b9..a27df8a 100644 --- a/index.html +++ b/index.html @@ -4,34 +4,22 @@ - - + + -
-
- -

Test title #1

-
- - - - -

Test title #2

-
- - - - -

Test title #2

-
- - - -
+
+ +
+

Hello world

+

IDK what to put here lol

+