1 files changed, 61 insertions, 0 deletions
diff --git a/public/libs/resp.js b/public/libs/resp.js
new file mode 100644
index 0000000..c1747da
--- /dev/null
+++ b/public/libs/resp.js
@@ -0,0 +1,61 @@
+if($(window).width() < 800) {
+    $('.cats').remove();
+    $('.pops').remove();
+    $('.sets').remove();
+    $('.bio').remove();
+    
+    if(window.location.href.indexOf('account') > -1) {
+        if($('.magicSets').length) {
+            $('.content').after(`
+                <div class='bottomNav'>
+                <button id='bNavSets'>Settings</button>
+                <button id='bNavBio'>Details</button>
+                </div>
+            `)
+        } else {
+            $('.content').after(`
+                <div class='bottomNav'>
+                <button id='bNavCats'>Categories</button>
+                <button id='bNavBio'>Details</button>
+                </div>
+            `)
+        }
+    } else {
+        $('.content').after(`
+            <div class='bottomNav'>
+            <button id='bNavCats'>Categories</button>
+            <button id='bNavPops'>Popular</button>
+            </div>
+        `)
+    }
+
+}
+
+$('#bNavCats').on('click', (event) => {
+    $(`.magicCats`).toggleClass('invis');
+    if(!($(`.magicPops`).hasClass('invis'))) {
+        $(`.magicPops`).toggleClass(`invis`);
+    }
+});
+
+$('#bNavPops').on('click', (event) => {
+    $(`.magicPops`).toggleClass('invis');
+    if(!($(`.magicCats`).hasClass(`invis`))) {
+        $(`.magicCats`).toggleClass(`invis`);
+    }
+});
+
+$('#bNavSets').on('click', (event) => {
+    $(`.magicSets`).toggleClass(`invis`);
+    if(!($(`.magicPops`).hasClass(`invis`))) {
+        $(`.magicPops`).toggleClass(`invis`);
+    }
+});
+
+$('#bNavBio').on('click', (event) => {
+    $(`.magicPops`).toggleClass(`invis`);
+    if(!($(`.magicSets`).hasClass(`invis`))) {
+        $(`.magicSets`).toggleClass(`invis`);
+    }
+});
+