From 3ce7ac6d544ef4d6cc355106c1d6595712edb9a4 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Sat, 18 Jun 2022 11:50:21 -0700
Subject: [PATCH] Improved responsiveness

---
 .DS_Store       | Bin 6148 -> 0 bytes
 css/general.css |  27 +++++++++-------
 img/.DS_Store   | Bin 6148 -> 0 bytes
 index.html      |  28 +++++++++--------
 liscenses.html  |  81 ++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 112 insertions(+), 24 deletions(-)
 delete mode 100644 .DS_Store
 delete mode 100644 img/.DS_Store
 create mode 100644 liscenses.html

diff --git a/.DS_Store b/.DS_Store
deleted file mode 100644
index a708d0d88984359789ebbdcfbd2bd956e10d0fe4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeHK!EVz)5S>i|aatkeKm`{hOTAVlrGQ#-aYH$9#Z`MKD8zMW4eo9gI}K74$yeZG
zIPxd_3nzH9yRDjpUV1>HnvrJT?(Dp^_SxF?5RvMR(hZ_E5e0C@S_{ozjOW=GtmY$4
zpyD;mQIeYkBVJDIe^7wmU7e1opyG9Y_5G<|m|6dA&2FSYAIOlVayE~4uFFft#hL#e
zek5mkR+OF2PgSco?%Zt#&0slr7oV7MT=vUR(d`cpd9-Ito?P_%$$mB%_uBVg8eR4?
zJs4U-mJX2e_8`-#8F$S{r-kLlZX##}tzP@VWU{%n7Czm0HeCxR+fO>^Z$6(+Tfxfe
z;}>swpYl^}zSxbC!pCdvp2rLLiq7S>&*P!ajXp+<^Xrt+DIL#=@f|Z)MO#9arj!Qs
znbzrqN^tU7j(Rl5snN%Um+@^b2SYJYKok%KZmxho_JZY`FCk1(Koq#83h?<5!Wkov
zl|y@Ups^(Yuz|2O^zF|-FysI*@>n@U1g0Dn=%~t<7|PcU%F!_&`TWYEqm!~v#ybAV
z%2z1LmmVs#>7*iu(uxA2z^npwH*E9$|LXesf0iU8Q9u;9RSKxaZoJ#Ymi*niusObK
tL->0*8|PIHFDdBQs~EX_6+eVqLp<aTF!ESAL<A;30#*iTM1g;*z#l9WgGB%U

diff --git a/css/general.css b/css/general.css
index 00a376a..5f83ef2 100644
--- a/css/general.css
+++ b/css/general.css
@@ -311,23 +311,28 @@ nav li a:focus::after{
     transform: scale(0.9);
   }
 }
-@media (max-height: 600px) {
+@media (max-height: 550px) {
   #logo {
     transform: scale(0.8);
   }
   #header-subtitle-date {
-    transform: translateY(-50px);
+    transform: translateY(-30px);
   }
   #spots-container {
-    transform: translateY(-50px);
+    transform: translateY(-30px);
   }
   #line-header {
-    transform: translateY(-50px);
+    transform: translateY(-30px);
   }
   #entrance-arrow {
     visibility: hidden;
   }
 }
+@media (max-height: 400px) {
+  #header {
+    transform: scale(0.7);
+  }
+}
 
 .blob {
   background: black;
@@ -382,7 +387,7 @@ nav li a:focus::after{
 
   text-align: center;
   position: relative;
-  background-image: linear-gradient(#0d111733 50%, #0d11175e 60%, #0d1117 100%);
+  /* background-image: linear-gradient(#0d111733 50%, #0d11175e 60%, #0d1117 100%); */
 }
 
 #logo {
@@ -438,6 +443,12 @@ nav li a:focus::after{
   transition: 0.1s;
 }
 
+#header-gradient {
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(#0d111733 50%, #0d11175e 60%, #0d1117 100%);
+}
+
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
     transform: translateY(0);
@@ -725,12 +736,6 @@ section {
 .timeline-input::before {
   left: -64px;
 }
-/* #t1::before {
-  content: "<";
-  color: white;
-  font-size: 30px;
-  position: relative;
-} */
 
 .timeline-input::after {
   right: -64px;
diff --git a/img/.DS_Store b/img/.DS_Store
deleted file mode 100644
index 908f667f67631777c84740cb9cd7ffc641d8a249..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeHKJxc>Y5Phpx1Z`4Uh-_&k_z#W{zd*1^VIhL~A_Pw(CPD1(pX-~QDU30&7KTJ-
zj@h@F-TBye+-?>?Xw3(wKodZNDp>5X`9Wk{bV+v1B7-5tIKc~^F}kWI{iWG%a0Z-#
zO=Cbm?jE{$#S~w@-(EH8vDoIvH=*qi7Z{_W#{}<)xTJR<kMxhYrfo!xxWhT^6`%Xe
zxG^*C4Kt6KWz4-sGUUcT%8cLPE+!ecll?*LIiC0onIX6C<IK9>So469BW8@=W&KmG
zMBeO>{aJRt-1mEH`Eu8h%fG~xdVj;wrhQl2P*2bz8~fW(tk>uaI0I{CK=y}76)X*F
z#k6&>Nml@3L30xJ<t`yU(XceE6*)o)>Pl4CU{{Qw?zBgnR~pue>W*NSk6@XD-B3cx
z&iFA+M<^A&bq1V)MFw{DXH(Aqv(@+iMJNB|3^)V-ih)qHJM9*iWM}Kr;^eH2)Ca1F
n%&QfX3mZF*Q%8>C18NeEMd=Vr!&;FRivJNvG<f3-td)UJ&}sS)

diff --git a/index.html b/index.html
index e7c2dbe..20cabc9 100644
--- a/index.html
+++ b/index.html
@@ -69,19 +69,21 @@
     <!--Front Page-->
     <header>
         <div id="header-background">
-            <div id="header">
-                <img id="logo" src="img/Gilroy Hacks Logo [Summer].png" height="400" width="400" alt="logo"/>
-                <hr id="line-header">
-                <h2 id="header-subtitle-date">Aug 12 - 14</h2>
-                <div id="spots-container">
-                    <div class="blob green" aria-hidden="true"></div>
-                    <h2 id="header-subtitle-spots">41 spots remaining</h2>
-                </div>
-                <div id="entrance-arrow">
-                    <a href="#event" id="arrow-link">
-                        Event
-                        <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
-                    </a>
+            <div id="header-gradient">
+                <div id="header">
+                    <img id="logo" src="img/Gilroy Hacks Logo [Summer].png" height="400" width="400" alt="logo"/>
+                    <hr id="line-header">
+                    <h2 id="header-subtitle-date">Aug 12 - 14</h2>
+                    <div id="spots-container">
+                        <div class="blob green" aria-hidden="true"></div>
+                        <h2 id="header-subtitle-spots">41 spots remaining</h2>
+                    </div>
+                    <div id="entrance-arrow">
+                        <a href="#event" id="arrow-link">
+                            Event
+                            <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
+                        </a>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/liscenses.html b/liscenses.html
new file mode 100644
index 0000000..2c3f255
--- /dev/null
+++ b/liscenses.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--
+    Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
+
+    Web-Designed by James Dinh ᓚᘏᗢ from scratch using pure HTML, CSS, and JS
+    For more info, contact jamesdinh77 (at) protonmail (dot) com
+
+    Copyright Disclaimer: This Source Code is Copyright (c) 2022 Gilroy Hacks All Rights Reserved.
+-->
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    
+    <title>Gilroy Hacks</title>
+    <link href="css/general.css" rel="stylesheet" type="text/css" media="all">
+    <link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
+    <link rel="stylesheet" href="css/leaflet.css"/>
+    <link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
+    <link rel="apple-touch-icon" href="img/Gilroy Hacks Logo (app).png">
+
+    <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="keywords" content="Gilroy Hacks, GilroyHacks, Gilroy, hackathon, Bay Area, GECA, Dr. TJ Owens Gilroy Early College Academy">
+    
+    <script src="js/leaflet.js"></script>
+    <script defer data-domain="gilroyhacks.com" src="https://plausible.gilroyhacks.com/js/plausible.js"></script>
+    <style>
+        @font-face {
+            font-family: "Glacial Indifference";
+            src: url("font/GlacialIndifference-Regular.otf") format('opentype');
+            font-display: swap;
+        }
+        body {
+            position: relative;
+            background-color: #0d1117 !important;
+            background-image: "";
+            color: #f2f1ef !important;
+            font-family: "Glacial Indifference";
+        }
+    </style>
+    <!--For icons, go here: https://iconsvg.xyz/ -->
+</head>
+<body>
+    <!--Nav-->
+    <nav id="navBar">
+        <a id="nav-logo-a" href="./">
+            <img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
+        </a>
+        <div id="nav-links-container">
+            <input type="checkbox" id="check">
+            <label for="check" class="checkbtn">
+                <img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/>
+            </label>
+            <a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
+            <ul>
+                <li><a onclick="uncheck('check')" href="#event">Event</a></li>
+                <li><a onclick="uncheck('check')" href="#rules">Rules</a></li>
+                <li><a onclick="uncheck('check')" href="#prizes">Prizes</a></li>
+                <li><a onclick="uncheck('check')" href="#team">Team</a></li>
+            </ul>
+            <div id="banner">
+                <p id="banner-text">Next event:<br>Opening Ceremony <abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr></p>
+            </div>
+        </div>
+    </nav>
+    <!--Footer-->
+    <footer>
+        <ul>
+            <li><a class="link" onclick="check('02'); save()" target="_blank" href="https://discord.gg/nkTDKMcYbr" title="Discord Invite Link">Discord</a></li>
+            <li><a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">Contact Us</a></li>
+            <li><a class="link" target="_blank" href="https://forms.gle/jhVFg4hN42k7EMZs7" title="Volunteer Signup Form">Volunteer Signup</a></li>
+        </ul>
+        <hr id="footer-line">
+        © 2022 Gilroy Hacks <br>
+        All Rights Reserved
+    </footer>
+</body>
+</html>
\ No newline at end of file