From 9762f93b2b7b5b9cece7989d1b70e78897a1cfdd Mon Sep 17 00:00:00 2001 From: Nihaal Sharma Date: Sat, 20 May 2023 19:25:50 +0100 Subject: [PATCH] fixed fixed padding issues tweaked colors for higher contrast changed favicon.ico > main-fav.ico addted "Tips" added lerem ipsum waffle to test navbar added nav bar "neon443" nav bar is also transparent text can be seen through it content is not pushed below navbar --- images/{favicon.ico => main-fav.ico} | Bin index.html | 10 ++++++++-- style.css | 26 ++++++++++++++++++++------ 3 files changed, 28 insertions(+), 8 deletions(-) rename images/{favicon.ico => main-fav.ico} (100%) diff --git a/images/favicon.ico b/images/main-fav.ico similarity index 100% rename from images/favicon.ico rename to images/main-fav.ico diff --git a/index.html b/index.html index 0868983..3814c8f 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ neon443 - + @@ -15,8 +15,14 @@ ├─neon443.github.io
└─webpage-testing
├─ -

Tips:


My site Dark Mode friendly - no more dark mode extensions needed!
+


+

Tips:

+

+ This site Dark Mode friendly - no more dark mode extensions needed!
Try viewing this site on a mobile phone or resize the browser window - The page automagically fits the device's screen nicely

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

\ No newline at end of file diff --git a/style.css b/style.css index c2850b0..106b833 100644 --- a/style.css +++ b/style.css @@ -7,28 +7,42 @@ b{ } body{ background-color: #f2f2f2; - color: #333333; + color: #262626; font-family: system-ui; height: 100%; } p{ font-size: 20px; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } h1{ font-size: 45px; font-weight: 750; - padding: 20px; + padding: 0px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; + position: fixed; } h2{ font-size: 35px; font-weight: 300; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } h3{ font-size: 25px; font-weight: 200; - padding: 20px; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 20px; + padding-right: 20px; } @media (prefers-color-scheme: dark) { body { @@ -39,7 +53,7 @@ h3{ background-color: #191919; } p{ - color: #AAAAAA; + color: #e6e6e6; } } @media screen and (max-width: 600px) {