From 8828c60c67794ff9c6e514930a8564a4691a1112 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Tue, 19 Jul 2022 01:01:21 -0700
Subject: [PATCH] Added disclaimer

---
 css/general.css | 6 +++++-
 index.html      | 7 +++++--
 js/general.js   | 7 ++++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/css/general.css b/css/general.css
index 5e55c0b..6fc66f2 100644
--- a/css/general.css
+++ b/css/general.css
@@ -1488,7 +1488,7 @@ section {
   margin: 10px 20px;
 }
 
-#photo-release-container {
+.rules-box {
   border-radius: 10px;
   border: 1px solid white;
   background-color: #272b1f;
@@ -1499,6 +1499,10 @@ section {
   padding: 10px;
 }
 
+#disclaimer {
+  background-color: #2b1f20;
+}
+
 #rules-container {
   display: flex;
   flex-wrap: wrap;
diff --git a/index.html b/index.html
index 4ce1e1a..e7f52c3 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
 
     <meta name="author" content="Gilroy Hacks">
     <meta name="copyright" content="This site and its pages are Copyright (c) 2022 Gilroy Hacks All Rights Reserved.">
-    <meta name="description" content="The official website for the Gilroy Hacks Hackathon. Strengthen your skills and collaborate with others to create something useful.">
+    <meta name="description" content="Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.">
     <meta name="keywords" content="Gilroy Hacks, GilroyHacks, Gilroy, hackathon, Bay Area, GECA, Dr. TJ Owens Gilroy Early College Academy">
     
     <!-- JavaScript Refs -->
@@ -564,7 +564,7 @@
                     *subject to change
                 </article>
             </div>
-            <div id="photo-release-container">
+            <div class="rules-box">
                 <h2>Photo Release Waiver</h2>
                 <div id=photo-description>
                     By participating in this hackathon, you hereby grant us permission to use your likeness and project content in photographs, videos, or other digital media in any and all of its publications, including, but not limited to, social media and web-based publications. Any and all photos taken during the hackathon duration will become property of Gilroy Hacks.
@@ -576,6 +576,9 @@
                     If you have a disagreement with any of the terms stated above, please contact an event organizer or email <a class="link tooltip email-link" id="email-replace-tech" target="_blank" href="mailto:tech-at-gilroyhacks-dot-com">tech (at) gilroyhacks (dot) com</a>
                 </div>
             </div>
+            <div class="rules-box" id="disclaimer">
+                <p>DISCLAIMER: "Hacking", "Hacks", and "Gilroy Hacks" are general-use terms not associated with actual cyberwarfare or gaining unauthorized access to data.</p>
+            </div>
         </section>
         <section id="prizes">
             <h2 class="topic">Prizes</h2>
diff --git a/js/general.js b/js/general.js
index 8d66bba..aaeae9b 100644
--- a/js/general.js
+++ b/js/general.js
@@ -95,6 +95,11 @@ document.addEventListener('DOMContentLoaded', function(){
         });
     });
 
+    const rules_obj = document.querySelectorAll('.rules-box');
+    rules_obj.forEach(entry => {
+        observer.observe(entry);
+    });
+
     const entries = document.querySelectorAll('.team-picture');
     entries.forEach(entry => {
         observer_team_img.observe(entry);
@@ -116,7 +121,7 @@ document.addEventListener('DOMContentLoaded', function(){
     });
 
     // Adding the class animations to these elements
-    let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
+    let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing'];
     elements_id.forEach(entry => {
         var thing = document.querySelector(entry)
         observer.observe(document.querySelector(entry));