From cae06d048c3fd162b7df84e64a0e0b8f119726d3 Mon Sep 17 00:00:00 2001
From: ozpv <39195175+ozpv@users.noreply.github.com>
Date: Wed, 27 May 2026 05:00:50 +0000
Subject: add stuff
---
public/blog.html | 8 ++++++
public/components/footer.html | 1 +
public/components/head.html | 7 ++++++
public/components/nav.html | 17 +++++++++++++
public/components/nav_button.js | 18 +++++++++++++
public/index.html | 12 ++++++---
public/music.html | 12 ++++++---
public/site.css | 56 +++++++++++++++++++++++++++++++++++++++++
8 files changed, 123 insertions(+), 8 deletions(-)
create mode 100644 public/blog.html
create mode 100644 public/components/footer.html
create mode 100644 public/components/head.html
create mode 100644 public/components/nav.html
create mode 100644 public/components/nav_button.js
create mode 100644 public/site.css
diff --git a/public/blog.html b/public/blog.html
new file mode 100644
index 0000000..916ed05
--- /dev/null
+++ b/public/blog.html
@@ -0,0 +1,8 @@
+
+
+
+
+ Come back later once I write something
+
+
+
\ No newline at end of file
diff --git a/public/components/footer.html b/public/components/footer.html
new file mode 100644
index 0000000..c0412ad
--- /dev/null
+++ b/public/components/footer.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/components/head.html b/public/components/head.html
new file mode 100644
index 0000000..d7d43cc
--- /dev/null
+++ b/public/components/head.html
@@ -0,0 +1,7 @@
+
+
+
+
+
+ haemolacriaa
+
\ No newline at end of file
diff --git a/public/components/nav.html b/public/components/nav.html
new file mode 100644
index 0000000..f9d5adc
--- /dev/null
+++ b/public/components/nav.html
@@ -0,0 +1,17 @@
+
\ No newline at end of file
diff --git a/public/components/nav_button.js b/public/components/nav_button.js
new file mode 100644
index 0000000..ba5b6ba
--- /dev/null
+++ b/public/components/nav_button.js
@@ -0,0 +1,18 @@
+const button = document.getElementById("link-button");
+const links = document.getElementById("link-list");
+const open = document.getElementById("link-button-open");
+const close = document.getElementById("link-button-close");
+
+button.addEventListener("click", () => {
+ if (links.classList.contains("rm")) {
+ links.classList.remove("rm");
+
+ open.classList.add("rm");
+ close.classList.remove("rm");
+ } else {
+ links.classList.add("rm");
+
+ open.classList.remove("rm");
+ close.classList.add("rm");
+ }
+});
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 524959f..ab6a3ec 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,8 @@
-
-
- Hello and welcome
-
+
+
+
+
+ Under construction
+
+
+
\ No newline at end of file
diff --git a/public/music.html b/public/music.html
index 22ba402..ab6a3ec 100644
--- a/public/music.html
+++ b/public/music.html
@@ -1,4 +1,8 @@
-
-
- This is my music
-
+
+
+
+
+ Under construction
+
+
+
\ No newline at end of file
diff --git a/public/site.css b/public/site.css
new file mode 100644
index 0000000..14088c2
--- /dev/null
+++ b/public/site.css
@@ -0,0 +1,56 @@
+.center {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.rm {
+ display: none;
+}
+
+@media (width >= 768px) {
+ .rm-l {
+ display: none;
+ }
+}
+
+.link {
+ text-decoration: none;
+}
+
+.nav-link {
+ text-decoration: none;
+
+ @media (width <= 768px) {
+ padding: 20px 0px 0px 10px;
+ }
+
+ @media (width >= 768px) {
+ padding-left: 20px;
+ }
+}
+
+.nav-list {
+ @media (width <= 768px) {
+ width: 100%;
+ }
+
+ @media (width >= 768px) {
+ display: block;
+ width: auto;
+ }
+}
+
+.nav-list-inner {
+ display: flex;
+
+ @media (width <= 768px) {
+ flex-direction: column;
+ }
+
+ @media (width >= 768px) {
+ flex-direction: row;
+ }
+}
\ No newline at end of file
--
cgit v1.2.3