incredible progress

2 years ago · 7f5bbb0f30
parent aab14053dc
commit 7f5bbb0f30
6 changed files with 52 additions and 1 deletions
--- a/src/components/blogList.astro
+++ b/src/components/blogList.astro
@ -0,0 +1,15 @@
+---
+const allPosts = Astro.fetchContent('../pages/blog/*.md')
+const posts = allPosts.sort((a, b) => new Date(b.date) - new Date(a.date));
+---
+
+<div>
+{posts.map((post) => (
+	<a href={post.url} style="text-decoration: none;">
+		<p>
+			<b>{post.title}</b> - {post.date}<br>
+			<i>{post.description}</i>
+		</p>
+	</a>
+))}
+</div>
--- a/src/layout/Normal.astro
+++ b/src/layout/Normal.astro
@ -5,6 +5,7 @@ const {title} = Astro.props;
 ---

 <html lang="en">
+  <!--TODO: set meta tags for discord embed-->
  <head>
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width" />
@ -45,7 +46,9 @@ a + a {
 	  <footer class="white footer">
        <p>
 		  <center>
-		  <a href="/index.html" class="grey padding">Homepage</a>
+		  <a href="/" class="grey padding">Homepage</a>
+		  <a href="/blog" class="grey padding">Blog</a>
+		  <a href="/about" class="grey padding">About Us</a>
 		  </center>
 		  <!--<span class = "grey padding-right" style = "font-size: small; float: right; position: fixed; bottom: 50">&copy; 2020-2022 Ruthenic</span>-->
 		</p>
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@ -0,0 +1,10 @@
+---
+import Base from '../layout/Normal.astro'
+---
+
+<Base title="ruthenic.com: About Us">
+	<h1>Who the hell are you?</h1>
+	<p>Great question. <i>I</i> (the one writing this) am Ruthenic (aka Drake (aka DustyAngel47 (aka Joey Glacker (why do I have so many names?)))), who is a programmer who <i><b>occasionally</i></b> makes some things. Also a side-side-side-side-side-hobby Youtube creator.</p>
+	<h1>Okay but why is it titled "About Us" and not "About Me?"</h1>
+	;) (actual entry coming soon)
+</Base>
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@ -0,0 +1,9 @@
+---
+import Base from '../../layout/Normal.astro'
+import BlogList from '../../components/blogList.astro'
+---
+
+<Base title="ruthenic.com: Example Page">
+	<h1>Blog</h1>
+	<BlogList />
+</Base>
--- a/src/pages/blog/test.md
+++ b/src/pages/blog/test.md
@ -0,0 +1,7 @@
+---
+title: hello, world
+description: this is a funny description
+date: Monday, February 14 2022
+---
+
+No way its blog post content
--- a/src/pages/template.astro
+++ b/src/pages/template.astro
@ -0,0 +1,7 @@
+---
+import Base from '../layout/Normal.astro'
+---
+
+<Base title="ruthenic.com: Example Page">
+	<h1>Hello, world!</h1>
+</Base>