From 560e3ab225e2cae7d7b9fa754a818e2ebe530210 Mon Sep 17 00:00:00 2001
From: tymur999 <tymur.arsent@gmail.com>
Date: Fri, 20 Mar 2026 18:52:07 -0500
Subject: [PATCH] about page hackathon section

---
 src/articles/ArticlesList.tsx     | 14 +++++++++-----
 src/articles/list.sass            |  9 +++++++++
 src/articles/mdx/high-school.mdx  | 15 +++++++++++----
 src/articles/mdx/high-school.sass |  3 ---
 4 files changed, 29 insertions(+), 12 deletions(-)
 delete mode 100644 src/articles/mdx/high-school.sass

diff --git a/src/articles/ArticlesList.tsx b/src/articles/ArticlesList.tsx
index b78c022..8d7c361 100644
--- a/src/articles/ArticlesList.tsx
+++ b/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>
-
   )
 }
diff --git a/src/articles/list.sass b/src/articles/list.sass
index 8a6825c..d6a4434 100644
--- a/src/articles/list.sass
+++ b/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
diff --git a/src/articles/mdx/high-school.mdx b/src/articles/mdx/high-school.mdx
index 175fd49..e389a4a 100644
--- a/src/articles/mdx/high-school.mdx
+++ b/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
\ No newline at end of file
+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).
\ No newline at end of file
diff --git a/src/articles/mdx/high-school.sass b/src/articles/mdx/high-school.sass
deleted file mode 100644
index cf7aa1a..0000000
--- a/src/articles/mdx/high-school.sass
+++ /dev/null
@@ -1,3 +0,0 @@
-article
-  img
-    width: 500px
\ No newline at end of file