added button back and it works on all pages

Author: BigSpaceships

_includes/nav.html

@@ -3,6 +3,7 @@
     <div id="info-banner">
         <p>ATTENTION ALUMNI & MEMBERS: The 50th Anniversary will be held from April 10th-12th, 2026!</p>
         <p>Find out more at <a href="https://50th.csh.rit.edu">50th.csh.rit.edu</a></p>
+        <button id="close-banner" onclick="document.getElementById('info-banner').style.display='none'">✖</button>
     </div>
 
     <div class="container">

assets/css/main.scss

@@ -159,14 +159,30 @@ a.btn {
   background-color: #B0197E;
   color: #fff;
   text-align: center;
-  padding: 10px 20px;
+  padding: 10px 40px;
   width: 100%;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 
 #info-banner p {
   margin: 0;
   display: inline-block;
+
+  position: relative;
+}
+
+#close-banner {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  color: #fff;
+
+
+  position: fixed;
+  top: 10px;
+  right: 20px;
 }
 
 #info-banner a {
@@ -178,6 +194,14 @@ a.btn {
   color: white;
 }
 
+@media screen and (min-width: 1100px) {
+  #close-banner {
+    top: 20px;
+    right: 30px;
+  }
+}
+
+
 @import "typography";
 @import "nav";
 @import "slider";