From 93a4ba55f2159e69aa1fcdaa1cf87c09e7455017 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Tue, 3 Oct 2023 23:44:31 -0400
Subject: add changelog, assets, new partial

---
 assets/js/fullscreen.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 assets/js/fullscreen.js

(limited to 'assets/js/fullscreen.js')

diff --git a/assets/js/fullscreen.js b/assets/js/fullscreen.js
new file mode 100644
index 0000000..e191854
--- /dev/null
+++ b/assets/js/fullscreen.js
@@ -0,0 +1,30 @@
+// get with web apis #fullscren element and on click toggle fullscreen
+const fullscreen = document.getElementById('fullscreen');
+const elem = document.documentElement;
+fullscreen.addEventListener('click', () => {
+  if (document.fullscreenElement) {
+    closeFullscreen();  
+  } else {
+    openFullscreen();
+  }
+});
+
+function openFullscreen() {
+  if (elem.requestFullscreen) {
+    elem.requestFullscreen();
+  } else if (elem.webkitRequestFullscreen) { /* Safari */
+    elem.webkitRequestFullscreen();
+  } else if (elem.msRequestFullscreen) { /* IE11 */
+    elem.msRequestFullscreen();
+  }
+}
+
+function closeFullscreen() {
+  if (document.exitFullscreen) {
+    document.exitFullscreen();
+  } else if (document.webkitExitFullscreen) { /* Safari */
+    document.webkitExitFullscreen();
+  } else if (document.msExitFullscreen) { /* IE11 */
+    document.msExitFullscreen();
+  }
+}
\ No newline at end of file
-- 
cgit v1.1


From 4e30ae95eaf52a7f427bdf020d118f40e00ab291 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Mon, 9 Oct 2023 13:41:04 -0400
Subject: add some homemade svg, wpartials, and darkmode

---
 assets/js/fullscreen.js | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

(limited to 'assets/js/fullscreen.js')

diff --git a/assets/js/fullscreen.js b/assets/js/fullscreen.js
index e191854..e3cc342 100644
--- a/assets/js/fullscreen.js
+++ b/assets/js/fullscreen.js
@@ -1,15 +1,27 @@
-// get with web apis #fullscren element and on click toggle fullscreen
+// page
 const fullscreen = document.getElementById('fullscreen');
+const fullscreenIcon = document.getElementById('fullscreen-icon');
+const smallscreenIcon = document.getElementById('smallscreen-icon');
 const elem = document.documentElement;
-fullscreen.addEventListener('click', () => {
+
+// Functions
+
+function toggleFullscreen(event) {
+  // check if the event is a keydown event or a click event
+  if (event.type === 'keydown') {
+    // check if the key pressed is '/' key
+    if (event.key !== '/') return;
+  }
   if (document.fullscreenElement) {
     closeFullscreen();  
   } else {
     openFullscreen();
   }
-});
+}
 
 function openFullscreen() {
+  smallscreenIcon.classList.toggle('hide');
+  fullscreenIcon.classList.toggle('hide');
   if (elem.requestFullscreen) {
     elem.requestFullscreen();
   } else if (elem.webkitRequestFullscreen) { /* Safari */
@@ -20,6 +32,8 @@ function openFullscreen() {
 }
 
 function closeFullscreen() {
+  smallscreenIcon.classList.toggle('hide');
+  fullscreenIcon.classList.toggle('hide');
   if (document.exitFullscreen) {
     document.exitFullscreen();
   } else if (document.webkitExitFullscreen) { /* Safari */
@@ -27,4 +41,9 @@ function closeFullscreen() {
   } else if (document.msExitFullscreen) { /* IE11 */
     document.msExitFullscreen();
   }
-}
\ No newline at end of file
+}
+
+// Listeners
+
+fullscreen.addEventListener('click', toggleFullscreen);
+document.addEventListener('keydown', toggleFullscreen);
\ No newline at end of file
-- 
cgit v1.1