Blog changes; Homepage changes; Set locale to en-ca

3 files changed, 41 insertions, 31 deletions

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index bc8844c..a35537a 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -1,33 +1,40 @@
 ---
-import Page from "../../layouts/Page.astro";
+import Page from "../../layouts/Default.astro";
 import { getCollection } from "astro:content";
 import {formatDate} from "../../util";
+import '../../styles/Page.css';
 import "../../styles/cards.css";
 import {Icon} from "astro-icon/components";
 
 const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
 ---
-<Page title="Blog" description="Where I post can be anything!">
+<Page title="Blog - Andrew Lee" description="Where I post can be anything!">
    <main>
-      <div class="header">
-         <a href="/blog/rss.xml">
-            <Icon name="fa6-solid:square-rss" aria-label="RSS" />
-         </a>
-      </div>
-      <div class="grid">
-         {allBlogPosts.map((post) => (
-             <article class="card">
-                <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1>
-                <small>{formatDate(post.data.pubDate)}</small>
-                <p>{post.data.description}</p>
-                <div class="tags">
-                   {post.data.tags.map((tag) => (
-                       <a href={`/blog/tags/${tag}`}>{tag}</a>
-                   ))}
-                </div>
-             </article>
-         ))
-         }
+      <header>
+         <h1 class="header-text">
+            Blog
+            <a href="/blog/rss.xml">
+               <Icon name="fa6-solid:square-rss" aria-label="RSS" />
+            </a>
+         </h1>
+         <h2 class="header-text">Where I post can be anything!</h2>
+      </header>
+      <div class="container">
+         <div class="grid">
+            {allBlogPosts.map((post) => (
+                <article class="card">
+                   <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1>
+                   <small>{formatDate(post.data.pubDate)}</small>
+                   <p>{post.data.description}</p>
+                   <div class="tags">
+                      {post.data.tags.map((tag) => (
+                          <a href={`/blog/tags/${tag}`}>{tag}</a>
+                      ))}
+                   </div>
+                </article>
+            ))
+            }
+         </div>
       </div>
    </main>
 </Page>
@@ -38,12 +45,4 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.pubDate
       gap: 1em;
    }
 
-   .header {
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-      gap: 0.5em;
-      font-size: 3em;
-   }
 </style>
diff --git a/src/pages/blog/rss.xml.js b/src/pages/blog/rss.xml.js
index fe17f91..bb67243 100644
--- a/src/pages/blog/rss.xml.js
+++ b/src/pages/blog/rss.xml.js
@@ -25,7 +25,7 @@ export async function GET(context) {
             link: `/blog/${post.slug}/`,
             content: sanitizeHtml(parser.render(post.body)),
             // (optional) inject custom xml
-            customData: `<language>en-us</language>`,
+            customData: `<language>en-ca</language>`,
         })),
     });
 }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b87e151..99a14a1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -42,7 +42,18 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.pubDate
 		<div class="information">
 			<div class="box">
 				<h1>About me</h1>
-				<p>I have been into computers since I was a kid, and it has been my passion for a long time. <br>Currently studying “Computing Support” (more preferably IT) at a vocational school.</p>
+				<a href="/history" class="link">History</a>
+				<p>Hey, I am Andrew Lee, a 19 year old who has a passion with computers.
+					I am currently a student at a vocational school in Pearson Electrotechnology Centre.
+					For years, I have been into programming, tinkering with virtual machines, and messing with Linux.</p>
+			</div>
+			<div class="box">
+				<h1>Skills</h1>
+				<ul>
+					<li>Linux</li>
+					<li>Graphic Design</li>
+					<li>Web Development</li>
+				</ul>
 			</div>
 			<div class="box">
 				<h1>Computer Specs</h1>