Merge pull request #387 from ComputerScienceHouse/no-more-x

Fix x functionality on not home page

Author: tallen42

_includes/nav.html

@@ -3,7 +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">✖</button>
+        <button id="close-banner" onclick="document.getElementById('info-banner').style.display='none'">✖</button>
     </div>
 
     <div class="container">

_sass/_splash.scss

@@ -12,7 +12,7 @@ $size: 350px;
   h1 {
     color: white;
     font-size: 3em;
-    margin: 0;
+    margin: 40px 0 0;
     padding: 0 1rem;
     max-width: 100%;
     word-wrap: break-word;

assets/css/main.scss

@@ -159,14 +159,16 @@ 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 {
@@ -176,6 +178,11 @@ a.btn {
   cursor: pointer;
   margin-left: 10px;
   color: #fff;
+
+
+  position: fixed;
+  top: 10px;
+  right: 20px;
 }
 
 #info-banner a {
@@ -187,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";

index.html

@@ -241,11 +241,3 @@ <h2 class="header">Sponsors</h2>
         </div>
     </div>
 </div>
-
-<!-- Javascript for 50th Info Banner -->
-<script>
-    // Close banner functionality
-    document.getElementById('close-banner').addEventListener('click', function() {
-        document.getElementById('info-banner').style.display = 'none';
-    });
-</script>