Update about page blurbs

about/index.html

@@ -99,48 +99,48 @@
         <div class="col-md-6">
           <img class="about-portrait" src="https://cdn.enp.one/img/me.jpg" alt="Ethan N. Paul"/>
         </div>
-        <div class="col-md-6">
+        <div class="col-md-6" id="about-content">
           <h2 class="about-title">Who I Am</h2>
           <p class="about-text">
-            My name is Ethan Paul, and I am an engineer working in tech! I graduated as a part of
+            Well that's a complicated question to open with. How do I sum that up into a nice, neat blurb for the 
-            <a target="_blank" href="https://www.wpi.edu/">Worcester Polytechnic Institute</a>'s
+            internet? I can start with some simple easy to categorize attributes, that seems to be the usual
-            Class of 2017 with a degree in
+            approach. 
-            <a href="https://www.wpi.edu/academics/departments/mechanical-engineering">Mechanical Engineering</a>.
+            <br><br>
-            I am an avid outdoorsman, a former Boy Scout, and had a lot of fun getting my
+            I was part of the <a target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017 and graduated
-            <a target="_blank" href="https://www.solidworks.com/sw/support/797_ENU_HTML.htm">SolidWorks Certified Professional Certification</a>
+            with a degree in mechanical engineering. My job is completely unrelated to my degree: I work as a
-            (even though I don't actually use it). I'm also a
+            Site Reliability Engineer at <a target="_blank" href="https://www.wpi.edu/">Starry, Inc</a>. I like
-            <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type 1 Diabetic</a>
+            hiking, mechanical design, and literary theory. I'm a
-            who enjoy's
+            <a target="_blank" href="http://www.diabetes.org/diabetes-basics/type-1/">Type-1 Diabetic</a>, I have a
-            <a target="_blank" href="https://openaps.org/">hacking my OmniPod insulin pump</a>,
+            <a target="_blank" href="https://www.solidworks.com/sw/support/797_ENU_HTML.htm">SolidWorks Professional Certification</a>,
-            and I can make a mean omelet (if I do say so myself).
+            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">My Interests</h2>
+          <h2 class="about-title">What I Like</h2>
           <p class="about-text">
-            My interests are pretty varied and constantly changing, but most often you
+            Oof, and I thought the last section was difficult. I don't like talking about myself, in case that wasn't
-            can find me programming in
+            obvious. Shoot, that's more of a personal detail, should it have gone in the last section? Whatever,
-            <a target="_blank" href="https://www.python.org">Python</a>,
+            moving on.
-            learning about practical repairs to internal combustion engines, or answering
+            <br><br>
-            hypothetical questions on
+            My interests are somewhat varied and changing all the time, but consistently my main interests are in
-            <a target="_blank" href="https://worldbuilding.stackexchange.com">StackExchange World Building</a>.
+            solving problems and learning about how other people solved problems. I like the
-            I also enjoy reading! Some of my favorite books are Isaac Asimov's
+            <a target="_blank" href="https://www.python.org">Python</a> programming language, the history of 19th and
-            <a target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>,
+            20th centuries (particularly related to industry), and figuring out how to keep older cars working well 
-            Patrick Ness'
+            past their intended retirement date. I also like books! The
-            <a target="_blank" href="https://www.goodreads.com/book/show/13047567-chaos-walking">Chaos Walking Series</a>,
+            <a target="_blank" href="https://www.goodreads.com/book/show/46654.The_Foundation_Trilogy">Foundation Trilogy</a>
-            F.Scott Fitzgerald's
+            (Isaac Asimov),
-            <a target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>,
+            <a target="_blank" href="https://www.goodreads.com/book/show/4671.The_Great_Gatsby">The Great Gatsby</a>
-            and just about anything written by
+            (F.Scott Fitzgerald), and 
-            <a target="_blank" href="https://www.goodreads.com/author/list/5194.Michael_Crichton">Michael Crichton</a>.
+            <a target="_blank" href="https://www.goodreads.com/book/show/13047567-chaos-walking">Chaos Walking</a>
-          </p>
+            (Patrick Ness) are some of my favorites.
+            </p>
           <h2 class="about-title">What I Do</h2>
           <p class="about-text">
-             I do lots of things! I work at
+             Ok this is the easy one, I do lots of things! I volunteer with
-             <a target="_blank" href="https://starry.com">Starry Inc</a>,
+             <a target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a> as a youth mentor and give
-             volunteer with
+             unnecessarily enthusiastic tours at the
-             <a target="_blank" href="https://www.mindsmatterboston.org/">Minds Matter Boston</a>
+             <a target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a>. I also 
-             as a youth mentor, and give excessively passionate tours at the
+             work on a few open source software projects, try to travel when and where I can, and constantly find new things to 
-             <a target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a>.
+             <s>break</s> fix on my car.
-             I also enjoy programming, urban and trail hiking, fixing my aging car, and maintaining
-             <a href="/homelab">my homelab equipment and systems</a>.
           </p>
           <p class="about-text"><i>
             Interested in volunteering in the Boston area? Both
@@ -180,7 +180,7 @@
       <div class="row">
         <div class="col-md-12">
           <div class="copyright">
-            &copy;2020 <strong>Ethan N. Paul</strong>
+            &copy;2020 <strong>E.N.Paul</strong>
             &nbsp;<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
           </div>
           <div class="copyright">

css/style.css

@@ -519,7 +519,7 @@ body.mobile-nav-active #mobile-nav-toggle {
   max-height: 35rem;
   border-radius: 50%;
   border-style: solid;
-  border-color: #111;
+  border-color: rgba(17, 17, 17, 0.6);
   border-width: 10px;
 }
 
@@ -844,6 +844,16 @@ body.mobile-nav-active #mobile-nav-toggle {
   text-align: center;
 }
 
+#about-content {
+  background-color: rgba(17, 17, 17, 0.7);
+  padding-top: 1em;
+  padding-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  border-radius: 1em;
+  color: #d3d3d3;
+}
+
 /*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/

homelab/index.html

@@ -192,7 +192,7 @@
             </ul>
           </div>
           <div class="copyright">
-            &copy;2020 <strong>Ethan N. Paul</strong>
+            &copy;2020 <strong>E.N.Paul</strong>
             &nbsp;<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
           </div>
           <div class="copyright">

index.html

@@ -101,7 +101,7 @@
       <div class="row">
         <div class="col-md-12">
           <div class="copyright">
-            &nbsp;&nbsp;&copy;2020 <strong>Ethan N. Paul</strong>
+            &nbsp;&nbsp;&copy;2020 <strong>E.N.Paul</strong>
             &nbsp;&nbsp;<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
           </div>
           <div class="copyright">

projects/index.html

@@ -169,7 +169,7 @@
             </ul>
           </div>
           <div class="copyright">
-            &copy;2020 <strong>Ethan N. Paul</strong>
+            &copy;2020 <strong>E.N.Paul</strong>
             &nbsp;<noscript><a href="/js/warn/" title="Client Javascript Disabled" style="color: orange;"><i class="fa fa-lg fa-exclamation-circle"></i></a></noscript>
           </div>
           <div class="copyright">