update tarot grid page to be mdx

cesque · Mar 6, 2024 · fa97d55 · fa97d55
1 parent cb36a8e
commit fa97d55
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 32 deletions.
diff --git a/app/tarot-grid/layout.js b/app/tarot-grid/layout.js
diff --git a/app/tarot-grid/page.js b/app/tarot-grid/page.js
diff --git a/components/TarotGrid/TarotGrid.module.scss b/components/TarotGrid/TarotGrid.module.scss
@@ -1,7 +1,7 @@
 @import '@/styles/breakpoints.scss';
 
 .grid {
-    max-width: var(--width-full);
+    max-width: var(--width-full) !important;
     padding: var(--spacing-medium);
 
     display: grid;

diff --git a/posts/tarot-grid.mdx b/posts/tarot-grid.mdx
@@ -0,0 +1,10 @@
+
+import TarotGrid from '@/components/TarotGrid/TarotGrid'
+
+export const meta = {
+    title: 'Tarot Decks - Grid',
+    tags: ['personal', 'occult'],
+    hidden: true,
+}
+
+<TarotGrid />
diff --git a/utils/getPosts.js b/utils/getPosts.js
@@ -36,7 +36,8 @@ export default async function getPosts() {
     let tags = [...new Set(posts.map(post => post.meta.tags).flat())]
 
     _data = {
-        posts,
+        allPosts: posts,
+        posts: posts.filter(post => !post.meta.hidden),
         tags,
     }