Update about page with new job

content/about/index.html

@@ -29,7 +29,7 @@
 
   <!-- CSS references -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.6.0/css/all.css" integrity="sha384-h/hnnw1Bi4nbpD6kE7nYfCXzovi622sY5WBxww8ARKwpdLj5kUWjRuyiXaD1U2JT" crossorigin="anonymous">
   <link href="../css/animate.min.css" rel="stylesheet">
   <link href="../css/hexagons.min.css" rel="stylesheet">
   <link href="../css/style.css" rel="stylesheet">
@@ -92,14 +92,14 @@
         </div>
         <div class="col-md-6" id="about-content">
           <ul class="about-text">
-            <li>I graduated with the <a rel="external" target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017</li>
+            <li>I graduated as part of the <a rel="external" target="_blank" href="https://www.wpi.edu/">WPI</a> Class of 2017</li>
             <li>
               I used to work at <a rel="external" target="_blank" href="https://starry.com/">Starry</a>
               and <a rel="external" target="_blank" href="https://3ds.com/">Dassault Systèmes</a>,
-              and now I'm at <a rel="external" target="_blank" href="https://portalinstruments.com/">Portal Instruments</a>
+              and now I work for the <a rel="external" target="_blank" href="https://freedom.press/">Freedom of the Press Foundation</a>
             </li>
-            <li>I volunteer at the <a rel="external" target="_blank" href="https://waterworksmuseum.org/">Boston Metropolitan Waterworks Museum</a></li>
+            <li>I volunteer at the <a rel="external" target="_blank" href="https://waterworksmuseum.org/">Metropolitan Waterworks Museum</a></li>
-            <li>I <a href="https://www.instagram.com/allaroundhere/">travel</a> wherever I can, whenever I can.</li>
+            <li>I <a href="https://www.instagram.com/allaroundhere/">travel</a> wherever I can, whenever I can</li>
             <li>I do lots of <a href="/projects/">projects</a> in my spare time</li>
           </ul>
           <p class="about-text"><i>Proud supporter of the Electronic Frontier Foundation and the Freedom of the Press Foundation</i></p>
@@ -123,8 +123,8 @@
             <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
             <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
             <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
+            <li><a rel="external" title="@enpaul.net" href="https://bsky.app/profile/enpaul.net"><span class="hb hb-xs hb-bluesky"><i class="fa-brands fa-bluesky"></i></span></a></li>
             <li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
-            <li><a rel="external" title="Resume" href="https://cdn.enp.one/resume.pdf"><span class="hb hb-xs hb-resume"><i class="fas fa-file-alt"></i></span></a></li>
           </ul>
         </div>
       </div>

content/css/style.css

@@ -896,76 +896,87 @@ body.mobile-nav-active #mobile-nav-toggle {
 /*--------------------------------------------------------------
 # Custom hexagon buttons
 --------------------------------------------------------------*/
+.hb.hb-xs {
+  color: #fff;
+}
+
+.hb.hb-xs:hover {
+  text-shadow: 0px 0px 10px white;
+}
+
 .hb-instagram, .hb-instagram:after, .hb-instagram:before {
   background:#cd486b;
   border-color:#cd486b;
-  color:#fff
 }
 
 .hb-instagram-inv, .hb-instagram-inv:after, .hb-instagram-inv:before, .hb-instagram:hover, .hb-instagram:hover:after, .hb-instagram:hover:before {
   background:0 0;
   border-color:#cd486b;
-  color:#cd486b;
 }
 
 .hb-instagram-inv:hover, .hb-instagram-inv:hover:after, .hb-instagram-inv:hover:before {
   background:#cd486b;
   border-color:#cd486b;
-  color:#fff;
 }
 
 .hb-email, .hb-email:after, .hb-email:before {
   background:#840010;
   border-color:#840010;
-  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:#840010;
-  color:#840010;
 }
 
 .hb-email-inv:hover, .hb-email-inv:hover:after, .hb-email-inv:hover:before {
   background:#840010;
   border-color:#840010;
-  color:#fff
 }
 
 .hb-resume, .hb-resume:after, .hb-resume:before {
   background:#008080;
   border-color:#008080;
-  color:#fff;
 }
 
 .hb-resume-inv, .hb-resume-inv:after, .hb-resume-inv:before, .hb-resume:hover, .hb-resume:hover:after, .hb-resume:hover:before {
   background:0 0;
   border-color:#008080;
-  color:#008080;
 }
 
 .hb-resume-inv:hover, .hb-resume-inv:hover:after, .hb-resume-inv:hover:before {
   background:#008080;
   border-color:#008080;
-  color:#fff;
 }
 
 .hb-mastodon, .hb-mastodon:after, .hb-mastodon:before {
   background:#5b4adf;
   border-color:#5b4adf;
-  color:#fff
 }
 
 .hb-mastodon-inv, .hb-mastodon-inv:after, .hb-mastodon-inv:before, .hb-mastodon:hover, .hb-mastodon:hover:after, .hb-mastodon:hover:before {
   background:0 0;
   border-color:#5b4adf;
-  color:#5b4adf;
 }
 
 .hb-mastodon-inv:hover, .hb-mastodon-inv:hover:after, .hb-mastodon-inv:hover:before {
   background:#5b4adf;
   border-color:#5b4adf;
-  color:#fff;
+}
+
+.hb-bluesky, .hb-bluesky:after, .hb-bluesky:before {
+  background:#0085ff;
+  border-color:#0085ff;
+}
+
+.hb-bluesky-inv, .hb-bluesky-inv:after, .hb-bluesky-inv:before, .hb-bluesky:hover, .hb-bluesky:hover:after, .hb-bluesky:hover:before {
+  background:0 0;
+  border-color:#0085ff;
+}
+
+.hb-bluesky-inv:hover, .hb-bluesky-inv:hover:after, .hb-bluesky-inv:hover:before {
+  background:#0085ff;
+  border-color:#0085ff;
 }
 
 .support-banner {

content/index.html

@@ -29,7 +29,7 @@
 
   <!-- CSS references -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.6.0/css/all.css" integrity="sha384-h/hnnw1Bi4nbpD6kE7nYfCXzovi622sY5WBxww8ARKwpdLj5kUWjRuyiXaD1U2JT" crossorigin="anonymous">
   <link href="css/animate.min.css" rel="stylesheet">
   <link href="css/hexagons.min.css" rel="stylesheet">
   <link href="css/style.css" rel="stylesheet">
@@ -75,8 +75,8 @@
           <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
           <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
           <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
+          <li><a rel="external" title="@enpaul.net" href="https://bsky.app/profile/enpaul.net"><span class="hb hb-xs hb-bluesky"><i class="fa-brands fa-bluesky"></i></span></a></li>
           <li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
-          <li><a rel="external" title="Resume" href="https://cdn.enp.one/resume.pdf"><span class="hb hb-xs hb-resume"><i class="fas fa-file-alt"></i></span></a></li>
         </ul>
       </div>
 

content/projects/index.html

@@ -29,7 +29,7 @@
 
   <!-- CSS references -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.6.0/css/all.css" integrity="sha384-h/hnnw1Bi4nbpD6kE7nYfCXzovi622sY5WBxww8ARKwpdLj5kUWjRuyiXaD1U2JT" crossorigin="anonymous">
   <link href="../css/animate.min.css" rel="stylesheet">
   <link href="../css/hexagons.min.css" rel="stylesheet">
   <link href="../css/style.css" rel="stylesheet">
@@ -156,8 +156,8 @@
               <li><a rel="external" title="@AllAroundHere" href="https://www.instagram.com/allaroundhere/"><span class="hb hb-xs hb-instagram"><i class="fab fa-instagram"></i></span></a></li>
               <li><a rel="external" title="in/enpaul" href="https://www.linkedin.com/in/enpaul"><span class="hb hb-xs hb-linkedin"><i class="fab fa-linkedin"></i></span></a></li>
               <li><a rel="external" title="github/enpaul" href="https://github.com/enpaul/"><span class="hb hb-xs hb-github"><i class="fab fa-github"></i></span></a></li>
+              <li><a rel="external" title="@enpaul.net" href="https://bsky.app/profile/enpaul.net"><span class="hb hb-xs hb-bluesky"><i class="fa-brands fa-bluesky"></i></span></a></li>
               <li><a rel="external" title="me@enp.one" href="mailto:me@enp.one"><span class="hb hb-xs hb-email"><i class="fas fa-envelope"></i></span></a></li>
-              <li><a rel="external" title="Resume" href="https://cdn.enp.one/resume.pdf"><span class="hb hb-xs hb-resume"><i class="fas fa-file-alt"></i></span></a></li>
             </ul>
           </div>
           <div class="copyright">