[feat] new blogposts

learning with ai & uw class tier list
nicosalm · Mar 16, 2024 · 9a8e1ce · 9a8e1ce
1 parent c96aec1
commit 9a8e1ce
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 27 deletions.
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
@@ -5,30 +5,30 @@ let allPosts = await Astro.glob('./blog/**/index.mdx');
 allPosts.sort((a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf());
 const heroes = (await import.meta.glob("./blog/**/hero.png"));
 await Promise.all(allPosts.map(async (post) => {
-  post.frontmatter.hero = (await heroes[`.${post.url}/hero.png`]()).default;
+    post.frontmatter.hero = (await heroes[`.${post.url}/hero.png`]()).default;
 }));
 ---
 <Layout title="Nico Salm | Blog" description="Nico's Blog">
-	<main class="container max-w-screen-xl mx-auto">
-		<h1 class="text-5xl text-center pb-2 font-display">Blog</h1>
-    <p class="text-center">Hot takes and cool things.</p>
-    <ul class="grid grid-cols-[repeat(auto-fit,_384px)] justify-center gap-8 p-8">
-      {allPosts.map((post, index) => (
-        <li class="card hover:shadow-lg transition-all shadow w-96 bg-base-100 dark:bg-neutral overflow-hidden group">
-          <a rel="prefetch" href={post.url} class="-outline-offset-4">
+    <main class="container max-w-screen-xl mx-auto">
+        <h1 class="text-5xl text-center pb-2 font-display">Blog</h1>
+        <p class="text-center">Hot takes and cool things.</p>
+        <ul class="grid grid-cols-[repeat(auto-fit,_384px)] justify-center gap-8 p-8">
+            {allPosts.map((post, index) => (
+            <li class="card hover:shadow-lg transition-all shadow w-96 bg-base-100 dark:bg-neutral overflow-hidden group">
+            <a rel="prefetch" href={post.url} class="-outline-offset-4">
             <Picture formats={['avif', 'webp', 'jpeg']} class="w-full mt-0 aspect-[16/9]" alt="" loading={index < 3 ? 'eager' : 'lazy'} widths={[800, 400]} sizes="(max-width: 400px) 100vw, 400px" aspectRatio="16:9" src={post.frontmatter.hero}/>
             <div class="card-body p-6">
-              <h2 class="font-display card-title line-clamp-2 group-hover:underline">{post.frontmatter.title}</h2>
-              <div class="flex items-center">
-                <span>{new Date(post.frontmatter.pubDate).toLocaleDateString('en-us', { year:"numeric", month:"short", day:"numeric"})}</span>
-                <span class="divider divider-horizontal mx-0"/>
-                <span class="badge badge-outline">{post.frontmatter.minutesRead} min read</span>
-              </div>
-              <p>{post.frontmatter.description}</p>
+            <h2 class="font-display card-title line-clamp-2 group-hover:underline">{post.frontmatter.title}</h2>
+            <div class="flex items-center">
+            <span>{new Date(post.frontmatter.pubDate).toLocaleDateString('en-us', { year:"numeric", month:"short", day:"numeric"})}</span>
+            <span class="divider divider-horizontal mx-0"/>
+            <span class="badge badge-outline">{post.frontmatter.minutesRead} min read</span>
             </div>
-          </a>
-        </li>
-      ))}
-    </ul>
-	</main>
-</Layout>
+            <p>{post.frontmatter.description}</p>
+            </div>
+            </a>
+            </li>
+            ))}
+        </ul>
+    </main>
+</Layout>
diff --git a/src/pages/blog/ai_pair_programming/hero.png b/src/pages/blog/ai_pair_programming/hero.png
diff --git a/src/pages/blog/ai_pair_programming/index.mdx b/src/pages/blog/ai_pair_programming/index.mdx
@@ -0,0 +1,8 @@
+---
+layout: ../../../layouts/BlogLayout.astro
+pubDate: 2024/03/27
+title: "It's hard to learn with AI."
+description: "Coming soon"
+---
+
+Hero image retrieved from: https://wearesauce.io/using-chat-gpt-as-a-pair-programmer
diff --git a/src/pages/blog/iquhack24/index.mdx b/src/pages/blog/iquhack24/index.mdx
@@ -1,12 +1,10 @@
 ---
 layout: ../../../layouts/BlogLayout.astro
-pubDate: 2023/09/16
+pubDate: 2024/01/21
 title: "MIT's IQuHACK 2024!"
 description: "We  secured a top 3 finish at MIT's quantum hackathon, IQuHACK. Here are my outtakes and experience."
 ---
 
-import BlogPicture from "../../../components/BlogPicture.astro";
-
 First things first, a quick Public Service Announcement: ingesting 1400+ mg of caffeine is not recommended, even under the most dire of circumstances. Now, let's begin.
 
 IQuHack is an annual quantum hackathon put on by QRISE and MIT and takes place on the MIT campus. 
@@ -15,4 +13,6 @@ Participants then rank the challenges they want and are sorted accordingly. Each
 
 We ranked Quandela's challenge highest. We hoped we could do some cool and novel things with QPINNs (quantum physics-informed neural networks). We got into Quandela's challenge but we weren't going to be able to do QPINNs after the specific prompt was revealed.
 
-TODO: Finish this after I get over the fact that we couldn't use QPINNs. 
+TODO: Finish this after I get over the fact that we couldn't use QPINNs. title: "MIT's IQuHACK 2024!"
+description: "We  secured a top 3 finish at MIT's quantum hackathon, IQuHACK. Here are my outtakes and experience."
+
diff --git a/src/pages/blog/uw_class_tierlist/hero.png b/src/pages/blog/uw_class_tierlist/hero.png
diff --git a/src/pages/blog/uw_class_tierlist/index.mdx b/src/pages/blog/uw_class_tierlist/index.mdx
@@ -0,0 +1,6 @@
+---
+layout: ../../../layouts/BlogLayout.astro
+pubDate: 2024/03/17
+title: "My UW-Madison Class Tier List"
+description: "Coming soon"
+---
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
@@ -1,6 +1,5 @@
 import rss, { pagesGlobToRssItems } from '@astrojs/rss';
-const SITE_TITLE = 'Nick Winans | Blog';
-const SITE_DESCRIPTION = `Hey! I'm Nick. I'm a software engineer and keyboard hobbyist turned business owner.`;
+const SITE_TITLE = 'Nico Salm | Blog';
 
 export async function get(context) {
   return rss({