diff --git a/README.md b/README.md new file mode 100644 index 0000000..c5ce284 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +Javalsai's website https://javalsai.dynv6.net/ \ No newline at end of file diff --git a/README.md~ b/README.md~ new file mode 100644 index 0000000..e69de29 diff --git a/assets/moon.png b/assets/moon.png new file mode 100644 index 0000000..16c1040 Binary files /dev/null and b/assets/moon.png differ diff --git a/assets/sun.png b/assets/sun.png new file mode 100644 index 0000000..9d864cd Binary files /dev/null and b/assets/sun.png differ diff --git a/components/header.html b/components/header.html index bea4378..c0a14af 100644 --- a/components/header.html +++ b/components/header.html @@ -1,10 +1,17 @@
- + +
diff --git a/index.html b/index.html index c635bcc..404dc14 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ - +
@@ -96,6 +96,7 @@ and no, no light mode, I have enough with this

+ diff --git a/style.css b/style.css index 64f267a..ff74633 100644 --- a/style.css +++ b/style.css @@ -21,6 +21,26 @@ body { color: var(--text); caret-color: var(--primary); } +.light-mode { + background-color: white; + color: black; + .theme-toggle-image { + content:url("/assets/moon.png"); + } + button { + background-color: white; + border: 0px; + margin: 0px + } +} +.theme-toggle-image { + content:url("/assets/sun.png"); +} +button { + background-color: black; + border: 0px; + margin: 0px +} *, *::before, *::after { transition: all .3s ease-out;