feat: update all blog links and create blogentry component

Chalks · Aug 18, 2024 · d9c1e3e · d9c1e3e
1 parent 218c9ec
commit d9c1e3e
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 28 deletions.
diff --git a/src/components/BlogEntry.vue b/src/components/BlogEntry.vue
@@ -0,0 +1,44 @@
+<script setup>
+defineProps({
+    title: {
+        type: String,
+        required: true,
+    },
+
+    blogPath: {
+        type: String,
+        required: true,
+    },
+
+    imagePath: {
+        type: String,
+        required: true,
+    },
+
+    date: {
+        type: String,
+        required: true,
+    },
+});
+</script>
+<template>
+    <div class="prose prose-red">
+        <h3 class="peer inline-block mt-0">
+            <NuxtLink :to="blogPath">{{ title }}</NuxtLink>
+        </h3>
+
+        <div class="flex gap-4 items-stretch not-prose rounded-l-xl overflow-hidden peer-hover:rounded-l-none transition-all">
+            <img :src="imagePath" class="object-cover max-w-[20%]" />
+            <p>
+                <slot name="default" />
+            </p>
+        </div>
+
+        <div class="flex items-center not-prose mt-[0.6rem]">
+            <p class="text-xs">
+                <strong>{{ date }}</strong>
+            </p>
+        </div>
+    </div>
+</template>
+
diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
@@ -10,27 +10,28 @@ seo();
 
         <hr />
 
-        <h3 class="peer inline-block">
-            <NuxtLink to="/blog/just-do-something-literally-anything">
-                JUST DO SOMETHING LITERALLY ANYTHING
-            </NuxtLink>
-        </h3>
-
-        <div class="flex gap-4 items-stretch not-prose rounded-l-xl overflow-hidden peer-hover:rounded-l-none transition-all">
-            <img src="/blog/bears-and-cars.jpg" class="object-cover max-w-[20%]" />
-            <p>
-                A note to myself. If you're also trying to make things and
-                feeling overwhelmed, you might find it encouraging too. Please
-                ignore the somewhat combative title.
-            </p>
-        </div>
-
-        <div class="flex items-center not-prose mt-[0.6rem]">
-            <p class="text-xs">
-                <strong>January 21, 2024</strong>
-            </p>
-        </div>
+        <BlogEntry
+            blog-path="/blog/startups-are-not-lottery-tickets"
+            image-path="/blog/is-this-a-startup.png"
+            title="Startups Are Not Lottery Tickets"
+            date="August 18, 2024"
+        >
+            In which I talk about why my side projects keep falling apart.
+            TL;DR I'm an idiot and keep imagining that side projects will
+            magically become unicorns.
+        </BlogEntry>
 
         <hr />
+
+        <BlogEntry
+            blog-path="/blog/just-do-something-literally-anything"
+            image-path="/blog/bears-and-cars.jpg"
+            title="JUST DO SOMETHING LITERALLY ANYTHING"
+            date="January 21, 2024"
+        >
+            A note to myself. If you're also trying to make things and feeling
+            overwhelmed, you might find it encouraging too. Please ignore the
+            somewhat combative title.
+        </BlogEntry>
     </div>
 </template>
diff --git a/src/pages/blog/startups-are-not-lottery-tickets.vue b/src/pages/blog/startups-are-not-lottery-tickets.vue
@@ -2,12 +2,12 @@
 seo({
     title: 'Startups Are Not Lottery Tickets',
     description: 'A side project won\'t become a unicorn by accident. Stop imagining yours will.',
-    imagePath: '/blog/death-of-formcake.jpg',
-    imageType: 'image/jpeg',
-    imageWidth: 800,
-    imageHeight: 511,
+    imagePath: '/blog/is-this-a-startup.png',
+    imageType: 'image/png',
+    imageWidth: 1000,
+    imageHeight: 563,
     type: 'article',
-    published: '2024-01-21',
+    published: '2024-08-18',
 });
 
 // https://search.google.com/test/rich-results
@@ -83,7 +83,7 @@ seo({
             So far… yes.
         </p>
 
-        <h3>A Case Study: Formcake</h3>
+        <h3 id="formcake">A Case Study: Formcake</h3>
 
         <p>
             Formcake was a platform for handling POSTs from html forms. Its
@@ -174,7 +174,7 @@ seo({
             turn into a lottery ticket, and I am not making something that might
             one day be worth a billion dollars. I'm not! I want to make useful
             tools that solve problems for real people while making a few bucks.
-            I don't need millions I just want vacation money, you know?
+            I don't need millions, I just want vacation money, you know?
         </p>
 
         <p>

diff --git a/src/pages/links.vue b/src/pages/links.vue
@@ -21,7 +21,7 @@ seo({
 
             <h2 class="pillar-word">i made this</h2>
             <a href="https://github.com/Chalks/jdw.me" target="_blank" class="pillar-word">JDW.ME</a>
-            <a href="https://formcake.com" target="_blank" class="pillar-word">FORMCAKE.COM</a>
+            <NuxtLink to="/blog/startups-are-not-lottery-tickets#formcake" class="pillar-word">FORMCAKE.COM</NuxtLink>
             <NuxtLink to="/fun/notation" class="pillar-word">NOTATION.VALIDATOR</NuxtLink>
             <NuxtLink to="/tpthemer" class="pillar-word">TAGPRO.THEMER</NuxtLink>
 

diff --git a/src/public/sitemap.xml b/src/public/sitemap.xml
@@ -9,6 +9,9 @@
 <url>
     <loc>https://jdw.me/blog/just-do-something-literally-anything</loc>
 </url>
+<url>
+    <loc>https://jdw.me/blog/startups-are-not-lottery-tickets</loc>
+</url>
 <url>
     <loc>https://jdw.me/resume</loc>
 </url>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,6 +9,9 @@ @@
     <url>
         <loc>https://jdw.me/blog/just-do-something-literally-anything</loc>
     </url>
+    <url>
+        <loc>https://jdw.me/blog/startups-are-not-lottery-tickets</loc>
+    </url>
     <url>
         <loc>https://jdw.me/resume</loc>
     </url>
@@ Expand Down @@