update blog order, add images to blog post, add lastmod date

.github/workflows/deploy.yaml

@@ -1,4 +1,4 @@
-name: Deploy to GitHub Pages
+name: Deploy to Netlify
 
 on:
   push:

content/posts/manage-notes-with-a-simple-workflow.md

@@ -1,6 +1,8 @@
 ---
 title: Confused On How To Manage Your Notes? Try This Simple Workflow.
 description: Oftentimes we find ourselves with folders with too many files or tags with too few members. The fault isn't in the person but in the note-taking system itself.
+date: 2022-04-05
+lastmod: 2022-04-05
 ---
 If you ever took notes on an article, video, or podcast and had no idea do with it, you're in the right place. Many existing solutions suggest adding tags, and creating many layers of nested folders. But oftentimes we find ourselves with [[notes/its not natural to organize things in groups|folders with too many files or tags with too few members]]. The fault isn't in the person but in the note-taking system itself.
 

content/posts/sync-fleeting-notes-with-obsidian.md

@@ -2,25 +2,26 @@
 title: How to Sync Fleeting Notes with Obsidian
 description: A step-by-step guide on how to sync Fleeting Notes with Obsidian
 date: 2022-04-12
+lastmod: 2022-04-12
 ---
 When we organize notes through connections, the [[notes/having more connections is better|more the better]]. Fleeting Notes is a separate network of notes outside of Obsidian. The goal of this plugin sync both these networks of notes into one! Below are step-by-step instructions on how to do this.
 
 ## Installation / Setup
 1. Go to Settings > Community Plugin and turn off the "Safe mode". With this turned off, you can install the plugin to perform the sync.
-![Install from Community Plugin](/assets/img/fleeting-notes-sync-3.png)
+![Install from Community Plugin](posts/img/fleeting-notes-sync-3.png)
 
 2. Click "Browse" and search for "Fleeting Notes Sync"
-![Browse Community Plugins](/assets/img/fleeting-notes-sync-2.png)
+![Browse Community Plugins](posts/img/fleeting-notes-sync-2.png)
 
 3. Install the plugin and ensure you have it enabled
-![Ensure Plugin Enabled](/assets/img/fleeting-notes-sync-1.png)
+![Ensure Plugin Enabled](posts/img/fleeting-notes-sync-1.png)
 
 4. Once enabled click "Fleeting Notes Sync" under Plugin Options > Fleeting Notes Sync. Under here, fill in your username, password, and desired folder location to sync your notes. Additionally, you can toggle the "Sync notes on startup", to run the sync whenever Obsidian is opened.
-![Fleeting Notes Settings](/assets/img/fleeting-notes-sync-4.png)
+![Fleeting Notes Settings](posts/img/fleeting-notes-sync-4.png)
 
 ## Usage
 1.  Now open the [command palette](https://help.obsidian.md/Plugins/Command+palette) and run `Fleeting Notes: Pull All Notes from Fleeting Notes`
-![Open Command Palette](/assets/img/fleeting-notes-sync-6.png)
+![Open Command Palette](posts/img/fleeting-notes-sync-6.png)
 
 2. Your notes will be synced with Fleeting Notes and you will get a notification!
-![Sync Notification](/assets/img/fleeting-notes-sync-7.png)
+![Sync Notification](posts/img/fleeting-notes-sync-7.png)

content/posts/writing-connected-and-personalized-blogs.md

@@ -1,6 +1,8 @@
 ---
 title: The New Way To Write Connected and Personalized Blogs 
 description: WordPress is the old way to write blogs. Writing blogs with interconnected notes can make for highly personalized blogs where the user decides what to read.
+date: 2022-04-02
+lastmod: 2022-04-02
 ---
 So originally my blog was hosted on [https://thinkwong.com](https://thinkwong.com). It used WordPress which was good for typical blogging, but I wanted more than that. I wanted to demonstrate the effectiveness of connected notes and the best way to do that was to [[notes/lead by example]]. Hence, I created a website with [Jekyll](https://jekyllrb.com/) using a [digital garden template](https://github.com/maximevaillancourt/digital-garden-jekyll-template). And because [[notes/interoperable components are efficient]] I write less while providing more value.
 

layouts/partials/header.html

@@ -1,9 +1,9 @@
 <header>
-    <h2 id="page-title" display="inline"><a href="{{ .Site.BaseURL }}">Fleeting Notes</a></h2>
+    <h2 id="page-title" display="inline"><a href="/">Fleeting Notes</a></h2>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-    <h3 id="page-title" display="inline"><a href="{{ .Site.BaseURL }}/download" style="font-weight: normal;">Download</a></h3>
+    <h3 id="page-title" display="inline"><a href="/download" style="font-weight: normal;">Download</a></h3>
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-    <h3 id="page-title" display="inline"><a href="{{ .Site.BaseURL }}/posts" style="font-weight: normal;">Blog</a></h3>
+    <h3 id="page-title" display="inline"><a href="/posts" style="font-weight: normal;">Blog</a></h3>
     &nbsp;&nbsp;&nbsp;
     <svg tabindex="0" id="search-icon" aria-labelledby="title desc" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.9 19.7"><title id="title">Search Icon</title><desc id="desc">Icon to open search</desc><g class="search-path" fill="none"><path stroke-linecap="square" d="M18.5 18.3l-5.4-5.4"/><circle cx="8" cy="8" r="7"/></g></svg>
     <div class="spacer"></div>

layouts/partials/page-list.html

@@ -1,5 +1,5 @@
 <ul class="section-ul">
-    {{- range . -}}
+    {{- range .Reverse -}}
     <li class="section-li">
         <div class="section">
             <div class="desc">
@@ -7,7 +7,7 @@
                 <p>{{- .Summary -}}{{if .Truncated}}...{{end}}</p>
             </div>
             <p class="meta">
-                {{ .ReadingTime }} minute read. Last updated {{if ne .Date .Lastmod}}{{ .Lastmod.Format "January 2, 2006" }}{{else}}Unknown{{end}}
+                {{ .ReadingTime }} minute read. Created on {{if ne .Date .Lastmod}}{{ .Date.Format "January 2, 2006" }}{{else}}Unknown{{end}}
             </p>
         </div>
     </li>