Minor formatting & content changes

webpage/index.html

@@ -38,7 +38,7 @@ <h1>Zach Magloughlin</h1>
 
             <div id="whoami">
                 <p> Detail-oriented college senior  with experience across subfields of computer science. </p>
-                <p> Passionate about continuous learning and solving everyday problems. </p>
+                <p> Passionate about continuous learning and solving problems that affect everyday. </p>
             </div>
         </div>
 
@@ -51,9 +51,9 @@ <h1>Zach Magloughlin</h1>
                 <ul>
                     <li> Java </li>
                         <p> JUnit </p>
-                        <p> Jupyter notebooks </p>
                     <li> C++ </li>
                     <li> Python </li>
+                        <p> Jupyter notebooks </p>
                         <p> matplotlib </p>
                         <p> pandas </p>
                 </ul>
@@ -63,8 +63,7 @@ <h1>Zach Magloughlin</h1>
                 <ul>
                     <li> HTML5 </li>
                     <li> CSS3 </li>
-                    <li> JavaScript, React </li>
-                    <li> TypeScript </li>
+                    <li> JavaScript, TypeScript </li>
                     <li> Relational databases </li>
                         <p> SQL </p>
                         <p> PostgreSQL </p>
@@ -314,10 +313,11 @@ <h1> Hobbies! </h1>
     </div> <!-- End main -->
 
     <script src="skills.js"></script>
-
     <!-- TODO animate each section to fade in as the user scrolls down -->
     <!-- https://vincoding.com/fade-in-elements-scroll-jquery/ -->
     <!-- https://coolcssanimation.com/how-to-trigger-a-css-animation-on-scroll/ -->
+    <!-- https://dev.to/selbekk/how-to-fade-in-content-as-it-scrolls-into-view-10j4 -->
+
     <script src="projects.js"></script>
 </body>
 

webpage/style.css

@@ -304,7 +304,7 @@ h1.project_title {
 #personal_life p {
     font-size: 1.25vw;
     text-align: center;
-    line-height: 1.25vw;
+    line-height: 1.5vw;
     color: var(--navy-blue);
 }
 
@@ -342,4 +342,4 @@ footer p {
     100% {
         opacity: 1;
     }
-}  
+}