update blog/puzzle cards

reednel · Sep 8, 2023 · a363561 · a363561
1 parent 9e43154
commit a363561
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 49 deletions.
diff --git a/src/content/blog/phenomenology.md b/src/content/blog/phenomenology.md
@@ -1,7 +1,7 @@
 ---
 title: Artificial Consciousness and Phenomenology
 meta_title: Artificial Consciousness and Phenomenology
-description: To identify the requirements for a conscious machine, I believe we ought to look beyond mechanical scientific accounts of what makes a human human. Using a phenomenological approach to this subject, we stand to better express what is necessary for a true, human-level artificial consciousness.
+description: I believe that with a phenomenological examination of human consciousness and experience, we stand to better express what is necessary for a true, human-level artificial consciousness.
 date: 2022-04-07T05:00:00Z
 categories: [Philosophy]
 author: Reed Nelson

diff --git a/src/content/puzzle/low-grade-riddles.md b/src/content/puzzle/low-grade-riddles.md
@@ -1,7 +1,7 @@
 ---
 title: Low Grade Riddles
 meta_title: Low Grade Riddles
-description: These riddles are stupid. These riddles give riddles everywhere a bad name. When someone offers you a riddle, and then gives you these, you are disappointed.
+description: These riddles give riddles everywhere a bad name. When someone offers you a riddle, and then gives you these, you are disappointed.
 draft: false
 ---
 

diff --git a/src/layouts/components/BlogCard.astro b/src/layouts/components/BlogCard.astro
@@ -1,37 +1,23 @@
 ---
 import config from "@/config/config.json";
 import { humanize, slugify } from "@/lib/utils/textConverter";
-import { Image } from "@astrojs/image/components";
 import { FaRegFolder, FaRegClock } from "react-icons/fa/index.js";
 import readingTime from "@/lib/utils/readingTime";
 
 const {
-  summary_length,
   blog_folder,
 }: { summary_length: number; blog_folder: string } = config.settings;
 const { data } = Astro.props;
-const { title, image, description, categories, complexity } = data.data;
+const { title, description, categories, complexity } = data.data;
 ---
 
-<div class="bg-body dark:bg-darkmode-body">
-  {
-    image && (
-      <Image
-        class="mb-6 w-full rounded"
-        src={image}
-        alt={title}
-        width={445}
-        height={230}
-        format="webp"
-      />
-    )
-  }
-  <h4 class="mb-3">
+<div class="m-6 bg-body dark:bg-darkmode-body">
+  <h4 class="mb-2">
     <a href={`/${blog_folder}/${data.slug}`}>
       {title}
     </a>
   </h4>
-  <ul class="mb-4">
+  <ul class="mb-2">
     <li class="mr-4 inline-block">
       <FaRegFolder className={"mr-1 -mt-1 inline-block"} />
       {
@@ -48,12 +34,5 @@ const { title, image, description, categories, complexity } = data.data;
       {readingTime(data.body, complexity)}
     </li>
   </ul>
-  <!-- <p class="mb-6">{plainify(data.body?.slice(0, Number(summary_length)))}</p> -->
   <p class="mb-6">{description}</p>
-  <a
-    class="btn btn-outline-primary btn-sm"
-    href={`/${blog_folder}/${data.slug}`}
-  >
-    read more
-  </a>
 </div>
diff --git a/src/layouts/components/PuzzleCard.astro b/src/layouts/components/PuzzleCard.astro
@@ -9,18 +9,14 @@ const { data } = Astro.props;
 const { title, description } = data.data;
 ---
 
-<div class="bg-body dark:bg-darkmode-body">
-  <h4 class="mb-3">
-    <a href={`/${puzzle_folder}/${data.slug}`}>
+<div class="m-6">
+  <a href={`/${puzzle_folder}/${data.slug}`}>
+    <h4 class="mb-3">
       {title}
-    </a>
-  </h4>
-  <!-- <p class="mb-6">{plainify(data.body?.slice(0, Number(summary_length)))}</p> -->
-  <p class="mb-6">{description}</p>
-  <a
-    class="btn btn-outline-primary btn-sm"
-    href={`/${puzzle_folder}/${data.slug}`}
-  >
-    read more
+    </h4>
   </a>
+  <p>
+    {description}
+  </p>
 </div>
+
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -36,8 +36,10 @@ const currentPosts = sortedPosts.slice(0, config.settings.blog_pagination);
           <div class="row">
             {
               currentPosts.map((post) => (
-                <div class="mb-14 md:col-6">
-                  <BlogCard data={post} />
+                <div class="mb-8 md:col-6">
+                  <div class="min-h-full block border border-light bg-transparent text-light rounded-sm dark:text-darkmode-light dark:border-darkmode-light">
+                    <BlogCard data={post} />
+                  </div>
                 </div>
               ))
             }

diff --git a/src/pages/blog/page/[slug].astro b/src/pages/blog/page/[slug].astro
@@ -55,8 +55,10 @@ export async function getStaticPaths() {
           <div class="row">
             {
               currentPosts.map((post) => (
-                <div class="mb-14 md:col-6">
-                  <BlogCard data={post} />
+                <div class="mb-8 md:col-6">
+                  <div class="min-h-full block border border-light bg-transparent text-light rounded-sm dark:text-darkmode-light dark:border-darkmode-light">
+                    <BlogCard data={post} />
+                  </div>
                 </div>
               ))
             }

diff --git a/src/pages/puzzle/index.astro b/src/pages/puzzle/index.astro
@@ -20,17 +20,17 @@ const posts = await getSinglePage(puzzle_folder);
   <PageHeader title={postIndex.data.title} />
   <section class="section">
     <div class="container">
-      <div class="row gx-5">
-        <!-- puzzles -->
-        <div class="row">
+      <div class="row">
           {
             posts.map((post) => (
-              <div class="mb-14 md:col-6">
-                <PuzzleCard data={post} />
+              // Puzzle Card
+              <div class="mb-8 md:col-6 lg:col-4 ">
+                <div class="min-h-full block border border-light bg-transparent text-light rounded-sm dark:text-darkmode-light dark:border-darkmode-light">
+                  <PuzzleCard data={post} />
+                </div>
               </div>
             ))
           }
-        </div>
       </div>
     </div>
   </section>