about update

reednel · Aug 20, 2023 · ce6c1c3 · ce6c1c3
1 parent 4681d92
commit ce6c1c3
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 21 deletions.
diff --git a/src/content/about/-index.md b/src/content/about/-index.md
@@ -1,13 +1,13 @@
 ---
-title: Reed Nelson
+title: About
 meta_title: About
 description: About Reed Nelson.
 image: /assets/about/reed.jpg
 draft: false
 ---
 
-Reed is a software engineer at Infinite Campus, and a graduate of UW-Madison with a BS in Computer Science, Mathematics, and Philosophy. Previously, he worked in the [Solís-Lemus Lab](https://solislemuslab.github.io/) at the Wisconsin Institute for Discovery, developing MiNAA: Microbial Network Alignment Algorithm.
+I am a software engineer at Infinite Campus, and a graduate of UW-Madison with a BS in Computer Science, Mathematics, and Philosophy. Previously, I worked in the [Solís-Lemus Lab](https://solislemuslab.github.io/) at the Wisconsin Institute for Discovery, developing MiNAA: Microbial Network Alignment Algorithm.
 
-Reed's interests include almost anything related to discrete math, but especially graph theory and cryptography. Outside of academia, he enjoys camping, tea, and mathematical/logic riddles.
+My interests include almost anything related to discrete math, but especially graph theory and cryptography. Outside of academia, I enjoys camping, tea, and mathematical/logic riddles.
 
-His modest blog was inspired by Rishi Banerjee's [Rising Entropy](https://risingentropy.com/).
+My modest blog was inspired by Rishi Banerjee's [Rising Entropy](https://risingentropy.com/).
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -1,5 +1,6 @@
 ---
 import Base from "@/layouts/Base.astro";
+import PageHeader from "@/partials/PageHeader.astro";
 import { markdownify } from "@/lib/utils/textConverter";
 import { Image } from "@astrojs/image/components";
 import { getEntryBySlug } from "astro:content";
@@ -15,25 +16,31 @@ const { title, description, meta_title, image } = about.data;
   description={description}
   image={image}
 >
+  <PageHeader title={title} />
   <section class="section-sm">
-    <div class="container">
+    <div class="container flex">
       <div class="row justify-center">
-        <div class="text-center md:col-10 lg:col-7">
-          {
-            image && (
-              <Image
-                class="mx-auto mb-6 rounded-lg w-64"
-                src={image}
-                width={1024}
-                height={1024}
-                alt={title}
-                format="webp"
-              />
-            )
-          }
-          <h2 set:html={markdownify(title)} class="h3 mb-6" />
-          <div class="content">
-            <Content />
+        <div class="col-10">
+          <div class="row items-center flex-col-reverse lg:flex-row">
+            <div class="text-center lg:col-8 lg:text-left">
+              <div class="content">
+                <Content />
+              </div>
+            </div>
+            <div class="my-8 lg:col-4">
+              {
+                image && (
+                  <Image
+                    class="mx-auto rounded-lg w-64"
+                    src={image}
+                    width={1024}
+                    height={1024}
+                    alt={title}
+                    format="webp"
+                  />
+                )
+              }  
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -102,3 +102,7 @@ a:hover {
 .a:hover {
   @apply opacity-60;
 }
+
+hr {
+  @apply dark:border-light;
+}