feat: fix styling

package.json

@@ -15,6 +15,7 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
+    "@typescript-eslint/parser": "^8.32.1",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1"
   }

public/styles/common.css

@@ -8,10 +8,11 @@
 html,
 body {
   font-family: "Signifier", serif;
-  overscroll-behavior: none;
   margin: 0;
   padding: 0;
   height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 header,
@@ -19,6 +20,19 @@ footer {
   padding: 20px;
 }
 
+header {
+  font-size: 1.5em;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.main {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+}
+
 a {
   color: inherit;
 }

public/styles/index.css

@@ -2,41 +2,10 @@ html,
 body {
   display: flex;
   flex-direction: column;
-}
+  overscroll-behavior: none;
-
+  min-height: 100vh;
-header,
-footer {
-  font-size: 1.5em;
   display: flex;
-  align-items: center;
+  flex-direction: column;
-}
-
-header {
-  justify-content: space-between;
-}
-footer {
-  justify-content: space-between;
-}
-
-.main {
-  flex: 1;
-  display: flex;
-}
-
-.header-links a,
-.footer-links a {
-  margin-left: 25px;
-}
-
-.greek-delta {
-  font-family: "Times New Roman", Times, serif;
-  font-size: 1.5em;
-}
-
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
 }
 
 .content {
@@ -69,6 +38,10 @@ a {
   margin-bottom: 25px;
 }
 
+ul {
+  list-style: none;
+}
+
 .topic a {
   position: relative;
   display: inline-block;

public/styles/posts.css

@@ -1,36 +1,7 @@
-html,
-body {
-  font-family: "Signifier", serif;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
-header {
-  font-size: 1.5em;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-ul {
-  list-style: unset;
-  list-style-type: "- ";
-}
-
 li {
   margin: 5px 0;
 }
 
-.main {
-  display: flex;
-  justify-content: center;
-  flex: 1;
-}
-
 .post-header {
   padding: 0;
 }
@@ -51,7 +22,7 @@ li {
 .post-title::before {
   content: "";
   position: absolute;
-  background-color: var(--topic-color, #000);
+  background-color: var(--topic-color, black);
   height: 30px;
   width: 2px;
   bottom: -10px;
@@ -61,7 +32,7 @@ li {
 .post-title::after {
   content: "";
   position: absolute;
-  background-color: var(--topic-color, #000);
+  background-color: var(--topic-color, black);
   width: 200px;
   height: 2px;
   bottom: -10px;
@@ -70,7 +41,7 @@ li {
 
 .post-meta {
   font-size: 1.3em;
-  color: #000;
+  color: black;
   margin-left: 100px;
 }
 

src/components/Header.astro

@@ -100,13 +100,6 @@ const promptText = topic ? `barrett@ruth:~$ ${topic}` : "barrett@ruth:~$";
 </script>
 
 <style>
-  header {
-    padding: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
   .header-links a {
     margin-left: 25px;
     text-decoration: none;

src/content/posts/algorithms/practice-makes-perfect.mdx

@@ -1,7 +1,6 @@
 ---
 title: "practice makes perfect"
-date: "05/07/2024"
+date: "05/07/2025"
-useKatex: true
 ---
 
 Today I improved my implementation skills with [Codeforces Round 874 Div. 3 Problem G](https://codeforces.com/contest/1833/problem/G). Despite not solving the problem after a full 45 minutes, I came across to the following realizations: