🐛 Fixed alignment on subtitle, and increased resolution on photo

data.json

@@ -5,6 +5,8 @@
     "about": {
         "image": "/images/nichole.webp",
         "imageAlt": "Selfie of Nichole Mattera",
+        "imageHeight": "256px",
+        "imageWidth": "192px",
         "description": "<p>I've been interested in and passionate about programming since I was a kid. I started tinkering on an old 486 laptop with Borland C++ modifying examples to make fake installation applications. Once I got my Sony PSP in high school, I created and released homebrew applications. With that experience, I got a job out of high school with PosiMotion.</p><p>Today, I still have a passion for programming with plenty of side projects outside of work, such as Pridful.li and my Nintendo Switch homebrew applications. I have also picked up a few more hobbies, such as rock climbing, hiking, and photography. In my free time, I also volunteer with Open Arms of Minnesota, helping to provide nourishing meals to critically ill individuals and their families.</p>"
     },
     "experiences": [

src/css/main.css

@@ -213,6 +213,7 @@ section.about p:last-child {
 
     header .subtitle {
         margin: 0 0 10px;
+        text-align: center;
     }
 
     main {

src/index.html

@@ -61,7 +61,7 @@
                     <div class="divider"></div>
 
                     <div class="content">
-                        <img src="<%- about.image %>" alt="<%- about.imageAlt %>" />
+                        <img src="<%- about.image %>" width="<%- about.imageWidth %>" height="<%- about.imageHeight %>" alt="<%- about.imageAlt %>" />
 
                         <div class="description">
                             <%- about.description %>