Merge pull request #15 from gregv/master

Responsiveness Updates + Dockerization + Arizona Details added

Dockerfile

@@ -0,0 +1,10 @@
+FROM nginx
+ADD index.html /usr/share/nginx/html/
+ADD unsubscribe.html /usr/share/nginx/html/
+ADD img/ /usr/share/nginx/html/img/
+ADD email-templates/ /usr/share/nginx/html/email-templates/
+ADD vendor/ /usr/share/nginx/html/vendor/
+ADD js/ /usr/share/nginx/html/js/
+ADD css/ /usr/share/nginx/html/css/
+
+EXPOSE 80

README.md

@@ -1 +1,11 @@
 # [Opportunity-Hack Website](http://opportunity-hack.org)
+
+
+# Getting started
+
+To get started editing our website first make sure you have Docker installed.  Then it's just two commands to get up and running!
+```
+docker build -t opphack .
+docker run --rm -p 8011:80 -v "<your code directory>:/usr/share/nginx/html/" opphack
+```
+Open your browser to http://localhost:8011

index.html

@@ -95,35 +95,31 @@
       <!-- /.container-fluid -->
   </nav>
 
-    <header>
+  <header>
     <div class="header-content">
       <div class="header-content-inner">
-        <div class="col-lg-12 text-center" style="margin-bottom:15px;">
-          <img src="img/opp-hack-logo-full.png" class="img-responsive col-lg-10 col-lg-offset-1" alt="">
-          <h3 id="homeHeading">Serving the community through innovation and you</h3>
-            <a class="btn btn-primary btn-xl video" style="margin:5px;" data-video="https://www.youtube.com/embed/4id2x81qH2c" data-toggle="modal" data-target="#videoModal"><i class="fa fa-play  " style="margin-right:10px;"></i>Learn More</a>
-        </div>
-        <hr>
-        <div class="col-lg-6 text-center" style="margin-bottom:15px;">
-          <h4>Opportunity Hack @ Phoenix</h4>
-          <h4>Oct 20 - 21, Arizona, US</h4>
-          <a href="https://opportunity-hack-2018-arizona.devpost.com/" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Register as participant </a>
-          <a href="https://goo.gl/forms/aFy9NeE8mZptePIb2" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Register as an Industry Partner</a>
-        </div>
-        <hr>
-        <div class="col-lg-6 text-center" style="margin-bottom:15px;">
-          <h4>Opportunity Hack @ San Jose</h4>
-          <h4>Aug 18 -19, California, US</h4>
-          <a href="https://opportunity-hack-san-jose-2018.devpost.com/" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Register as participant </a>
-          <!-- <a class="btn btn-primary btn-xl brand-link form" data-form="https://docs.google.com/forms/d/e/1FAIpQLScloPT6tlFh86m0R6vBM9F1E9SPnYIgCyPbY1mrM8N2Oj2Bvw/" data-toggle="modal" data-target="#formModal"><i class="fa fa-wpforms" style="margin-right:10px;"></i>Register as a mentor</a> -->
-        </div>
-        <hr>
-        <div class="col-lg-12 text-center" style="margin-top:15px;">
-          <p style="color:#FFF;">Help local non-profits by volunteering your technology and business expertise at PayPal’s Opportunity Hack. Create impact and compete for prizes.</p>
-          <a href="#hackers" class="btn btn-primary btn-xl page-scroll"><i class="fa fa-2x fa-angle-double-down"></i></a>
-        </div>
+          <div class="col-lg-12 col-md-12 col-sm-12 text-center">
+            <div class="col-lg-9 col-lg-offset-2 col-md-9 col-md-offset-2 col-sm-9 col-sm-offset-2"><img src="img/opp-hack-logo-full.png" class="img-responsive" width="600" alt=""></div>
+
+            <h3 id="homeHeading">Serving the community through innovation and you.</h3>
+
+            <h5>Help local non-profits by volunteering your technology and business expertise at PayPal’s Opportunity Hack. Create impact and compete for prizes.</h5>
+            <hr style="margin-top:20px;margin-bottom:20px">
+
+            <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
+              <div class="embed-responsive embed-responsive-16by9">
+                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/4id2x81qH2c" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+              </div>
+            </div>
+
+            <div class="col-lg-12 col-md-12 col-sm-12">
+              <hr style="margin-top:20px;margin-bottom:20px">
+              <a href="#hackers" class="btn btn-primary btn-xl page-scroll"><i class="fa fa-2x fa-angle-double-down"></i></a>
+            </div>
+            </div>
+
+      </div>
       </div>
-    </div>
   </header>
 
   <section class="bg-primary" id="hackers">
@@ -156,10 +152,15 @@ <h2 class="section-heading">Upcoming Hackathons</h2>
                 <i class="fa fa-5x text-primary sr-icons">🌄</i>
                 <h3>Opportunity Hack 2018 - Phoenix</h3>
                 <h4>Oct 20 - 21, 2018</h4>
-                <p class="text-muted" style="margin-bottom:15px;">Connect.. Build .. and Empower organizations to change lives across the world. Join us in Chandler, Arizona to hack through the weekend & solve real world problems for NPOs! </p>
+                <p class="text-muted" style="margin-bottom:15px;">Connect, build, and empower organizations to change lives across the world. Join us at <a href="https://goo.gl/maps/qEKQpTnCDDk" target="_blank">Galvanize</a> in Phoenix, Arizona to hack through the weekend & solve real world problems for NPOs!</p>
                 <p>&nbsp;</p>
-                <a href="https://opportunity-hack-2018-arizona.devpost.com/" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link sr-icons  " style="margin-right:10px;"></i>  Register as participant </a> <br/>
-                <a href="https://goo.gl/forms/aFy9NeE8mZptePIb2" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Register as an Industry Partner</a>
+                <p><a href="https://opportunity-hack-2018-arizona.devpost.com/" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link sr-icons  " style="margin-right:10px;"></i>Participants </a></p>
+                <p><a href="https://www.signupgenius.com/go/30e0d4aabac23a1fd0-volunteer1" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Mentor or volunteer</a></p>
+                <p><a href="https://goo.gl/forms/aFy9NeE8mZptePIb2" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-external-link" style="margin-right:10px;"></i>Industry Partners</a></p>
+                <p>
+                  <a href="https://join.slack.com/t/opportunity-hack/shared_invite/enQtNDE0NzUzMTQwMTY0LTJjNWViZDRkZGE5NjU2OWM5ODdjZWRiNWVlYWIyYTc3YzcxZTg5YzFkYzU3MGRjMDFlY2JjNjI3YTRiYjg0OTc" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-slack" style="margin-right:10px;"></i>Slack</a>
+                  <a href="https://github.com/2018-Arizona-Opportunity-Hack" target="_blank" class="btn btn-primary btn-xl brand-link"><i class="fa fa-github" style="margin-right:10px;"></i>GitHub</a>
+                </p>
             </div>
         </div>
         <div class="col-lg-6 col-md-6 text-center">
@@ -251,7 +252,7 @@ <h4>Contact us now 👇</h4>
               <a href="mailto:DL-PayPal-Opportunity-Hack@paypal.com" title="Send us an email!"><i class="fa fa-envelope fa-3x sr-contact" style="color:#FFF; margin-bottom:10px;"></i></a>
           </div>
           <div class="col-lg-1 text-center">
-              <a href="https://github.com/Opportunity-Hack-San-Jose-2017" title="Check out our latest work!"><i class="fa fa-github fa-3x sr-contact" style="color:#FFF; margin-bottom:10px;"></i></a>
+              <a href="https://github.com/opportunity-hack/opportunity-hack-website" title="Our website!"><i class="fa fa-github fa-3x sr-contact" style="color:#FFF; margin-bottom:10px;"></i></a>
           </div>
       <!-- </div> -->
       </div>