From 4f9a36f99aac6f59b4a4db3afc13a5c7234f4a65 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Tue, 30 May 2023 02:12:55 -0400
Subject: Support for resolutions < 450 units

---
 static/js/phone_compatibility.js | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 static/js/phone_compatibility.js

(limited to 'static/js')

diff --git a/static/js/phone_compatibility.js b/static/js/phone_compatibility.js
new file mode 100644
index 00000000..f3a945f7
--- /dev/null
+++ b/static/js/phone_compatibility.js
@@ -0,0 +1,33 @@
+/**
+ * Phone compatibility JS, for handling things on phone as 
+ * this site was written for desktop
+ */
+
+const windowBreakpoint = 450;
+
+// Listen for window resize
+$(window).resize(function() {
+    if($(window).width() > windowBreakpoint) {
+        $('#sidebar').css('display', 'block');
+        $('#ハンバーガー').css('display', 'none');
+    } else {
+        $('#sidebar').css('display', 'none');
+        $('#ハンバーガー').css('display', 'block');
+    }
+});
+
+$(document).ready(function() {
+    $('#ハンバーガー').click(function() {
+        $('#ham').toggleClass('open');
+        if($('#sidebar').css('display') == 'none') {
+            $('#sidebar').css('display', 'block');
+            $('body').css('overflow', 'hidden');
+            $('#ハンバーガー').css('background-color', 'red');
+
+        } else {
+            $('#sidebar').css('display', 'none');
+            $('body').css('overflow', 'auto');
+            $('#ハンバーガー').css('background-color', 'transparent');
+        }
+    });
+});
\ No newline at end of file
-- 
cgit v1.2.3