From d496618f9896138017f4b09f1ab7c2dee1a37573 Mon Sep 17 00:00:00 2001 From: Nihaal Sharma Date: Sat, 27 May 2023 19:35:02 +0100 Subject: [PATCH] made topbar better no just need to figure out a use for it lol --- index.html | 5 +++-- script.js | 3 +++ style.css | 59 +++++++++++++++++++++++++++++++++++++++++++++--------- 3 files changed, 56 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index e847d23..360110a 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,9 @@ -
-

neon443

+
+

neon443

+ dont click

diff --git a/script.js b/script.js index e69de29..db42934 100644 --- a/script.js +++ b/script.js @@ -0,0 +1,3 @@ +function showAlert() { + alert("Hey! this is under development. i told u not to click."); +} \ No newline at end of file diff --git a/style.css b/style.css index eb4d6cc..d950904 100644 --- a/style.css +++ b/style.css @@ -11,11 +11,11 @@ a { color: #007AFF } -#topbar { - position: fixed; - top: 0px; +.topbar { width: 100%; - + overflow: hidden; + position: fixed; + -webkit-backdrop-filter: blur(2.5px); -moz-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px); @@ -25,8 +25,8 @@ a { box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25); } -#topbarTitle { - width: auto; +.topbar * { + display: inline } .contentPush{ @@ -37,7 +37,6 @@ body { background-color: #f2f2f2; color: #222222; font-family: system-ui; - height: 100%; } p { @@ -79,7 +78,7 @@ h3 { color: #f2f2f2; } - #topbar { + .topbar { -webkit-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25); @@ -94,7 +93,49 @@ h3 { } } @media screen and (max-width: 600px) { - * { + .contentPush { + height: 53px; + } + body { width: 100%; } + img { + width: 100%; + } + + p { + width: 100%; + padding-left: 10px; + padding-right: 10px; + } + + h1 { + width: 100%; + font-size: 40px; + font-weight: 750; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 10px; + padding-right: 10px; + } + + h2 { + width: 100%; + font-size: 30px; + font-weight: 300; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 10px; + padding-right: 10px; + } + + h3 { + width: 100%; + font-size: 25px; + font-weight: 200; + padding-top: 0px; + padding-bottom: 0px; + padding-left: 10px; + padding-right: 10px; + } } \ No newline at end of file