diff --git a/assets/js/calendar.js b/assets/js/calendar.js
new file mode 100644
index 0000000..4a39add
--- /dev/null
+++ b/assets/js/calendar.js
@@ -0,0 +1,26 @@
+
+var events = [];
+$(document).ready(function () {
+    $.getJSON('https://api.leighhack.org/events', function (data) {
+        data.forEach(function (event) {
+            events.push({
+                id: event['uid'],
+                title: event['summary'],
+                body: event['description'],
+                state: 'Free',
+                dueDateClass: '',
+                start: event['start']['dateTime'],
+                end: event['end']['dateTime'],
+            })
+        });
+        let ec = new EventCalendar(document.getElementById('calendar'), {
+            view: 'listMonth',
+            events: events,
+            headerToolbar: {
+                start: 'prev,next today',
+                center: 'title',
+                end: 'dayGridMonth, listMonth'
+            },
+        });
+    });
+});
diff --git a/layouts/page/calendar.html b/layouts/page/calendar.html
index 73b86e6..07c50f5 100644
--- a/layouts/page/calendar.html
+++ b/layouts/page/calendar.html
@@ -8,38 +8,13 @@
 
 {{ define "extra_css" }}
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.1/event-calendar.min.css">
-
 {{ end }}
 
 {{ define "extra_js" }}
 <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.4.1/event-calendar.min.js" type="application/javascript"></script>
-<script type="application/javascript">
-    var events = [];
-    $(document).ready(function () {
-        $.getJSON('https://api.leighhack.org/events', function (data) {
-            data.forEach(function (event) {
-                events.push({
-                    id: event['uid'],
-                    title: event['summary'],
-                    body: event['description'],
-                    state: 'Free',
-                    dueDateClass: '',
-                    start: event['start']['dateTime'],
-                    end: event['end']['dateTime'],
-                })
-            });
-            let ec = new EventCalendar(document.getElementById('calendar'), {
-                view: 'listMonth',
-                events: events,
-                headerToolbar: {
-                    start: 'prev,next today',
-                    center: 'title',
-                    end: 'dayGridMonth, listMonth'
-                },
-            });
-        });
-    });
-</script>
+{{ $js := resources.Get "js/calendar.js" | resources.Minify }}
+{{ $secureJS := $js | resources.Fingerprint "sha512" }}
+<script src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
 {{ end }}
 
 {{ define "content" }}