From 8e0f582d3fc64f5159ef4199d3626fc207036012 Mon Sep 17 00:00:00 2001
From: James Purser <james@angrybeanie.com>
Date: Sun, 11 Dec 2022 15:20:27 +1100
Subject: [PATCH] Added basic About page with social links

---
 components/navbar.js |  3 +++
 next.config.js       |  2 +-
 pages/about.js       | 46 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 pages/about.js

diff --git a/components/navbar.js b/components/navbar.js
index 266f92f..d325862 100755
--- a/components/navbar.js
+++ b/components/navbar.js
@@ -17,6 +17,9 @@ const NavBar = (props, sections) => {
         <Nav className="m-auto">
           <NavLink href="/">Home</NavLink>
         </Nav>
+        <Nav className="m-auto">
+          <NavLink href="/about">About</NavLink>
+        </Nav>
         <NavItem className="m-auto">
           <NavLink href="/news">News and such</NavLink>
         </NavItem>
diff --git a/next.config.js b/next.config.js
index 1e9fc57..2afb30c 100755
--- a/next.config.js
+++ b/next.config.js
@@ -20,4 +20,4 @@ module.exports = {
   publicRuntimeConfig: {
     analytics_code: process.env.GTAG
   }
-}
+}
\ No newline at end of file
diff --git a/pages/about.js b/pages/about.js
new file mode 100644
index 0000000..ae7fc30
--- /dev/null
+++ b/pages/about.js
@@ -0,0 +1,46 @@
+import "../components/main"
+import getConfig from 'next/config'
+import Layout from "../components/main"
+import Link from 'next/link'
+
+export async function getServerSideProps(context) {
+
+    const { serverRuntimeConfig } = getConfig()
+
+    const secres = await fetch(serverRuntimeConfig.base_path + `/api/sections`)
+        const secdata = await secres.json()
+
+    const pagedata = {'title': 'About Angry Beanie'}
+
+    return {
+        props: { sections : secdata, pagedata }, // will be passed to the page component as props
+    }
+
+}
+
+function About({sections, pagedata}) {
+    return <Layout sections={sections} pagedata={pagedata}>
+        <h1 className="page_title col-sm-12">About Angry Beanie</h1>
+        <div className="col-sm-12 article_body">
+            Welcome to Angry Beanie. A place where I stick stuff that I make, whether it's blog posts, podcasts, videos, photos, whatever. If I make it I put it here.
+        </div>
+        <div className="col-sm-6 article_body">
+            <h2>Contact me</h2>
+            If you want to get a hold of me regarding anything I put up here, you can get me on the socials.
+            <div>
+                Mastodon: <a href="https://aus.social/@purserj" rel="me">https://aus.social/@purserj</a>
+            </div>
+            <div>
+                Twitter: <Link href="https://twitter.com/purserj">https://twitter.com/purserj</Link>
+            </div>
+            <div>
+                Instagram: <Link href="https://www.instagram.com/purserj/">https://www.instagram.com/purserj/</Link>
+            </div>
+            <div>
+                Pixelfed: <Link href="https://pixelfed.au/purserj">https://pixelfed.au/purserj</Link>
+            </div>
+        </div>
+    </Layout>
+}
+
+export default About
\ No newline at end of file