aboutsummaryrefslogtreecommitdiff
path: root/src/layouts/Default.astro
diff options
context:
space:
mode:
Diffstat (limited to 'src/layouts/Default.astro')
-rw-r--r--src/layouts/Default.astro27
1 files changed, 19 insertions, 8 deletions
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro
index 5f5208a..0878e5a 100644
--- a/src/layouts/Default.astro
+++ b/src/layouts/Default.astro
@@ -41,6 +41,8 @@ const date = new Date();
<meta name="darkreader-lock">
+ <!-- Discord Component Embed -->
+
{Astro.url.pathname == "/" &&
<Fragment set:html={toComponentEmbedScript(HomeEmbed())} />
}
@@ -49,20 +51,28 @@ const date = new Date();
<Fragment set:html={toComponentEmbedScript(PageEmbed())} />
}
- <!-- Plausible Analytics -->
-
- <script defer data-domain="alee14.me" data-api="/plausible/api/event" src="/plausible/js/script.js"/>
- <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
+ <!-- Privacy-friendly analytics by Plausible -->
+ <script async src="https://stats.alee14.me/js/pa-JtfmJJUJHGy9kLPhK4-dv.js"></script>
+ <script>
+ window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
+ plausible.init()
+ </script>
+
+ <!-- Show notice div only for alee14.me -->
+ <script>
+ const notice = document.getElementById("notice");
+ if (location.hostname == "alee14.me") {
+ notice.style.display = "block";
+ }
+ </script>
<ClientRouter fallback="animate" />
<title>{title}</title>
</head>
<body>
- {(Astro.url.hostname == "alee14.me") &&
- <div class="notice">
+ <div id="notice">
<span>NOTICE: alee14.me will be switching to alee14.ca. Links will soon start redirecting to the new domain.</span>
</div>
- }
<Navbar client:load />
<div transition:name="main" transition:animate="fade">
<slot />
@@ -170,7 +180,8 @@ const date = new Date();
monospace;
}
- .notice {
+ #notice {
+ display: none;
background-color: #660F0F;
padding: 1.2em;
border-radius: 20px;