Updates

strawhat19 · Oct 2, 2024 · c8a82ef · c8a82ef
1 parent 5611a1a
commit c8a82ef
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 37 deletions.
diff --git a/main.scss b/main.scss
@@ -192,6 +192,7 @@
 
 article {
     padding: 1em 0;
+    min-height: calc(94vh - var(--nextra-navbar-height)) !important;
     main {
         max-width: 92rem !important;
         width: 100% !important;
@@ -570,9 +571,16 @@ input {
 @media (min-width: 768px) {
     aside {
         width: auto !important;
+        display: none !important;
     }
 }
 
+// @media (min-width: 850px) {
+//     aside {
+//         display: none !important;
+//     }
+// }
+
 @media (max-width: 850px) {
     nav {
         * {
@@ -831,10 +839,12 @@ body {
                 margin: -10px 0 -7px 0;
             }
             .board {
+                --boardColumnHeight: 605px;
                 .column {
-                    min-height: 621px;
+                    align-items: flex-start;
+                    min-height: var(--boardColumnHeight);
                     .items {
-                        min-height: 515px;
+                        min-height: calc(var(--boardColumnHeight) - 115px);
                     }
                 }
             }

diff --git a/pages/_app.js b/pages/_app.js
@@ -13,6 +13,22 @@ export const getCurrentPageName = () => {
   return window.location.hash.slice(window.location.hash.lastIndexOf(`/`)).replace(`/`, ``);
 };
 
+export const setThemeMode = (theme) => {
+  let html = document.documentElement;
+  if (html.classList.contains(`dark`)) html.classList.remove(`dark`);
+  if (html.classList.contains(`light`)) html.classList.remove(`light`);
+  html.classList.add(theme);
+  html.style = `color-scheme: ${theme}`;
+  html.setAttribute(`data-theme`, theme);
+  localStorage.setItem(`theme`, theme);
+}
+
+export const setThemeUI = () => {
+  let themeMode = localStorage.getItem(`theme`) ? localStorage.getItem(`theme`) : `dark`;
+  localStorage.setItem(`alertOpen`, false);
+  setThemeMode(themeMode);
+}
+
 export const formatDate = (date, specificPortion) => {
   let hours = date.getHours();
   let minutes = date.getMinutes();
@@ -696,6 +712,7 @@ export default function ProductIVF({ Component, pageProps, router }) {
       let cachedBoard = JSON.parse(localStorage.getItem(`board`));
       let cachedBoards = JSON.parse(localStorage.getItem(`boards`));
 
+      setThemeUI();
       setDevEnv(dev());
       setUpdates(updates);
       setPlatform(navigator?.userAgent);

diff --git a/pages/_meta.json b/pages/_meta.json
@@ -5,35 +5,5 @@
       "pagination": false,
       "layout": "full"
     }
-  },
-  "about": {
-    "title": "About",
-    "type": "page"
-  },
-  "company": {
-    "title": "Company",
-    "type": "menu",
-    "items": {
-      "about": {
-        "title": "Piratechs",
-        "href": "https://piratechs.com/"
-      },
-      "contact": {
-        "title": "Text Me",
-        "href": "sms:6787903980"
-      }
-    }
-  },
-  "boards": {
-    "title": "Boards ↗",
-    "type": "page",
-    "href": "/projects/boards"
-  },
-  "projects": {
-    "title": "Projects",
-    "theme": {
-      "layout": "full"
-    }
-  },
-  "code-snippets": "Code Snippets"
+  }
 }
diff --git a/pages/index.mdx b/pages/index.mdx
@@ -1,11 +1,11 @@
 import Boards from '../components/boards/boards'
 
-# ProductIVF
+# Boards
 
-Welcome to ProductIVF! Right now im experimenting with making my own productivity app.
+<div style={{marginTop: 5}}></div>
 
-<div style={{marginTop: -20}}></div>
+<hr className={`lineSep`} />
 
-## Boards
+<div className={`_projects_boards`} style={{marginTop: 15}}></div>
 
 <Boards />