Hackathon page basic structure

_config.yml

@@ -42,7 +42,7 @@ navigationLinks:
  - {permalink: "/speakers/", text: "Speakers"}
  - {permalink: "/team/", text: "Team"}
  - {permalink: "/logistics/", text: "Logistics"}
- - {link: "https://developers.google.com", text: "Developers"}
+ - {permalink: "/hackathon/", text: "Hackathon"}
 bottomNavigationLinks:
  - {link: "http://bit.ly/dfua-c4p", text: "Become a speaker"}
 rightNavigationButtons:
@@ -223,3 +223,6 @@ directionDetailsWideCards:
      - {link: "https://plus.google.com/b/102444623953913144164", text: "The Hotel Rex"}
      - {link: "https://plus.google.com/b/102444623953913144164", text: "Westin Market Street"}
      - {link: "https://plus.google.com/b/102444623953913144164", text: "Hotel Adagio"}
+
+# Hackathon Judges Block
+judgesTitle: "Judges"

_data/judges.yml

@@ -0,0 +1,44 @@
+- 
+  id: 0
+  name: "Dmytro"
+  surname: "Danylyk"
+  company: "Lemberg Solutions Limited"
+  title: "Android Developer"
+  thumbnailUrl: DmytroDanylyk.jpg
+  social: 
+    - {name: "google-plus", link: "https://plus.google.com/+DmytroDanylyk"}
+    - {name: "twitter", link: "https://twitter.com/dmytrodanylyk"}
+    - {name: "github", link: "https://github.com/dmytrodanylyk"}
+- 
+  id: 1
+  name: "Vitaliy"
+  surname: "Zasadnyy"
+  company: "Nravo, GDG Lviv"
+  title: "Team Lead, Unity 3D Developer"
+  thumbnailUrl: VitaliyZasadnyy.jpg
+  social: 
+    - {name: "google-plus", link: "https://google.com/+VitalikZasadnyy"}
+    - {name: "twitter", link: "https://twitter.com/zasadnyy"}
+    - {name: "github", link: "https://github.com/zasadnyy"}
+    - {name: "site", link: "http://zasadnyy.com/"}
+- 
+  id: 2
+  name: "Ostap"
+  surname: "Andrusiv"
+  company: "ELEKS, GDG Lviv"
+  title: "R&D Engineer"
+  thumbnailUrl: OstapAndrusiv.jpg
+  social: 
+    - {name: "google-plus", link: "https://google.com/+OstapAndrusiv"}
+    - {name: "twitter", link: "https://twitter.com/p1f"}
+    - {name: "site", link: "http://andrusiv.com/"}
+- 
+  id: 3
+  name: "Oleh"
+  surname: "Zasadnyy"
+  company: "EPAM Systems, GDG Lviv"
+  title: "Junior Software Engineer"
+  thumbnailUrl: OlehZasadnyy.jpg
+  social: 
+    - {name: "google-plus", link: "https://google.com/+OlehZasadnyy"}
+    - {name: "github", link: "https://github.com/ozasadnyy"}

_includes/about-hackathon.html

@@ -0,0 +1,16 @@
+<!-- About Hackathon Section -->
+<section id="about-hackathon" class="about-hackathon">
+    <div class="content-wrapper">
+        <div class="col-lg-10 col-lg-offset-1">
+            <div class="col-md-3 animated hiding" data-animation="fadeInLeft" data-delay="500"><img class="img-responsive" src="../img/hackathon-0.png" alt="Hackathon"></div>
+            <div class="col-md-9 animated hiding" data-animation="fadeInRight" data-delay="500">
+                <h3>Android Wear Hackathon</h3>
+                <p class="hackathon-details text-left">
+                    The front doors will be locked because this is after hours, please park behind the building and come to the door nearest the parking lot.<br><br>
+                    Our last meeting showed that there was a lot of interest in Android Wear so we decided to put on an Android Wear Hackathon to see what you could come up with! We realize that this is pretty short notice so we hope you can help us spread the word! There will be pizza, prizes and a great group of geeks to spend the evening coding with! Even if you don't have an app idea come on in and lend a hand to someone else or maybe find inspiration once you're here!
+                </p>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- End About Hackathon Section -->

_includes/hackathon-location.html

@@ -0,0 +1,30 @@
+<!-- Begin Hackathon Location Section -->
+<section id="location-map" class="location-map">
+    <div id="canvas-map" class="canvas-map"></div>
+    <div class="content-wrapper">
+        <div class="col-lg-3 col-md-4 col-sm-6 col-md-offset-1 animated hiding location-description text-left" data-animation="fadeInLeft" data-delay="0">
+            <div class="row">
+                <div class="pull-left">
+                    <h3>{{ site.locationBlockTitle }}</h3>
+                    <ul>
+                        {% if site.eventLocationName %}<li>{{ site.eventLocationName }}</li>{% endif %}
+                        <li>{{ site.eventStreetAddress }}, {{ site.eventAddressLocality }}</li>
+                        <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+                        <li>
+                            {% assign startTime = site.eventStartTime | split: "T" %}
+                            <time>{{ startTime[1] }}</time> -
+                            {% assign endTime = site.eventEndTime | split: "T" %}
+                            <time>{{ endTime[1] }}</time>
+                        </li>
+                    </ul>
+                </div>
+                <a href="{{ site.baseurl | append: '/logistics/#find-way' }}" class="pull-right">
+                    <svg class="icon icon-direction" viewBox="0 0 32 32">
+                        <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-direction"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
+<!-- End Hackathon Location Section -->

_includes/judges.html

@@ -0,0 +1,27 @@
+<!-- Judges Section -->
+<section id="judges" class="judges image-section parallax" style="background-image: url({{ site.baseurl }}/img/judges.jpg);">
+    <div class="overlay solid-overlay"></div>
+    <div class="content-wrapper">
+        <div class="col-lg-10 col-lg-offset-1">
+            <h3>{{ site.judgesTitle }}</h3>
+            <div class="row">
+                {% assign animationDelay = 0 %}
+                {% for judge in site.data.judges %}
+                {% assign colWidth = 12 | divided_by: forloop.length %}
+                <div class="col-md-{{ colWidth }} col-xs-6 animated hiding" data-animation="fadeInDown" data-delay="{{ animationDelay }}">  
+                    <div class="rockstar-speaker">
+                        <div class="flow-img img-circle judge-img" style="background-image: url({{ site.baseurl }}/img/speakers/{{ judge.thumbnailUrl }})"></div>
+                        <div class="name">{{ judge.name }} {{ judge.surname }}</div>
+                        <div class="sub">{{ judge.company }}</div>
+                        <div class="sub">{{ judge.title }}</div>
+                    </div>
+                </div>
+                {% assign animationDelay = animationDelay | plus:500 %}
+                {% assign check = forloop.index | modulo:2 %}
+                {% if check == 0 %} <div class="clearfix visible-xs"></div> {% endif %}
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+</section>
+<!-- End Judges Section -->

_includes/location-map.html

@@ -20,7 +20,7 @@
                 </div>
                 <a href="{{ site.baseurl | append: '/logistics/#find-way' }}" class="pull-right">
                     <svg class="icon icon-direction" viewBox="0 0 32 32">
-                        <use xlink:href="img/sprites/sprites.svg#icon-direction"></use>
+                        <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-direction"></use>
                     </svg>
                 </a>
             </div>

_layouts/default.html

@@ -41,14 +41,14 @@
     }
     </script>
     <script src="{{ "/js/default.js" | prepend: site.baseurl }}"></script>
-    {% if page.permalink == '/' %}
+    {% if page.permalink == '/' or page.permalink == '/hackathon/' %}
         <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
     {% elsif page.permalink == '/logistics/' %}
         <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places,geometry"></script>
     {% endif %} 
     <script>
         Waves.displayEffect();
-        {% if page.permalink == '/' %}
+        {% if page.permalink == '/' or page.permalink == '/hackathon/' %}
             var googleMaps = 'index',
                 eventPlace = new google.maps.LatLng({{ site.eventPlaceCoordinates }}),
                 centerMap = new google.maps.LatLng({{ site.mapCenterCoordinates }}),

_sass/main.scss

@@ -37,3 +37,5 @@
 @import "partials/ribbon";
 @import "partials/modal";
 @import "partials/schedule";
+@import "partials/about-hackathon";
+@import "partials/judges";

_sass/partials/_judges.scss

@@ -0,0 +1,8 @@
+.judges {
+
+}
+.judge-img {
+	width: 140px;
+	height: 140px;
+	margin: 0 auto;
+}

hackathon.html

@@ -0,0 +1,15 @@
+---
+layout: default
+title: Hackathon
+permalink: /hackathon/
+---
+
+ {% include top-section.html %}
+
+ {% include about-hackathon.html %}
+
+ {% include judges.html %}
+ 
+ {% include hackathon-location.html %}
+ 
+ {% include partners.html %}