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 + "%"; + }); + + + + +
+