Blog: switch image paths

src/components/BaseHead.astro

@@ -17,9 +17,12 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <!-- Global Metadata -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
-<link rel="icon" type="image/png" href="/favicon.png" />
+<link rel="icon" type="image/avif" href="/favicon.avif" />
-<link rel="apple-touch-icon" href="/favicon.png">
+<link rel="apple-touch-icon" href="/favicon.avif" />
-<meta property="og:image" content="https://dev.noway.moe/favicon.png" />
+<meta property="og:title" content="noway.moe" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://dev.noway.moe" />
+<meta property="og:image" content="https://dev.noway.moe/favicon.avif" />
 <meta name="generator" content={Astro.generator} />
 
 <!-- Font preloads -->

src/components/Header.astro

@@ -6,7 +6,7 @@ import { SITE_TITLE } from '../consts';
 <header style="width: 100%" class="font-sans sticky top-0 md:static bg-white underline-offset-4 z-40">
     <nav>
         <div class="flex items-center space-x-8">
-            <HeaderLink href="/"><img style="padding: 2px;" src="/favicon.png" /></HeaderLink>
+            <HeaderLink href="/"><img style="padding: 2px;" src="/favicon.avif" /></HeaderLink>
             <HeaderLink href="/blog">Blog</HeaderLink>
             <HeaderLink href="/unix">Unix</HeaderLink>
             <HeaderLink href="/llama">Llama</HeaderLink>

src/content/blog/markdown-style-guide.md

@@ -2,7 +2,6 @@
 title: 'Markdown Style Guide'
 description: 'Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro.'
 pubDate: 'Jul 01 2022'
-heroImage: '/blog-placeholder-1.jpg'
 ---
 
 Here is a sample of some basic Markdown syntax that can be used when writing Markdown content in Astro.
@@ -39,7 +38,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 #### Output
 
-![blog placeholder](/blog-placeholder-about.jpg)
+![TinyLlama](/images/llama/tiny-llama-logo.avif)
 
 ## Blockquotes
 
@@ -50,13 +49,13 @@ The blockquote element represents content that is quoted from another source, op
 #### Syntax
 
 ```markdown
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use _Markdown syntax_ within a blockquote.
 ```
 
 #### Output
 
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use _Markdown syntax_ within a blockquote.
 
 ### Blockquote with attribution

src/content/blog/use-a-ramdisk.md

@@ -2,7 +2,7 @@
 title: 'Use a Ramdisk'
 description: 'Why you should use ramdisks'
 pubDate: 'Dec 29 2023'
-heroImage: '/blog-placeholder-5.jpg'
+heroText: 'RAM Disks'
 ---
 
 # RAM Disks

src/content/llama/a-history-of-llamas.md

@@ -2,7 +2,7 @@
 title: 'A Brief History of Local Llamas'
 description: 'A Brief History of Local Llamas'
 updateDate: 'Jan 01 2024'
-heroImage: '/images/tiny-llama-logo.avif'
+heroImage: '/images/llama/tiny-llama-logo.avif'
 ---
 
 <p style="font-size: max(2vh, 10px); margin-top: 0; text-align: right">
@@ -18,7 +18,7 @@ methods of the time. Since then, I've also taken an NLP course, though not one
 focused on deep learning.
 
 Most my knowledge of this field comes from a few guest lectures, and the
-indispensable [r/locallama](https://www.reddit.com/r/LocalLLaMA/) community,
+indispensable [r/localllama](https://www.reddit.com/r/LocalLLaMA/) community,
 which always has the latest news about local llamas. I've become a fan of the
 local llama movement in December 2023, so the "important points" covered here
 are coming from a retrospective.

src/content/llama/localllama_links.md

@@ -32,8 +32,6 @@ anyone looking to get caught up with the field.
 
 #### Interfaces
  - [List of web UIs](https://www.reddit.com/r/LocalLLaMA/comments/1847qt6/llm_webui_recommendations)
- - [SillyTavern tutori]()
- - https://www.reddit.com/r/CharacterAi_NSFW/comments/13yy8m9/indepth_explanation_on_how_to_install_silly/ :: tutorial sillytavern webui
  - [Jailbreaking GPT when prompting for characters](https://rentry.org/GPTJailbreakPrompting)
  - [Guidelines for prompting for characters](https://rentry.org/NG_CharCard)
  - [ChatML from OpenAI is quickly becoming the standard for
@@ -44,7 +42,8 @@ anyone looking to get caught up with the field.
  - [Mergekit - MoE training framework](https://github.com/cg123/mergekit)
  - [Axolotl - Fine tuning framework](https://github.com/OpenAccess-AI-Collective/axolotl)
  - [Unsloth - Fine tuning accelerator](https://github.com/unslothai/unsloth)
- - llama.cpp vs Transformers vs LangChain vs PyTorch :: library framework tool standard
+ - llama.cpp, Transformers, LangChain, and PyTorch are all popular libraries for
+   training
 
 #### Tutorials
  - [Karpathy builds and trains a llama](https://www.youtube.com/watch?v=kCc8FmEb1nY)

src/content/unix/email-with-curl.md

@@ -2,7 +2,7 @@
 title: 'Send emails using Curl'
 description: 'Examples on how to automate emails with Curl'
 updateDate: 'Jul 08 2022'
-heroImage: '/curl-logo.webp'
+heroImage: '/images/unix/curl-logo.webp'
 ---
 
 # Emailing with Curl

src/content/unix/ssh.md

@@ -2,7 +2,7 @@
 title: 'SSH Quick Start Guide'
 description: 'The fastest way to get all the SSH essentials out of the way'
 updateDate: 'December 26 2023'
-heroImage: '/ssh-logo.png'
+heroImage: '/images/unix/ssh-logo.png'
 ---
 
 # SSH
@@ -15,8 +15,6 @@ developer and CS researcher.
 
 It's also just really cool!
 
-![silly akemi](/akemi_silly_transparent.png)
-
 For this course, we will be using the university's lab machines for all
 assignments and lab demos. They all run Ubuntu 20.04. It's important you compile
 and test your code on these machines. We will not accept situations where the

src/content/unix/systemd-timers.md

@@ -2,7 +2,7 @@
 title: 'Systemd Timers'
 description: "Replacing Crontabs with Systemd's timer mechanism"
 updateDate: 'Dec 29 2023'
-heroImage: '/systemd-dark.webp'
+heroImage: '/images/unix/systemd-dark.webp'
 ---
 
 # Systemd Timers

src/pages/blog/index.astro

@@ -42,7 +42,7 @@ const posts = (await getCollection('blog')).sort(
                                         width={720}
                                         height={360}
                                         class="rounded-2xl grayscale"
-                                        src={post.data.heroImage}
+                                        src={ post.data.heroImage ? post.data.heroImage : "/images/llama/tiny-llama-logo.avif" }
                                         alt="" />
                                     <div class="hero-text">
                                          {post.data.heroText}

src/pages/index.astro

@@ -25,10 +25,10 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
             <a href="https://www.ualberta.ca/computing-science/index.html">UAlberta</a>. I'm
             usually on discord, but email is the best way to contact me. Some of
             my interests include <a href="/unix">unix</a>,
-            <a href="/road_bike.avif">biking</a>, llamas, 日本語とアニミ...
+            <a href="/images/home/road-bike.avif">biking</a>, llamas, 日本語とアニミ...
             当たり前じゃん and you (>ω^)!
         </p>
-        <img id="pfp" src="/akemi_silly_transparent.png" />
+        <img id="pfp" src="/images/home/akemi-silly-transparent.avif" />
         </main>
         <Footer />
     </body>

src/pages/llama/index.astro

@@ -54,7 +54,7 @@ const posts = (await getCollection('llama')).sort(
                                         width={720}
                                         height={360}
                                         class="rounded-2xl grayscale"
-                                        src={ post.data.heroImage ? post.data.heroImage : "/images/tiny-llama-logo.avif" }
+                                        src={ post.data.heroImage ? post.data.heroImage : "/images/llama/tiny-llama-logo.avif" }
                                         alt="" />
                                     <h4
                                         class="title text-xl">

src/pages/unix/index.astro

@@ -55,7 +55,7 @@ const posts = (await getCollection('unix')).sort(
                                         width={720}
                                         height={360}
                                         class="rounded-2xl grayscale"
-                                        src={ post.data.heroImage ? post.data.heroImage : "/terminal.webp" }
+                                        src={ post.data.heroImage ? post.data.heroImage : "/images/unix/terminal.webp" }
                                         alt="" />
                                     <h4
                                         class="title text-xl">