From 42104a7735421e398510056338d9364b1e746469 Mon Sep 17 00:00:00 2001 From: tay Date: Mon, 30 Sep 2024 05:57:22 -0400 Subject: [PATCH] Updated some more stuff (please work) --- content/about/index.html | 185 +++++++++++++++++++---------- public/about/index.html | 186 ++++++++++++++++++++---------- public/assets/css/about/style.css | 2 +- public/index.xml | 2 +- static/assets/css/about/style.css | 2 +- 5 files changed, 254 insertions(+), 123 deletions(-) diff --git a/content/about/index.html b/content/about/index.html index 7ece7d6..3030070 100644 --- a/content/about/index.html +++ b/content/about/index.html @@ -1,64 +1,129 @@ - +
-
-
- -
-

Hiya, Call me Tee!

- - -
- - - - - - -
-
- +
+
+ +
+

Hiya, Call me Tee!

+ + +
+ + + + + + +
+
+ - - - 1% - ▐▐

+ + + 1% + + - -
-
-
\ No newline at end of file + if (video.paused) { + video.play(); + btn.innerHTML = "⏸"; + btn.style.fontSize = "27px"; + btn.style.padding = "0"; + btn.style.width = "30px"; + btn.style.height = "30px"; + btn.style.lineHeight = "30px"; + btn.style.textAlign = "center"; + } else { + video.pause(); + btn.innerHTML = "⏵"; + btn.style.fontSize = "27px"; + btn.style.padding = "0"; + btn.style.width = "30px"; + btn.style.height = "30px"; + btn.style.lineHeight = "27px"; + btn.style.textAlign = "center"; + } + } + volumeControl.addEventListener("input", function () { + video.volume = volumeControl.value; + var percentage = Math.round(volumeControl.value * 100); + volumePercentage.innerHTML = percentage + "%"; + }); + + + + + diff --git a/public/about/index.html b/public/about/index.html index b18b4d0..1e48206 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -66,70 +66,136 @@ -
+
-
-
- -
-

Hiya, Call me Tee!

- - -
- - - - - - -
-
- - - - - 1% - ▐▐

- - - -
-
-
+ if (video.paused) { + video.play(); + btn.innerHTML = "⏸"; + btn.style.fontSize = "27px"; + btn.style.padding = "0"; + btn.style.width = "30px"; + btn.style.height = "30px"; + btn.style.lineHeight = "30px"; + btn.style.textAlign = "center"; + } else { + video.pause(); + btn.innerHTML = "⏵"; + btn.style.fontSize = "27px"; + btn.style.padding = "0"; + btn.style.width = "30px"; + btn.style.height = "30px"; + btn.style.lineHeight = "27px"; + btn.style.textAlign = "center"; + } + } + volumeControl.addEventListener("input", function () { + video.volume = volumeControl.value; + var percentage = Math.round(volumeControl.value * 100); + volumePercentage.innerHTML = percentage + "%"; + }); + + + + +
+