diff --git a/about/index.html b/about/index.html index d49f364c..c9937b16 100644 --- a/about/index.html +++ b/about/index.html @@ -19,14 +19,18 @@ - - + About | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/articles/index.html b/articles/index.html index fa037d27..f61cfc04 100644 --- a/articles/index.html +++ b/articles/index.html @@ -19,14 +19,18 @@ - - + Articles | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/changelog/2022.html b/changelog/2022.html index 6628d5ee..ef8dcb2e 100644 --- a/changelog/2022.html +++ b/changelog/2022.html @@ -19,14 +19,18 @@ - - + Website Changelog Archive: 2022 | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/changelog/index.html b/changelog/index.html index 7a4a8bae..64c3be3e 100644 --- a/changelog/index.html +++ b/changelog/index.html @@ -19,14 +19,18 @@ - - + Website Changelog | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/changelog/layouts.html b/changelog/layouts.html index 5b6173d7..09420a8a 100644 --- a/changelog/layouts.html +++ b/changelog/layouts.html @@ -19,14 +19,18 @@ - - + Website Layout Archive | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/changelog/updates/2023-june-layout-rewrite.html b/changelog/updates/2023-june-layout-rewrite.html index 631e5788..9edd73aa 100644 --- a/changelog/updates/2023-june-layout-rewrite.html +++ b/changelog/updates/2023-june-layout-rewrite.html @@ -19,14 +19,18 @@ - - + June 2023 Layout Rewrite | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/changelog/updates/2023-redesign.html b/changelog/updates/2023-redesign.html index 9de1837e..2fed6f5c 100644 --- a/changelog/updates/2023-redesign.html +++ b/changelog/updates/2023-redesign.html @@ -19,14 +19,18 @@ - - + Website Layout Archive | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/css/style-main.css b/css/style-main.css index 2caddb10..bc9e7af4 100644 --- a/css/style-main.css +++ b/css/style-main.css @@ -21,11 +21,11 @@ --clr-link-btn-txt: white; --clr-link-btn-hover: #241445; - --clr-header-bg: black; - --clr-nav-bg: #222; - --clr-nav-link: white; + --clr-main-header-bg: black; + --clr-navbar-bg: #222; + --clr-navbar-link: white; - --clr-footer-bg: #13092D; + --clr-main-footer-bg: #13092D; } @font-face { @@ -196,11 +196,11 @@ summary { cursor: pointer; } +/* ELEMENT STYLES WITH CUSTOM CLASSES */ .bold-text { font-weight: 700; } -/* ELEMENT STYLES WITH CUSTOM CLASSES */ .center-el { margin: 0 auto; } @@ -215,30 +215,31 @@ summary { } /* HEADER COMPONENT */ -header { +.main-header { width: 100%; max-height: 20rem; - background-color: var(--clr-header-bg); + background-color: var(--clr-main-header-bg); display: flex; flex-direction: column; justify-content: center; + text-align: center; } -header img { +.main-header img { object-fit: contain; height: 100%; } /* NAVIGATION BAR COMPONENT */ nav { - background: var(--clr-nav-bg); + background: var(--clr-navbar-bg); padding: 0 0.6rem; width: 100%; z-index: 999; } nav a { - color: var(--clr-nav-link); + color: var(--clr-navbar-link); text-decoration: none; cursor: pointer; } @@ -509,13 +510,13 @@ article, .content-container { } /* FOOTER COMPONENT */ -footer { - background-color: var(--clr-footer-bg); +.main-footer { + background-color: var(--clr-main-footer-bg); width: 100%; padding: 0.5rem; text-align: center; } -footer p { +.main-footer p { padding: 0; } \ No newline at end of file diff --git a/featured/index.html b/featured/index.html index 651ade21..4babc4e9 100644 --- a/featured/index.html +++ b/featured/index.html @@ -19,14 +19,18 @@ - - + Featured | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/featured/kotor2-modder-interview-ars-technica.html b/featured/kotor2-modder-interview-ars-technica.html index 8eb2f9c4..1c3b68a8 100644 --- a/featured/kotor2-modder-interview-ars-technica.html +++ b/featured/kotor2-modder-interview-ars-technica.html @@ -19,14 +19,18 @@ - - + KotOR 2 Modders Interview on Ars Technica | Featured | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/featured/lgbtq-booklet-interview-misi-bawang.html b/featured/lgbtq-booklet-interview-misi-bawang.html index 8de5ca1f..3e70c0dd 100644 --- a/featured/lgbtq-booklet-interview-misi-bawang.html +++ b/featured/lgbtq-booklet-interview-misi-bawang.html @@ -20,14 +20,18 @@ - - + LGBTQ+ Booklet Artist Interview from MISI:Bawang | Featured | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/home.html b/home.html index 249486dc..c6be908b 100644 --- a/home.html +++ b/home.html @@ -19,14 +19,18 @@ - - + Home | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/js/footer.js b/js/footer.js deleted file mode 100644 index f85d0d20..00000000 --- a/js/footer.js +++ /dev/null @@ -1,6 +0,0 @@ -// Footer component content -document.querySelector("footer").innerHTML = ` -

Made with ♥ by Leilukin | Site Map

-

Site Launched: September 11, 2022 | Website Changelog

-

↑ Back to top ↑

-`; \ No newline at end of file diff --git a/js/header.js b/js/main-components.js similarity index 61% rename from js/header.js rename to js/main-components.js index 44cf8605..2c0c4c10 100644 --- a/js/header.js +++ b/js/main-components.js @@ -1,11 +1,11 @@ -/* Header component content */ -document.querySelector("header").innerHTML = ` +/* ------ MAIN HEADER COMPONENT ------ */ +document.querySelector(".main-header").innerHTML = ` `; -/* Navigation component content */ -document.querySelector("nav").innerHTML = ` +/* ------ MAIN NAVIGATION BAR COMPONENT ------ */ +document.querySelector(".navbar").innerHTML = ` `; - -/* MAKE THE NAVBAR STICKY */ -const header = document.querySelector("header"); -const navbar = document.querySelector("nav"); +// Make the navigation bar sticky +const header = document.querySelector(".main-header"); +const navbar = document.querySelector(".navbar"); window.addEventListener("scroll", e => { const scrollPos = window.scrollY || document.documentElement.scrollTop; @@ -35,4 +34,12 @@ window.addEventListener("scroll", e => { } else { navbar.classList.remove("sticky-nav"); } -}); \ No newline at end of file +}); + + +/* ------ MAIN FOOTER COMPONENT ------ */ +document.querySelector(".main-footer").innerHTML = ` +

Made with ♥ by Leilukin | Site Map

+

Site Launched: September 11, 2022 | Website Changelog

+

↑ Back to top ↑

+`; \ No newline at end of file diff --git a/links/index.html b/links/index.html index cd3b4d73..c7b108ff 100644 --- a/links/index.html +++ b/links/index.html @@ -19,14 +19,18 @@ - - + Links | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/mycreations/index.html b/mycreations/index.html index 33c96327..7cce3e9f 100644 --- a/mycreations/index.html +++ b/mycreations/index.html @@ -19,14 +19,18 @@ - - + My Creations | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/mymods/index.html b/mymods/index.html index 3cacc30b..672ef538 100644 --- a/mymods/index.html +++ b/mymods/index.html @@ -19,14 +19,18 @@ - - + My Video Game Mods | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/mymods/kotor1mods/index.html b/mymods/kotor1mods/index.html index 71afff96..444d5463 100644 --- a/mymods/kotor1mods/index.html +++ b/mymods/kotor1mods/index.html @@ -20,15 +20,19 @@ - - + My KotOR 1 Mods | Leilukin's Hub -
- +
+ +
+
- + - - + My KotOR 2 Mods | Leilukin's Hub -
- +
+ +
+
- + - - + Playlists | Leilukin's Hub -
- +
+ +
+
-->
- + \ No newline at end of file diff --git a/resources/anti-harry-potter-jk-rowling-masterlist.html b/resources/anti-harry-potter-jk-rowling-masterlist.html index 18a67d76..9d7a3d85 100644 --- a/resources/anti-harry-potter-jk-rowling-masterlist.html +++ b/resources/anti-harry-potter-jk-rowling-masterlist.html @@ -19,14 +19,18 @@ - - + Anti-Harry Potter and Anti-J. K. Rowling Masterlist | Resources | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/resources/index.html b/resources/index.html index 3be45a13..548bf194 100644 --- a/resources/index.html +++ b/resources/index.html @@ -19,14 +19,18 @@ - - + Resources | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file diff --git a/resources/web-building-resources.html b/resources/web-building-resources.html index ef954d12..fbd703ea 100644 --- a/resources/web-building-resources.html +++ b/resources/web-building-resources.html @@ -19,14 +19,20 @@ - - + Web Building Resources | Resources | Leilukin's Hub -
- + + +
+ +
+
- + \ No newline at end of file diff --git a/shrines/asummersend/asummersend.css b/shrines/asummersend/css/style-asummersend.css similarity index 81% rename from shrines/asummersend/asummersend.css rename to shrines/asummersend/css/style-asummersend.css index f30e4025..21f8d432 100644 --- a/shrines/asummersend/asummersend.css +++ b/shrines/asummersend/css/style-asummersend.css @@ -23,18 +23,18 @@ --clr-link-btn-txt: white; --clr-link-btn-hover: #241445; - --clr-header-bg: black; - --clr-nav-bg: #101010; - --clr-nav-link: white; + --clr-main-header-bg: black; + --clr-navbar-bg: #101010; + --clr-navbar-link: white; - --clr-footer-bg: #101010; + --clr-main-footer-bg: #101010; } -header { +.main-header { max-height: 20rem; } -header img { +.main-header img { object-fit: cover; object-position: center; height: 100%; diff --git a/shrines/asummersend/gallery.html b/shrines/asummersend/gallery.html index 7a1ba672..70a90ebf 100644 --- a/shrines/asummersend/gallery.html +++ b/shrines/asummersend/gallery.html @@ -11,7 +11,7 @@ - + @@ -19,15 +19,18 @@ - - - + Gallery | A Summer’s End — Hong Kong 1986 Shrine | Leilukin's Hub -
- +
+ +
+
- + \ No newline at end of file