Add custom JS

WilliamRagstad · WilliamRagstad · commit 60ef2eea2ba0 · 2024-10-20T17:13:57.000+02:00
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -0,0 +1,10 @@
+// A function that replaces all external links with a target="_blank" attribute on DOM load
+function externalLinks() {
+	const a = document.getElementsByTagName("a");
+	for (i = 0; i < a.length; i++) {
+		if (a[i].getAttribute("href") && a[i].hostname !== location.hostname)
+			a[i].target = "_blank";
+	}
+}
+
+document.addEventListener("DOMContentLoaded", externalLinks);
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -2,8 +2,11 @@
 <html lang="en">
 
 <head>
+	<!-- Meta tags -->
 	<meta charset="UTF-8">
-	<title>{{ block "title" . }}{{ .Title }}{{ end }}</title>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<!-- Dependencies -->
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 	<link
@@ -14,9 +17,15 @@
 	<link rel="stylesheet" href="/js/katex/katex.min.css">
 	<script defer src="/js/katex/katex.min.js"></script>
 	<script defer src="/js/katex/contrib/auto-render.min.js"></script>
-
+	<!-- Custom styles -->
 	{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
 	<link rel="stylesheet" href="{{ $styles.Permalink }}">
+	<!-- Custom scripts -->
+	{{ $scripts := resources.Get "js/main.js" | minify | fingerprint }}
+	<script defer src="{{ $scripts.Permalink }}"></script>
+	<!-- Title -->
+	<title>{{ block "title" . }}{{ .Title }}{{ end }}</title>
+	<!-- Head block -->
 	{{ block "head" . }}{{ end }}
 </head>
 
