Update about page blurbs

Add link to car docs
Update ext links open in new tabs

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
@@ -162,13 +162,13 @@
         <div class="col-md-12">
           <h3 class="section-title">Contact Me</h3>
           <div class="section-title-divider"></div>
-          <p class="section-description">Send me an email at <a href="mailto:ethan.paul@enp.one">ethan.paul@enp.one</a> or feel free to reach out!</p>
+          <p class="section-description">Send <a href="mailto:me@enp.one">me@enp.one</a> an email or feel free to reach out some other way!</p>
           <ul class="list-inline">
-            <li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas fa-envelope"></i></span></a></li>
-            <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
-            <li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></i></span></a></li>
             <li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fab fa-twitter"></i></span></a></li>
             <li><a target="_blank" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram" title="Instagram @allAroundHere"><i class="fab fa-instagram"></i></span></a></li>
+            <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn in/enpaul"><i class="fab fa-linkedin"></i></span></a></li>
+            <li><a target="_blank" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github" title="Github /enpaul"><i class="fab fa-github"></i></span></a></li>
+            <li><a href="mailto:me@enp.one"><span class="hb hb-xs hb-email" title="Email me@enp.one"><i class="fas fa-envelope"></i></span></a></li>
           </ul>
         </div>
       </div>
@@ -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/scss-files.txt

@@ -1 +0,0 @@
-The scss source files are available in the pro version.

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;
 }
 
@@ -691,6 +691,9 @@ body.mobile-nav-active #mobile-nav-toggle {
   display: block;
   color: #000;
   font-size: 15px;
+  font-weight: bold;
+  padding-left: 5px;
+  padding-right: 5px;
   transition: opacity 0.3s, -webkit-transform 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
@@ -841,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
 --------------------------------------------------------------*/
@@ -908,20 +921,20 @@ body.mobile-nav-active #mobile-nav-toggle {
 }
 
 .hb-email, .hb-email:after, .hb-email:before {
-  background:#A93125;
+  background:#00af8c;
-  border-color:#A93125;
+  border-color:#00af8c;
   color:#fff;
 }
 
 .hb-email-inv, .hb-email-inv:after, .hb-email-inv:before, .hb-email:hover, .hb-email:hover:after, .hb-email:hover:before {
   background:0 0;
-  border-color:#A93125;
+  border-color:#00af8c;
-  color:#A93125;
+  color:#00af8c;
 }
 
 .hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
-  background:#A93125;
+  background:#00af8c;
-  border-color:#A93125;
+  border-color:#00af8c;
   color:#fff
 }
 

homelab/index.html

@@ -184,15 +184,15 @@
         <div class="col-md-12">
           <div class="copyright">
             <ul class="list-inline">
-              <li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas fa-envelope"></i></span></a></li>
-              <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
-              <li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></i></span></a></li>
               <li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fab fa-twitter"></i></span></a></li>
               <li><a target="_blank" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram" title="Instagram @allAroundHere"><i class="fab fa-instagram"></i></span></a></li>
+              <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn in/enpaul"><i class="fab fa-linkedin"></i></span></a></li>
+              <li><a target="_blank" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github" title="Github /enpaul"><i class="fab fa-github"></i></span></a></li>
+              <li><a href="mailto:me@enp.one"><span class="hb hb-xs hb-email" title="Email me@enp.one"><i class="fas fa-envelope"></i></span></a></li>
             </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

@@ -77,11 +77,11 @@
 
       <div id="contact-menu">
         <ul class="list-inline">
-          <li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas fa-envelope"></i></span></a></li>
-          <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
-          <li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></i></span></a></li>
           <li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fab fa-twitter"></i></span></a></li>
           <li><a target="_blank" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram" title="Instagram @allAroundHere"><i class="fab fa-instagram"></i></span></a></li>
+          <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn in/enpaul"><i class="fab fa-linkedin"></i></span></a></li>
+          <li><a target="_blank" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github" title="Github /enpaul"><i class="fab fa-github"></i></span></a></li>
+          <li><a href="mailto:me@enp.one"><span class="hb hb-xs hb-email" title="Email me@enp.one"><i class="fas fa-envelope"></i></span></a></li>
         </ul>
       </div>
 
@@ -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

@@ -90,7 +90,7 @@
 
       <div class="row">
         <div class="col-md-4" id="project-section-travel">
-          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/road.jpg);" href="https://www.instagram.com/allaroundhere/">
+          <a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/road.jpg);" href="https://www.instagram.com/allaroundhere/">
             <div class="details">
               <h4>Travel</h4>
               <span>
@@ -103,23 +103,24 @@
         </div>
 
         <div class="col-md-4" id="project-section-car">
-          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/car.jpg);" href="#">
+          <a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/car.jpg);" href="https://docs.google.com/spreadsheets/d/14ZC20aHF-6yHLYNuSOK6SxTea97waBI7H6ZMHvocDz4/edit?usp=sharing">
             <div class="details">
-              <h4>Car Work</h4>
+              <h4>Vehicle</h4>
               <span>
-                A Toyota 4Runner will run forever...if you take good care of it
+                The goal is half a million miles! A Toyota 4Runner will run forever...if you take
-                (which I'm trying to do!)
+                good care of it (which I'm trying to do!)
               </span>
             </div>
           </a>
         </div>
 
         <div class="col-md-4" id="project-section-code">
-          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/programming.jpg);" href="https://github.com/enpaul/">
+          <a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/programming.jpg);" href="https://github.com/enpaul/">
             <div class="details">
-              <h4>Programming</h4>
+              <h4>Programs</h4>
               <span>
-                I tinker with some stuff, my public projects are on my Github.
+                I tinker around with some stuff, mostly for fun. My public projects are on my
+                Github or on my homelab Gitea instance.
               </span>
             </div>
           </a>
@@ -139,7 +140,7 @@
         </div>
 
         <div class="col-md-7" id="project-section-waterworks">
-          <a class="project-item" style="background-image: url(https://cdn.enp.one/img/projects/allis.jpg);" href="https://waterworksmuseum.org/">
+          <a class="project-item" target="_blank" style="background-image: url(https://cdn.enp.one/img/projects/allis.jpg);" href="https://waterworksmuseum.org/">
             <div class="details">
               <h4>Metropolitan Waterworks Museum</h4>
               <span>
@@ -160,15 +161,15 @@
         <div class="col-md-12">
           <div class="copyright">
             <ul class="list-inline">
-              <li><a href="mailto:e@enp.one"><span class="hb hb-xs hb-email" title="Email e at enp.one"><i class="fas fa-envelope"></i></span></a></li>
-              <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn E.N.Paul"><i class="fab fa-linkedin"></i></span></a></li>
-              <li><a target="_blank" href="https://cdn.enp.one/resources/enpaul-resume.pdf"><span class="hb hb-xs hb-resume" title="Download Resume"><i class="fas fa-file-signature"></i></span></a></li>
               <li><a target="_blank" href="https://twitter.com/theenpaul"><span class="hb hb-xs hb-twitter" title="Twitter @theENPaul"><i class="fab fa-twitter"></i></span></a></li>
               <li><a target="_blank" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram" title="Instagram @allAroundHere"><i class="fab fa-instagram"></i></span></a></li>
+              <li><a target="_blank" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin" title="LinkedIn in/enpaul"><i class="fab fa-linkedin"></i></span></a></li>
+              <li><a target="_blank" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github" title="Github /enpaul"><i class="fab fa-github"></i></span></a></li>
+              <li><a href="mailto:me@enp.one"><span class="hb hb-xs hb-email" title="Email me@enp.one"><i class="fas fa-envelope"></i></span></a></li>
             </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">