Update styles and CEA page

docs/about/index.html

@@ -146,11 +146,21 @@ <h3 id="software-%26-services" tabindex="-1">Software &amp; Services <a class="a
 <li><strong>GitHub</strong> (does this count as software?)</li>
 </ul>
 <h4 id="links" tabindex="-1">Links <a class="anchor-link" href="#links">#</a></h4>
-<ul>
-<li><a href="https://www.figma.com/@adamj" title="External link to my Figma community profile">Figma community profile</a></li>
-<li><a href="https://www.github.com/AdamJ/config" title="External link to my configuration repository on GitHub">Mac configuration files</a></li>
-<li><a href="https://www.github.com/AdamJ" title="External link to my GitHub profile">AdamJ.github.io</a></li>
-</ul>
+<sl-button href="https://www.figma.com/@adamj" variant="text" size="large">
+  Figma community profile
+  <sl-visually-hidden>External link to my Figma community profile</sl-visually-hidden>
+  <sl-icon slot="suffix" name="box-arrow-up-right"></sl-icon>
+</sl-button>
+<sl-button href="https://www.github.com/AdamJ/config" variant="text" size="large">
+  Mac configuration files
+  <sl-visually-hidden>External link to my configuration repository on GitHub</sl-visually-hidden>
+  <sl-icon slot="suffix" name="box-arrow-up-right"></sl-icon>
+</sl-button>
+<sl-button href="https://www.github.com/AdamJ" variant="text" size="large">
+  AdamJ.github.io
+  <sl-visually-hidden>External link to my GitHub profile</sl-visually-hidden>
+  <sl-icon slot="suffix" name="box-arrow-up-right"></sl-icon>
+</sl-button>
 <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#education">#</a></h3>
 <p>I attended MCLA (Massachusetts College of Liberal Arts, formerly North Adams State) graduating with degrees in Fine and Performing Arts and Arts Management. While at MCLA, I was the President of the Lacrosse Club (now a recognized D3 sport) while also receiving a variety of accolades such as Alpha Chi, National Scholars Honor Society, and the Who’s Who in American Colleges and Universities.</p>
 
@@ -163,7 +173,7 @@ <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -262,7 +272,7 @@ <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>

docs/alfred/workflows/index.html

@@ -135,7 +135,7 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -234,7 +234,7 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>

docs/apps/gamesandthings/index.html

@@ -112,7 +112,7 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -211,7 +211,7 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>

docs/archives/archives/index.html

@@ -109,7 +109,7 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -208,7 +208,7 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>

docs/archives/town-selectman/index.html

@@ -252,7 +252,7 @@ <h2 class="mb-3">FAQ</h2>
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -351,7 +351,7 @@ <h2 class="mb-3">FAQ</h2>
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>

docs/connect/index.html

@@ -128,7 +128,7 @@ <h1 class="display-1 fw-bold text-break">connect</h1>
 </content>
 
     </main>
-    <footer class="footer d-flex flex-wrap flex-column mt-5 dark-background light-text" data-bs-theme="dark">
+    <footer class="footer d-flex flex-wrap flex-column mt-5">
   <div class="container">
     <div class="row">
       <div class="col-6 col-md-3">
@@ -227,7 +227,7 @@ <h1 class="display-1 fw-bold text-break">connect</h1>
       <div class="col-12 text-md-center text-center">
         <small>
           Copyright &copy; 2008-2024
-          <a class="link-offset-2 text-light" href="/about" alt="Link to my about page">
+          <a href="/about" alt="Link to my about page">
             Adam J. Jolicoeur
           </a>
         </small>