added tooltip to demo edit/github links

HaxeFlixel · Mar 31, 2024 · df3842c · df3842c
1 parent ba28b3a
commit df3842c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/content/_layouts/demo.liquid b/content/_layouts/demo.liquid
@@ -40,14 +40,19 @@ layout: default.liquid
 			{{ title }}
 
 			<div class="hstack gap-3 my-auto float-end h4 align-middle">
-				<a href="https://github.com/HaxeFlixel/haxeflixel.com/edit/dev/content/demos/{{title}}.md"
+				<a
+					href="https://github.com/HaxeFlixel/haxeflixel.com/edit/dev/content/demos/{{title}}.md"
+					data-bs-toggle="tooltip"
+					data-bs-title="Edit Demo Info"
 					><i class="bi bi-pencil"></i
 				></a>
 				<div class="vr"></div>
 				<a
 					class="icon-link"
 					href="https://github.com/HaxeFlixel/flixel-demos/tree/dev/{{source}}/source"
-					target="_blank">
+					target="_blank"
+					data-bs-toggle="tooltip"
+					data-bs-title="Demo Source Code">
 					<i class="bi-github"></i>
 				</a>
 			</div>

diff --git a/content/cdn-scripts.liquid b/content/cdn-scripts.liquid
@@ -1,4 +1,3 @@
-<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
 <script
 	src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
 	integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"

diff --git a/content/scripts.njk b/content/scripts.njk
@@ -10,6 +10,5 @@ function copyAnchorLink() {
 		console.log("Clipboard API not supported");
 }
 
-
-
-
+const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))