about page hackathon section

src/articles/ArticlesList.tsx

@@ -21,7 +21,6 @@ export function ArticlesList() {
 
 function BlogBox(props: { article: Article }) {
   const {article, article: {name, description, thumbnail, published} } = props;
-
   const [, setReading] = useArticle();
 
   return (
@@ -29,15 +28,20 @@ function BlogBox(props: { article: Article }) {
       <div>
         <img className="thumbnail" alt={`${name} thumbnail`} src={thumbnail}/>
         <div className="titles">
-          <h1>{name}</h1>
+          <h1>
+              { name }
+          </h1>
           <div className="desc">
-            <h3>{description}</h3>
-            <p>{published.toDateString()}</p>
+            <h3>
+              { description }
+            </h3>
+            <p>
+              { published.toDateString() }
+            </p>
           </div>
         </div>
       </div>
       <BoxSvg className='box-wave'/>
     </button>
-
   )
 }

src/articles/list.sass

@@ -1,6 +1,15 @@
 @use "../nav/nav"
 $entry-width: 400px
 
+article
+  padding: 0 nav.$padding
+  img
+    width: 500px
+  h1
+    font-size: 30px
+  p
+    font-size: 20px
+
 .art-ctr
   display: flex
   flex-direction: row

src/articles/mdx/high-school.mdx

@@ -1,9 +1,16 @@
 import allBlack from "../../img/IMG_3095.jpg";
-import "./high-school.sass";
-
 
 # My high school experience
 
-<img  src={allBlack} width={500} alt="turtleneck thumbnail"/>
+<img src={allBlack} width={500} alt="turtleneck thumbnail"/>
 
-My coding journey started with Code Combat, a Python coding RPG game
+My coding journey started with Code Combat, a Python coding RPG game.
+I wrote my program during FBLA regionals freshman year, using C# and Windows Forms.
+The event taught me how to implement client-requested features and EF-Core SQL mapping.
+
+I also did plenty of hackathons in my high school career,
+including [HackIMSA](https://devpost.com/software/examin),
+[NHacks VII](https://devpost.com/software/examin),
+[PantherHack](https://devpost.com/software/examin),
+[Hack3](https://devpost.com/software/mura),
+[10piHacks](https://devpost.com/software/dormup).

src/articles/mdx/high-school.sass

@@ -1,3 +0,0 @@
-article
-  img
-    width: 500px