feat: analytics and bluesky link

AmadeusITGroup · Nov 15, 2024 · 4bbfc61 · 4bbfc61
1 parent dd0c588
commit 4bbfc61
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 0 deletions.
diff --git a/demo/src/app.html b/demo/src/app.html
@@ -27,6 +27,16 @@
 		</script>
 		<link rel="preload" href="https://www.agnosui.dev/versions.json" as="fetch" crossorigin="anonymous" />
 	</head>
+	<!-- Google tag (gtag.js) -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=G-49LCWGVXJ9"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag() {
+			dataLayer.push(arguments);
+		}
+		gtag('js', new Date());
+		gtag('config', 'G-49LCWGVXJ9');
+	</script>
 
 	<body data-sveltekit-preload-data="hover">
 		<div id="root">%sveltekit.body%</div>

diff --git a/demo/src/resources/bluesky.svg b/demo/src/resources/bluesky.svg
diff --git a/demo/src/routes/+layout.svelte b/demo/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import Svg from '$lib/layout/Svg.svelte';
 	import github from 'bootstrap-icons/icons/github.svg?raw';
+	import bluesky from '$resources/bluesky.svg?raw';
 	import twitter from 'bootstrap-icons/icons/twitter-x.svg?raw';
 	import {canonicalURL$, pathToRoot$, routeLevel$, selectedFramework$, selectedApiFramework$} from '$lib/stores';
 	import './styles.scss';
@@ -134,6 +135,9 @@
 				<a class="nav-link" href="https://twitter.com/AgnosUI" aria-label="link to twitter / x account" target="_blank">
 					<Svg className="icon-24 align-middle" svg={twitter} />
 				</a>
+				<a class="nav-link" href="https://bsky.app/profile/agnosui.bsky.social" aria-label="link to bluesky profile" target="_blank">
+					<Svg className="icon-24 align-middle" svg={bluesky} />
+				</a>
 			</div>
 			<div class="align-items-center d-flex d-md-none gap-3">
 				<Theme />

diff --git a/demo/src/routes/menu/MobileMenu.svelte b/demo/src/routes/menu/MobileMenu.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import threeDots from 'bootstrap-icons/icons/three-dots-vertical.svg?raw';
 	import github from 'bootstrap-icons/icons/github.svg?raw';
+	import bluesky from '$resources/bluesky.svg?raw';
 	import twitter from 'bootstrap-icons/icons/twitter-x.svg?raw';
 	import MobileDialog from './MobileDialog.svelte';
 	import Svg from '$lib/layout/Svg.svelte';
@@ -64,6 +65,9 @@
 		<a class="nav-link ms-3" href="https://twitter.com/AgnosUI" aria-label="link to twitter / x account" target="_blank">
 			<Svg className="icon-24 align-middle" svg={twitter} />
 		</a>
+		<a class="nav-link ms-3" href="https://bsky.app/profile/agnosui.bsky.social" aria-label="link to bluesky profile" target="_blank">
+			<Svg className="icon-24 align-middle" svg={bluesky} />
+		</a>
 	</div>
 </MobileDialog>