From 7c83838eb48113775d689fe2ccd49dd73e9f3f9d Mon Sep 17 00:00:00 2001 From: polylogue Date: Tue, 12 Nov 2024 21:01:44 +0000 Subject: [PATCH] Commited more stuff --- index.html | 2 +- search/index.html | 14 ++++++++++++++ static/scripts/home.js | 30 ++++++------------------------ static/styles/home.css | 28 ++-------------------------- static/styles/search.css | 19 +++++++++++++++++++ 5 files changed, 42 insertions(+), 51 deletions(-) create mode 100644 search/index.html create mode 100644 static/styles/search.css diff --git a/index.html b/index.html index c3a0489..759d67b 100644 --- a/index.html +++ b/index.html @@ -46,7 +46,7 @@

Gallery

Project Ninjago

© Hengill
- Project Ninjago is a community-maintained unofficial wiki by Hengill, and developed by polylogue in HTML & CSS. + Project Ninjago is a community-maintained
unofficial wiki by Hengill.
diff --git a/search/index.html b/search/index.html new file mode 100644 index 0000000..0bb4843 --- /dev/null +++ b/search/index.html @@ -0,0 +1,14 @@ + + + + + + Search | Project Ninjago + + + + + + diff --git a/static/scripts/home.js b/static/scripts/home.js index c4e098b..367a6ba 100644 --- a/static/scripts/home.js +++ b/static/scripts/home.js @@ -1,27 +1,9 @@ +console.log("Script loaded at", window.location.href) + +views = ['.databank', '.gallery'] +i = 0 function scrollDown() { - const nextSection = document.querySelector('.databank'); + const nextSection = document.querySelector(views[i]); nextSection.scrollIntoView({ behavior: 'smooth' }); + i = i + 1 } -document.addEventListener("DOMContentLoaded", () => { - const cursor = document.querySelector(".custom-cursor"); - - // Update cursor position - document.addEventListener("mousemove", (e) => { - cursor.style.left = `${e.clientX}px`; - cursor.style.top = `${e.clientY}px`; - }); - - // Resize cursor on hover over links/buttons - document.querySelectorAll("a, button").forEach((el) => { - el.addEventListener("mouseenter", () => { - const rect = el.getBoundingClientRect(); - cursor.style.width = `${rect.width + 10}px`; - cursor.style.height = `${rect.height + 10}px`; - }); - - el.addEventListener("mouseleave", () => { - cursor.style.width = "40px"; - cursor.style.height = "40px"; - }); - }); -}); diff --git a/static/styles/home.css b/static/styles/home.css index c4c2a2d..0a85d27 100644 --- a/static/styles/home.css +++ b/static/styles/home.css @@ -5,7 +5,6 @@ padding: 0; box-sizing: border-box; font-family: 'Inter', Arial, sans-serif; - cursor: none; } .body { @@ -209,7 +208,7 @@ } .sitemap p1 { - font-size: 25px; + font-size: 23px; font-family: 'Inter', serif; margin-left: 37.5px; color: #939393; @@ -219,7 +218,7 @@ } .sitemap p2 { - font-size: 25px; + font-size: 20px; font-family: 'Inter', serif; margin-left: 37.5px; margin-top: 25px; @@ -260,26 +259,3 @@ opacity: 0.8; } -.custom-cursor { - position: fixed; - top: 0; - left: 0; - width: 40px; - height: 40px; - border-radius: 50%; - background-color: rgba(150, 150, 150, 0.6); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - backdrop-filter: blur(3px); - pointer-events: none; - transition: width 0.2s ease, height 0.2s ease, transform 0.2s ease, border-radius 0.2s ease; - transform: translate(-50%, -50%); - z-index: 9999; -} - -/* Change cursor style on interactive elements */ -button:hover ~ .custom-cursor, -a:hover ~ .custom-cursor { - border-radius: 12px; - background-color: rgba(100, 100, 100, 0.6); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -} diff --git a/static/styles/search.css b/static/styles/search.css new file mode 100644 index 0000000..c2f1f08 --- /dev/null +++ b/static/styles/search.css @@ -0,0 +1,19 @@ +@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Inter:wght@300;400;600;700&display=swap'); + +.navheader { + font-family: 'Amiri', sans-serif; + text-decoration: none; + font-size: 50px; + + margin: 15px; + padding: 0; + color: black; +} +.navheader a { + text-decoration: none; + color: inherit; + list-style-type: none; +} +.navheader::marker { + content: ''; /* Removes the marker */ +}