Update about page with latest detials

content/about/index.html

@@ -99,55 +99,16 @@
           <img class="about-portrait" src="https://cdn.enp.one/img/me.jpg" alt="Ethan N. Paul"/>
         </div>
         <div class="col-md-6" id="about-content">
-          <h2 class="about-title">Who I Am</h2>
+          <ul class="about-text">
-          <p class="about-text">
+            <li>I graduated with the <a rel="external" target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017</li>
-            Well that's a complicated question to open with. How do I sum that up into a nice, neat blurb for the
+            <li>
-            internet? I can start with some simple easy to categorize attributes, that seems to be the usual
+              I used to work at <a rel="external" target="_blank" href="https://starry.com/">Starry</a> 
-            approach.
+              and <a rel="external" target="_blank" href="https://3ds.com/">Dassault Systèmes</a>, 
-            <br><br>
+              and now I'm at <a rel="external" target="_blank" href="https://portalinstruments.com/">Portal Instruments</a>
-            I was part of the <a rel="external" target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017 and graduated
+            </li>
-            with a degree in mechanical engineering. My job is completely unrelated to my degree: I work as a
+            <li>I volunteer at the <a rel="external" target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a></li>
-            Site Reliability Engineer at <a rel="external" target="_blank" href="https://starry.com/">Starry, Inc</a>. I like
+            <li>I do lots of <a href="projects/">projects</a> in my spare time</li>
-            hiking, mechanical design, and literary theory. I'm a
+          </ul>
-            <a rel="external" target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type-1 Diabetic</a>, I have a
-            <a rel="external" target="_blank" href="https://www.solidworks.com/sw/support/797_ENU_HTML.htm">SolidWorks Professional Certification</a>,
-            and have accidentally flipped over very-nearly every time I've ridden in a canoe (bonus fact: I don't
-            like canoes very much).
-          </p>
-          <h2 class="about-title">What I Like</h2>
-          <p class="about-text">
-            Oof, and I thought the last section was difficult. I don't like talking about myself, in case that wasn't
-            obvious. Shoot, that's more of a personal detail, should it have gone in the last section? Whatever,
-            moving on.
-            <br><br>
-            My interests are somewhat varied and changing all the time, but consistently my main interests are in
-            solving problems and learning about how other people solved problems. I like the
-            <a rel="external" target="_blank" href="https://www.python.org">Python</a> programming language, the history of 19th and
-            20th centuries (particularly related to industry), and figuring out how to keep older cars working well
-            past their intended retirement date. I also like books! The
-            <a rel="external" target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>
-            (Isaac Asimov),
-            <a rel="external" target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>
-            (F.Scott Fitzgerald), and
-            <a rel="external" target="_blank" href="https://www.goodreads.com/book/show/13047567-chaos-walking">Chaos Walking</a>
-            (Patrick Ness) are some of my favorites.
-            </p>
-          <h2 class="about-title">What I Do</h2>
-          <p class="about-text">
-             Ok this is the easy one, I do lots of things! I volunteer with
-             <a rel="external" target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a> as a youth mentor and give
-             unnecessarily enthusiastic tours at the
-             <a rel="external" target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a>. I also
-             work on a few open source software projects, try to travel when and where I can, and constantly find new things to
-             <s>break</s> fix on my car.
-          </p>
-          <p class="about-text"><i>
-            Interested in volunteering in the Boston area? Both
-            <a rel="external" href="https://www.mindsmatterboston.org/mentors">Minds Matter</a>
-            and the
-            <a rel="external" href="https://waterworksmuseum.org/support/volunteer/">Metropolitan Waterworks Museum</a>
-            are looking for new volunteers! Click those links to learn how you can get involved!
-          </i></p>
           <a rel="external" href="https://www.eff.org/join"><img src="https://www.eff.org/files/eff-banner.png" alt="Join EFF!" border="0"></a><br />
           <p class="about-text"><i>Proud supporter of the Electronic Frontier Foundation</i></p>
         </div>

content/css/style.css

@@ -499,18 +499,17 @@ body.mobile-nav-active #mobile-nav-toggle {
   padding: 80px 0;
 }
 
-#about .about-title {
+.about-text {
-  color: #fff;
+  list-style-type: disclosure-closed;
-  font-weight: 600;
+  font-size: 1.5em;
-  font-size: 20px;
+  color: white;
+  margin-top: 2em;
+  margin-bottom: 2em;
 }
 
-#about .about-text {
+.about-text li { 
-  line-height: 26px;
+  margin-bottom: 1.25em; 
-}
+  margin-left: -1em;
-
-#about .about-text:last-child {
-  margin-bottom: 0;
 }
 
 #about .about-portrait {