added code of conduct

uncommonhacks · Feb 11, 2024 · d142a34 · d142a34
1 parent 5c22862
commit d142a34
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 18 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -47,10 +47,10 @@ h3 {
   font-family: bern;
   font-size: 2vw;
 }
-
+/* 
 h3:hover {
   color:brown;
-}
+} */
 
 .scrollableElement {
   position: relative;
@@ -98,22 +98,37 @@ h3:hover {
   left: 20%;
   width: 30%;
   text-align: center;
+  rotate: 15deg;
 }
 
 #speakers {
-  bottom: 84%;
+  bottom: 82%;
   left: 60%;
   width: 30%;
   text-align: left;
+  rotate: 15deg;
 }
 
 #about {
   bottom: 22%;
   left: 13%;
   width: 30%;
   text-align: center;
+  rotate: 15deg;
+} 
+
+#conduct {
+  bottom: 88.5%;
+  left: 24%;
+  width: 30%;
+  text-align: center;
+  rotate: 15deg;
 } 
 
+#conduct:hover {
+  color: #e3be67 !important;
+}
+
 #register {
   bottom: 9.5%;
   left: 8%;
@@ -131,27 +146,31 @@ h3:hover {
   left: 40%;
   width: 30%;
   text-align: center;
+  rotate: 15deg;
 } 
 
 #judging {
   bottom: 15.5%;
   left: 66%;
   width: 30%;
   text-align: center;
+  rotate: 14deg;
 }
 
 #team {
   bottom: 40%;
   left: 72%;
   width: 30%;
   text-align: center;
+  rotate: 15deg;
 }
 
 #sponsors {
   bottom: 67%;
-  left: 76.5%;
+  left: 76%;
   width: 30%;
   text-align: center;
+  rotate: 15deg;
 }
 
 #contact {
@@ -162,6 +181,10 @@ h3:hover {
   rotate: -10deg;
 }
 
+#contact:hover {
+  color: brown !important;
+}
+
 /* Social buttons */
 
 .socialButtons {

diff --git a/index.html b/index.html
@@ -44,17 +44,20 @@ <h1 onclick="location.href = 'https://uncommonhacks.com/';">Uncommon <br/> Hacks
                 <br/>
                 <body>Polsky Exchange</body>
                </div>
-               <div id="speakers" class="popup" onclick="toggleSection('comingSoonPopup')">
-                <h2>speakers</h2>
+               <div id="speakers" class="popup">
+                <h2 onclick="toggleSection('comingSoonPopup')">speakers</h2>
                </div>
-               <div id="sponsors" class="popup" onclick="toggleSection('comingSoonPopup')">
-                <h2>sponsors</h2>
+               <div id="sponsors" class="popup">
+                <h2 onclick="toggleSection('comingSoonPopup')">sponsors</h2>
                </div>
-               <div id="contact" class="popup" onclick="toggleSection('contactPopup')">
-                <h3>contact/socials</h3>
+               <div id="conduct">
+                <h3 onclick="location.href = 'https://hackp.ac/coc';">MLH Code of <br/> Conduct</h2>
                </div>
-               <div id="faq" class="popup" onclick="toggleSection('faqPopup')">
-                <h2>faq</h2>
+               <div id="contact" class="popup">
+                <h3 onclick="toggleSection('contactPopup')">contact/socials</h3>
+               </div>
+               <div id="faq" class="popup">
+                <h2 onclick="toggleSection('faqPopup')">faq</h2>
                </div>
                <div id="team">
                 <h2 onclick="location.href = 'https://team.uncommonhacks.com/';">team</h2>
@@ -64,15 +67,15 @@ <h2 onclick="location.href = 'https://team.uncommonhacks.com/';">team</h2>
 		<h2 class="registerHover">register</h2>
 	       </a>
                </div>
-               <div id="judging" class="popup" onclick="toggleSection('comingSoonPopup')">
-                <h2>judging</h2>
+               <div id="judging" class="popup">
+                <h2 onclick="toggleSection('comingSoonPopup')">judging</h2>
                </div>
-               <div id="schedule" class="popup" onclick="toggleSection('schedulePopup')" >
-                <h2>schedule</h2>
+               <div id="schedule" class="popup"  >
+                <h2 onclick="toggleSection('schedulePopup')">schedule</h2>
                </div>
 
-               <div id="about" class="popup" onclick="toggleSection('aboutPopup')">
-                <h2>about</h2>
+               <div id="about" class="popup" >
+                <h2 onclick="toggleSection('aboutPopup')">about</h2>
                </div>
 
             </div>