From 36827ba2d10f36e39459745ce6f24b1faf239958 Mon Sep 17 00:00:00 2001
From: Noah Finer <nfiner0149@gmail.com>
Date: Fri, 26 Feb 2016 15:45:28 -0700
Subject: [PATCH 1/3] Make the colors more fairview-ey, fix fonts, add
 animations, fix #1, #2.

---
 index.css  | 27 +++++++++++++++++----------
 index.html |  7 +++++--
 script.js  |  7 +++++++
 3 files changed, 29 insertions(+), 12 deletions(-)
 create mode 100644 script.js

diff --git a/index.css b/index.css
index 7ec2477..c719c47 100644
--- a/index.css
+++ b/index.css
@@ -5,7 +5,7 @@ html {
 
 body {
   margin: 0;
-  font-family: Arial;
+  font-family: "Helvetica", helvetica, Arial, sans-serif;
   height: 100%;
   width: 100%;
   font-size: 20px;
@@ -14,8 +14,8 @@ body {
 div#landing {
   background-image: url("bg.jpg");
   background-size: cover;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
+  background-position-x: 50%;
+  background-position-y: 0;
   height: 100%;
   width: 100%;
 }
@@ -32,7 +32,7 @@ div#maintitle {
   top: 50%;
   transform: translateY(-50%);
   text-align: center;
-  color: rgb(250, 82, 82);
+  color: #b20202;
   margin: auto;
   width: 500px;
 
@@ -51,11 +51,18 @@ div#maintitle div.titletext {
 
 div#maintitle a {
   text-decoration: none;
-  color: rgb(256, 256, 256);
-  background-color: rgb(250, 82, 82);
+  color: rgb(255, 255, 255);
+  background-color: #b20202;
   padding: 5px;
   width: 200px;
   border-radius: 5px;
+  transition: all 0.25s;
+  -webkit-transition: all 0.25s;
+}
+
+div#maintitle a:hover {
+  color: #b20202;
+  background-color: rgb(255, 255, 255);
 }
 
 div#maintitle a:first-of-type {
@@ -69,7 +76,7 @@ div#maintitle a:nth-of-type(2) {
 }
 
 div#secondary {
-  background-color: rgb(250, 82, 82);
+  background-color: #b20202;
   color: rgb(256, 256, 256);
   padding: 30px 50px 30px 50px;
   text-align: center;
@@ -100,13 +107,13 @@ div#schedule div.title {
   width: 250px;
   font-size: 48px;
   background-color: rgb(256, 256, 256);
-  color: rgb(250, 82, 82);
+  color: #b20202;
   margin-bottom: 50px;
 }
 
 div#schedule div.container {
   padding: 20px;
-  color:  rgb(250, 82, 82);
+  color:  #b20202;
   background-color: rgb(256, 256, 256);
   margin: auto;
   opacity: 0.8;
@@ -136,7 +143,7 @@ div.col-md-4 div.question {
 }
 
 div#sponsor {
-  color: rgb(250, 82, 82);
+  color: #b20202;
   background-color: rgb(256, 256, 256);
   padding: 30px 50px 30px 50px;
   text-align: center;
diff --git a/index.html b/index.html
index 8652329..bd843cf 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
+    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
+    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+    <script src="script.js"></script>
 
     <link rel="stylesheet" href="index.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -18,8 +21,8 @@
           <div class="subtext">Fairview High School, Boulder, Colorado</div>
           <div class="subtext">April 16 - 17, 2016</div>
         </div>
-        <a href="google.com">Apply</a>
-        <a href="google.com">Sponsor</a>
+        <a class="top-button" href="google.com">Apply</a>
+        <a class="top-button" href="google.com">Sponsor</a>
       </div>
       <a href="https://mlh.io/seasons/s2016/events?utm_source=s2016&utm_medium=TrustBadge&utm_campaign=s2016" target="_blank"><img src="mlh-banner.png" /></a>
     </div>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..3c12bf0
--- /dev/null
+++ b/script.js
@@ -0,0 +1,7 @@
+// $(window).on("scroll", function() {
+//   $("#landing").css("background-position-y", $(window).scrollTop()+"px");
+// });
+//
+// $(document).ready(function() {
+//   $("#landing").css("background-position-y", "0px");
+// });

From f14036bbf4d24a11d7817f8cf0793b81076d3324 Mon Sep 17 00:00:00 2001
From: Noah Finer <nfiner0149@gmail.com>
Date: Fri, 26 Feb 2016 15:48:09 -0700
Subject: [PATCH 2/3] Add a parallax. Fix #2

---
 index.css  | 7 +++++++
 index.html | 2 ++
 script.js  | 7 -------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/index.css b/index.css
index c719c47..3f0c94e 100644
--- a/index.css
+++ b/index.css
@@ -12,10 +12,17 @@ body {
 }
 
 div#landing {
+  height: 100%;
+  width: 100%;
+}
+
+div#background-parallax {
   background-image: url("bg.jpg");
   background-size: cover;
   background-position-x: 50%;
   background-position-y: 0;
+  position: fixed;
+  z-index: -1;
   height: 100%;
   width: 100%;
 }
diff --git a/index.html b/index.html
index bd843cf..83ba854 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,8 @@
   </head>
   <body>
     <div id="landing">
+      <div id="background-parallax">
+      </div>
       <div id="maintitle">
         <div class="textarea">
           <div class="titletext">HackFairview</div>
diff --git a/script.js b/script.js
index 3c12bf0..e69de29 100644
--- a/script.js
+++ b/script.js
@@ -1,7 +0,0 @@
-// $(window).on("scroll", function() {
-//   $("#landing").css("background-position-y", $(window).scrollTop()+"px");
-// });
-//
-// $(document).ready(function() {
-//   $("#landing").css("background-position-y", "0px");
-// });

From 291e75f84fc1653b96d28a3b741af10053991d62 Mon Sep 17 00:00:00 2001
From: Noah Finer <nfiner0149@gmail.com>
Date: Fri, 26 Feb 2016 16:04:50 -0700
Subject: [PATCH 3/3] Add some ugly fading

---
 index.css  | 11 ++++++++++-
 index.html | 11 +++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 3f0c94e..8b763d3 100644
--- a/index.css
+++ b/index.css
@@ -27,6 +27,15 @@ div#background-parallax {
   width: 100%;
 }
 
+div#background-overlay {
+  height: 100%;
+  width: 100%;
+  background-color: rgba(178, 2, 2, 1);
+  opacity: 0.25;
+  position: absolute;
+  z-index: -1;
+}
+
 div#landing img {
   height: 175px;
   position: absolute;
@@ -59,7 +68,7 @@ div#maintitle div.titletext {
 div#maintitle a {
   text-decoration: none;
   color: rgb(255, 255, 255);
-  background-color: #b20202;
+  background-color: #820202;
   padding: 5px;
   width: 200px;
   border-radius: 5px;
diff --git a/index.html b/index.html
index 83ba854..ba0592e 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,17 @@
     <div id="landing">
       <div id="background-parallax">
       </div>
+      <div id="background-overlay">
+      </div>
+      <script>
+      $(document).ready(function() {
+        $(window).scroll(function() {
+          var height = window.innerHeight;
+          var scroll = $(window).scrollTop();
+          $("#background-overlay").css("opacity", (3*(scroll/height) + 0.25))
+        });
+      });
+      </script>
       <div id="maintitle">
         <div class="textarea">
           <div class="titletext">HackFairview</div>