Add Card Image Shoelace component

AdamJ · Nov 6, 2024 · 56e8702 · 56e8702
1 parent efefdd5
commit 56e8702
Show file tree

Hide file tree

Showing 36 changed files with 154 additions and 93 deletions.
diff --git a/docs/about/index.html b/docs/about/index.html
@@ -263,7 +263,6 @@ <h3 id="education" tabindex="-1">Education <a class="anchor-link" href="#educati
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/alfred/workflows/index.html b/docs/alfred/workflows/index.html
@@ -243,7 +243,6 @@ <h2 id="created-%2F-modified" tabindex="-1">Created / Modified <a class="anchor-
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/apps/gamesandthings/index.html b/docs/apps/gamesandthings/index.html
@@ -220,7 +220,6 @@ <h1 class="display-1 fw-bold text-break">Games and Things</h1>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/archives/archives/index.html b/docs/archives/archives/index.html
@@ -217,7 +217,6 @@ <h1 class="display-1 fw-bold text-break">Archived Pages</h1>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/archives/town-selectman/index.html b/docs/archives/town-selectman/index.html
@@ -360,7 +360,6 @@ <h2 class="mb-3">FAQ</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/contact/index.html b/docs/contact/index.html
@@ -102,7 +102,29 @@ <h1 class="display-1 fw-bold text-break">contact</h1>
   </p></div>
 
 <content>
-  <div class="container-xxl mb-2 py-2 px-md-5">
+  <sl-card class="card-image">
+  <img
+    slot="image"
+    src="https://media.licdn.com/dms/image/v2/D5616AQHZaPyJfARUDw/profile-displaybackgroundimage-shrink_350_1400/profile-displaybackgroundimage-shrink_350_1400/0/1721138902700?e=1736380800&v=beta&t=-GM-Qfj81Okz1XVhM89cjz-tgzL_QWTalOgkXfQLCy4"
+    alt="Banner image from LinkedIn profile"
+  />
+  <sl-button href="https://www.linkedin.com/in/ajjolicoeur/" target="_blank" style="width: 100%;" size="medium"><sl-icon name="linkedin"></sl-icon> Connect on LinkedIn</sl-button>
+</sl-card>
+<sl-card class="card-image">
+  <img
+    slot="image"
+    src="https://github-readme-stats.vercel.app/api?username=adamj&rank_icon=github&show_icons=true"
+    alt="GitHub statistics widget"
+  />
+  <sl-button href="https://github.com/AdamJ" target="_blank" style="width: 100%;" size="medium"><sl-icon name="github"></sl-icon> README on GitHub</sl-button>
+</sl-card>
+<style>
+  .card-image {
+    max-width: 300px;
+    height: 200px;
+  }
+</style>
+<p>{# <div class="container-xxl mb-2 py-2 px-md-5"></p>
   <div class="row">
     <div class="col-8">
       <div class="row mb-2">
@@ -155,7 +177,7 @@ <h2 class="card-title">Reach out, let's connect</h2>
       </div>
     </div>
   </div>
-</div>
+</div> #}
 
 </content>
 
@@ -268,7 +290,6 @@ <h2 class="card-title">Reach out, let's connect</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/css/style.css b/docs/css/style.css
@@ -22756,6 +22756,11 @@ p {
     color: var(--bs-text-dark) !important;
   }
 }
+:root {
+  --sl-font-sans: "PT Sans", sans-serif;
+  --sl-font-mono: "PT Mono", monospace;
+}
+
 .sub-header {
   font-family: "Work Sans", sans-serif;
   font-weight: 400;
@@ -23048,5 +23053,3 @@ footer a:hover,
   vertical-align: -0.125em;
   fill: currentcolor;
 }
-
-/*# sourceMappingURL=style.css.map */
diff --git a/docs/designs/alm/index.html b/docs/designs/alm/index.html
@@ -329,7 +329,6 @@ <h3>Final thoughts</h3>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/designs/customer-engagement/index.html b/docs/designs/customer-engagement/index.html
@@ -288,7 +288,6 @@ <h2>Navigation</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/designs/district25/index.html b/docs/designs/district25/index.html
@@ -214,7 +214,6 @@ <h1 class="display-1 fw-bold text-break">District 25 website</h1>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/designs/index.html b/docs/designs/index.html
@@ -174,6 +174,7 @@ <h2>Structure Cloud</h2>
     </div>
   </div>
 </div>
+<!-- Presentations -->
 <div class="container-xxl py-3 mt-3">
   <div class="row px-3 align-items-center">
     <div class="col-md-12">
@@ -184,20 +185,24 @@ <h2>Presentations</h2>
   </div>
   <div class="row align-items-start">
     <div class="col-md-6 col-lg-4 px-md-3 my-2 my-md-0">
-      <div class="card px-0">
-        <img src="/img/portfolio/Slide0.png" class="card-img-top" alt="Portfolio presentation slide example">
-        <div class="card-body">
-          <a class="card-title" href="/presentations/portfolio/" alt="Link to the portfolio carousel page">Portfolio</a>
-        </div>
-      </div>
+      <sl-card class="card-image">
+        <img
+          slot="image"
+          src="/img/portfolio/Slide0.png"
+          alt="Portfolio presentation slide image"
+        />
+        <sl-button href="/presentations/portfolio/" variant="primary" outline style="display: flex; justify-content: center;">Portfolio Review</sl-button>
+      </sl-card>
     </div>
     <div class="col-md-6 col-lg-4 px-md-3 my-2 my-md-0">
-      <div class="card px-0">
-        <img src="/img/colorPicker/slide0.png" class="card-img-top" alt="Color Picker presentation slide example">
-        <div class="card-body">
-          <a class="card-title" href="/presentations/color-picker/" alt="Link to the color picker carousel page">Color Picker</a>
-        </div>
-      </div>
+      <sl-card class="card-image">
+        <img
+          slot="image"
+          src="/img/colorPicker/slide0.png"
+          alt="Color Picker presentation slide example"
+        />
+        <sl-button href="/presentations/color-picker/" variant="primary" outline style="display: flex; justify-content: center;">Color Picker</sl-button>
+      </sl-card>
     </div>
   </div>
 </div>
@@ -213,23 +218,32 @@ <h2>Environment themes</h2>
   </div>
   <div class="row align-items-start">
     <div class="col-md-6 col-lg-4 px-md-3 my-2 my-md-0">
-      <div class="card px-0">
-        <img src="/img/atom-pf-theme.png" class="card-img-top" alt="Atom.io PatternFly Theme screenshot" height="200">
-        <div class="card-body">
-          <h5 class="card-title">Atom.io PatternFly theme</h5>
-        </div>
-      </div>
+      <sl-card class="card-image">
+        <img
+          slot="image"
+          src="/img/atom-pf-syntax.png"
+          alt="Screenshot of the Atom.io syntax"
+        />
+        Atom.io PatternFly syntax
+      </sl-card>
     </div>
     <div class="col-md-6 col-lg-4 px-md-3 my-2 my-md-0">
-      <div class="card px-0">
-        <img src="/img/atom-pf-syntax.png" class="card-img-top" alt="Atom.io PatternFly Syntax screenshot" height="200">
-        <div class="card-body">
-          <h5 class="card-title">Atom.io PatternFly syntax</h5>
-        </div>
-      </div>
+      <sl-card class="card-image">
+        <img
+          slot="image"
+          src="/img/atom-pf-theme.png"
+          alt="Screenshot of the Atom.io theme"
+        />
+        Atom.io PatternFly theme
+      </sl-card>
     </div>
   </div>
 </div>
+<style>
+  .card-image {
+    max-width: 300px;
+  }
+</style>
 
 </content>
 
@@ -342,7 +356,6 @@ <h5 class="card-title">Atom.io PatternFly syntax</h5>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/designs/task-it/index.html b/docs/designs/task-it/index.html
@@ -428,7 +428,6 @@ <h3>Final thoughts</h3>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/designs/timetrak/index.html b/docs/designs/timetrak/index.html
@@ -214,7 +214,6 @@ <h1 class="display-1 fw-bold text-break">TimeTrak by Switchback</h1>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/development/code/index.html b/docs/development/code/index.html
@@ -224,7 +224,6 @@ <h2 class="mt-0">What I used</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/development/examples/index.html b/docs/development/examples/index.html
@@ -128,8 +128,11 @@ <h1 class="display-1 fw-bold text-break">codepen examples</h1>
 </tr>
 </tbody>
 </table>
-<h3 id="see-all-of-my-work-on-codepen" tabindex="-1"><a href="https://codepen.io/AdamJolicoeur" title="See all of my work on CodePen">See all of my work on CodePen</a> <a class="anchor-link" href="#see-all-of-my-work-on-codepen">#</a></h3>
-<hr>
+<sl-button href="[/development/examples](https://codepen.io/AdamJolicoeur)" target="_blank">
+  <sl-icon slot="suffix" name="box-arrow-up-right"></sl-icon>
+  See all of my work on CodePen
+</sl-button>
+<p><sl-divider></sl-divider></p>
 <div class="container-xxl mb-2 py-2 px-3">
   <h2>
     CodePens
@@ -258,7 +261,6 @@ <h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/development/index.html b/docs/development/index.html
@@ -255,13 +255,14 @@ <h2 class="my-5 display-6 lh-1 fw-bold text-center text-shadow-1 text-white">fab
       </div>
     </div>
   </div>
+  <sl-divider></sl-divider>
   <h2 class="display-6">Additional examples</h2>
   <div class="row row-cols-1 row-cols-lg-2 align-items-stretch gy-5 pb-5">
     <div class="col">
-      <a href="/development/prototypes" alt="Link to prototypes and more" class="fs-6">prototypes for testing</a>
+      <sl-button href="/development/prototypes">prototypes for testing</sl-button>
     </div>
     <div class="col">
-      <a href="/development/examples" alt="Link to a page listing out examples on Codepen.io" class="fs-6">codepen examples</a>
+      <sl-button href="/development/examples">codepen examples</sl-button>
     </div>
   </div>
 </div>
@@ -377,7 +378,6 @@ <h2 class="display-6">Additional examples</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/development/prototypes/index.html b/docs/development/prototypes/index.html
@@ -268,7 +268,6 @@ <h2>Additional examples:</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/icons-and-branding/icons/index.html b/docs/icons-and-branding/icons/index.html
@@ -231,7 +231,6 @@ <h2 id="stream-deck">Stream Deck</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/icons-and-branding/index.html b/docs/icons-and-branding/index.html
@@ -225,7 +225,6 @@ <h1 class="display-1 fw-bold text-break">Icons and Branding</h1>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>

diff --git a/docs/index.html b/docs/index.html
@@ -241,7 +241,6 @@ <h2>Application Lifecycle Management</h2>
   </div>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-  <script src="/js/tag-pages.js"></script>
   <script src="/js/jolicoeur.js"></script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script>