diff --git a/index.html b/index.html
index 3af427f..fb26da3 100644
--- a/index.html
+++ b/index.html
@@ -102,9 +102,11 @@
 
 <body>
   <!-- BANNER -->
-  <div id="banner" style="background-color: #f6c318; color: #552a85; text-align: center; padding: 10px; position: relative;">
-    <span id="banner-message"><u>FIRST EDITION IS OUT NOW!</u></span>
-    <button id="close-banner" style="background: none; border: none; color: #552a85; font-weight: bold; cursor: pointer; position: absolute; right: 10px;">✖</button>
+  <div id="banner"
+    style="background-color: #f6c318; color: #552a85; text-align: center; padding: 10px; position: relative;">
+    <a id="banner-message" href="/ComputeEdition1.pdf"><u>FIRST EDITION IS OUT NOW!</u></a>
+    <button id="close-banner"
+      style="background: none; border: none; color: #552a85; font-weight: bold; cursor: pointer; position: absolute; right: 10px;">✖</button>
   </div>
 
   <div class=w-nav data-animation=default data-collapse=medium data-duration=400 data-easing=ease data-easing2=ease
@@ -174,14 +176,10 @@
   <script src=./meili.js type=module></script>
   <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
   <script>
-    document.getElementById("banner-message").onclick = function() {
-      window.open("ComputeEdition1.pdf");
-    };
-  
-    document.getElementById("close-banner").onclick = function() {
+    document.getElementById("close-banner").onclick = function () {
       document.getElementById("banner").style.display = "none";
     };
   </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
