diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blog/index.astro | 57 | ||||
| -rw-r--r-- | src/pages/blog/rss.xml.js | 2 | ||||
| -rw-r--r-- | src/pages/index.astro | 13 |
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> |