4 files changed, 52 insertions, 4 deletions
diff --git a/luax/pages/article.luax b/luax/pages/article.luax
deleted file mode 100644
index 670002c..0000000
--- a/luax/pages/article.luax
+++ /dev/null
@@ -1,3 +0,0 @@
-return function(props)
-    return <h1>{$ props.attrs.title $}</h1>
-end
diff --git a/luax/pages/blog.luax b/luax/pages/blog.luax
new file mode 100644
index 0000000..26f9fc0
--- /dev/null
+++ b/luax/pages/blog.luax
@@ -0,0 +1,28 @@
+local blogposts = require('blog.posts')
+
+return function()
+  local blogpost_html = {}
+  for _, post in ipairs(blogposts) do
+    blogpost_html[#blogpost_html + 1] = 
+    <div class="blog-post">
+      <div class="blog-post-title">
+        {$ post.title $}
+      </div>
+      <div class="blog-post-date">
+        {$ os.date('%Y-%m-%d', post.date) $}
+      </div>
+      <div class="blog-post-description">
+        {$ post.description $}
+      </div>
+    </div>
+  end
+  return
+  <div class="main-info">
+    <div class="main-info-title">
+        Blog
+    </div>
+    <div class="blog-posts">
+      {$ blogpost_html $}
+    </div>
+  </div>
+end
diff --git a/luax/pages/blogpost.luax b/luax/pages/blogpost.luax
new file mode 100644
index 0000000..e7d7b86
--- /dev/null
+++ b/luax/pages/blogpost.luax
@@ -0,0 +1,23 @@
+local blog_cache = require('blog.cache')
+
+return function(props)
+  local post = props.attrs.post
+  local content = blog_cache(post)
+  return
+  <div>
+    <div class="post">
+      <div class="main-info">
+        <div class="main-info-title">
+            {$ post.title $}
+        </div>
+        <div class="post-date">
+            {$ os.date('%Y-%m-%d', post.date) $}
+        </div>
+        <div class="post-description">
+            {$ post.description $}
+        </div>
+        <div class="post-content">{$ content $}</div>
+      </div>
+    </div>
+  </div>
+end
diff --git a/luax/pages/home.luax b/luax/pages/home.luax
index 19f3f6d..b61ed4e 100644
--- a/luax/pages/home.luax
+++ b/luax/pages/home.luax
@@ -6,7 +6,7 @@ return function()
       <div class="main-info-subtitle">
         aka Duckonaut, EchoDuck
       </div>
-      <img src="assets/images/favicon.svg" class="main-info-image logo grow" />
+      <img src="https://cdn.duckonaut.dev/assets/images/favicon.svg" class="main-info-image logo grow" />
 
       <div class="about-paragraph">
         <p>