From 5bcccff63c883a282722bea0075aeacc73d55840 Mon Sep 17 00:00:00 2001 From: Mariano Riefolo Date: Fri, 16 Aug 2024 17:18:53 +0200 Subject: [PATCH] feat(frontend): add index, login and register pages --- src/assets/toggle_mode.js | 28 ++++++++++++ src/static_pages/index.html | 42 ++++++++++++++++++ src/static_pages/login.html | 75 ++++++++++++++++++++++++++++++++ src/static_pages/register.html | 78 ++++++++++++++++++++++++++++++++++ 4 files changed, 223 insertions(+) create mode 100644 src/assets/toggle_mode.js create mode 100644 src/static_pages/index.html create mode 100644 src/static_pages/login.html create mode 100644 src/static_pages/register.html diff --git a/src/assets/toggle_mode.js b/src/assets/toggle_mode.js new file mode 100644 index 0000000..3569c4e --- /dev/null +++ b/src/assets/toggle_mode.js @@ -0,0 +1,28 @@ +const toggleModeButton = document.getElementById("toggle-mode"); +const html = document.documentElement; + +const isDarkMode = localStorage.getItem("darkMode") === "true"; + +if (isDarkMode) { + html.classList.add("theme-dark"); +} + +toggle_icon(); + +toggleModeButton.addEventListener("click", () => { + html.classList.toggle("theme-dark"); + localStorage.setItem("darkMode", html.classList.contains("theme-dark")); + + toggle_icon(); +}); + +function toggle_icon() { + const icon = toggleModeButton.querySelector("i"); + if (html.classList.contains("theme-dark")) { + icon.classList.remove("fa-sun"); + icon.classList.add("fa-moon"); + } else { + icon.classList.remove("fa-moon"); + icon.classList.add("fa-sun"); + } +} diff --git a/src/static_pages/index.html b/src/static_pages/index.html new file mode 100644 index 0000000..0db79b4 --- /dev/null +++ b/src/static_pages/index.html @@ -0,0 +1,42 @@ + + + + + + Home page + + + + + + + + diff --git a/src/static_pages/login.html b/src/static_pages/login.html new file mode 100644 index 0000000..4458765 --- /dev/null +++ b/src/static_pages/login.html @@ -0,0 +1,75 @@ + + + + + + Sign in + + + + +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
+
+
+
+ + + + diff --git a/src/static_pages/register.html b/src/static_pages/register.html new file mode 100644 index 0000000..3c2a23f --- /dev/null +++ b/src/static_pages/register.html @@ -0,0 +1,78 @@ + + + + + + Sign in + + + +
+
+
+ +
+ +
+
+
+ +
+ +
+
+ +
+ +
+
+
+
+ +
+
+ +
+ + + + + +