Finished hackathon page, fixed some issues

_config.yml

@@ -54,7 +54,8 @@ eventDate: "September - November, 2014"
 typeoutTextValues: '"", "Season", "Ukraine", "Germany", "USA"'
 typeoutFallback: "Season"
 heroButtons:
- - {url: "http://bit.ly/dfua-c4p", text: "Become a speaker"}
+ - {link: "http://bit.ly/dfua-c4p", text: "Become a speaker"}
+ - {permalink: "/#tickets", text: "Buy tickets"}
 
 # About Block
 aboutTitle: "About GDG DevFest"
@@ -123,6 +124,7 @@ ticketsOffers:
   price: "350"
   priceCurrency: "UAH"
   ticketsNumber: "150"
+  ribbon: "-5%"
   buyButtonLink: "http://dfua.ticketforevent.com/"
   buyButtonText: "Buy Now"
   ticketContentList: ["Lorem ipsum is simply", "Dummy text of the printing", "Typesetting industry"]
@@ -181,7 +183,6 @@ discusShortName: "devfestua"
 
 # Speakers List Block
 showSessions: true
-thumbnailsFolder: /img/speakers/
 
 # Team Block
 teamBlockTitle: "About us"
@@ -224,10 +225,28 @@ directionDetailsWideCards:
      - {link: "https://plus.google.com/b/102444623953913144164", text: "Westin Market Street"}
      - {link: "https://plus.google.com/b/102444623953913144164", text: "Hotel Adagio"}
 
+# Hackathon
+hackathonTitle: "Hackathon"
+enableHackathon: true
+
+# Hackathon About Block
+aboutHackathonTitle: "Meet our themes"
+hackathonRows:
+ - {title: "Android Wear", image: "hackathon-0.png", details: "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!"}
+ - {title: "Google Glass", image: "hackathon-1.png", details: "We love wearable computing especially Google Glass for which we want to gather the break up community in order to boost innovation.<br><br>Coding an app on Google Glass needs its Rockstar Dev : the team needs a fast learner with solid skills on Android. He knows his way around Android SDK, already checked the Glass Developement Kit (GDK) quick start guide allowing him to jump start developing an app for Glass.The Designer has the hard task to build the visual identity from the ground up, he has strong UX knowledge and a deep understanding of the new rules set by the Glass. His design skills give him the credibility to decide the most effective UI and the most compelling Glass experience."}
+ - {title: "Polymer", image: "hackathon-2.png", details: "Polymer is a library that introduces web components. Web components are small elements on a page that can be extended and incorporated in web applications. The result is an increase in productivity.<br><br>We used Polymer mainly to explore the concept of web components. The transition of Google to material design was also a factor.While the library was never touched by the team, it still was painless to wireframe the application. Later on we incorporated some Polymer components in the design. We didn’t use the full potential of Polymer because of the limited time."}
+
 # Hackathon Judges Block
 judgesTitle: "Judges"
 
-#Hackathon Location Block
+# Hackathon Prizes Block
+prizesTitle: "Prizes"
+prizes:
+ - {title: "2nd Place", image: "prize-2.png", info: "Amazing Moto 360"}
+ - {title: "1nd Place", image: "prize-1.png", info: "Nexus 5 with pre-installed Android L"}
+ - {title: "3nd Place", image: "prize-3.png", info: "Useful Chromecast"}
+
+# Hackathon Location Block
 hackathonLocationBlockTitle: "Location"
 hackathonLocationName: "Communa"
 hackathonLocationLink: "http://communa.net.ua/"
@@ -236,9 +255,11 @@ hackathonAddressLocality: "Lviv"
 hackathonAddressLocalityRegion: "Lvivska"
 hackathonPostalCode: "79000"
 hackathonAddressCountry: "Ukraine"
+hackathonTimeTitle: "Hack through"
 hackathonStartTime: "2014-10-24T10:00"
 hackathonDoorTime: "09:00"
 hackathonEndTime: "2014-10-25T00:00"
+viewOnMap: "View on Google Maps"
 hackathonPlaceCoordinates: "49.840999, 24.031144"
 hackathonMapCenterCoordinates: "49.840696, 24.028754"
-hackathonMapMobileCenterCoordinates: "49.840291, 24.031248"
+hackathonMapMobileCenterCoordinates: "49.841639, 24.031182"

_includes/about-hackathon.html

@@ -2,43 +2,19 @@
 <section id="about-hackathon" class="about-hackathon">
     <div class="content-wrapper">
         <div class="col-md-8 col-md-offset-2">
-            <div class="hackathon-row float-left col-md-12">
+            <h3>{{ site.aboutHackathonTitle }}</h3>
-                <div class="hackathon-img-wrapper animated hiding" data-animation="fadeInLeft" data-delay="0">
+            {% for row in site.hackathonRows %}
-                    <img class="img-responsive" src="../img/hackathon-0.png" alt="Hackathon">
+            {% assign check = forloop.index0 | modulo:2 %}
+            <div class="hackathon-row {% if check == 0 %}float-left{% else %}float-right{% endif %} col-md-12">
+                <div class="hackathon-img-wrapper animated hiding" data-animation="{% if check == 0 %}fadeInLeft{% else %}fadeInRight{% endif %}" data-delay="0">
+                    <img class="img-responsive" src="{{ site.baseurl }}/img/hackathon/{{ row.image }}" alt="Hackathon">
                 </div>
-                <div class="hackathon-details animated hiding" data-animation="fadeInRight" data-delay="0">
+                <div class="hackathon-details animated hiding" data-animation="{% if check == 0 %}fadeInRight{% else %}fadeInLeft{% endif %}" data-delay="0">
-                    <h4>Android Wear</h4>
+                    <h4>{{ row.title }}</h4>
-                    <p>
+                    <p>{{ row.details }}</p>
-                        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 class="hackathon-row float-right col-md-12">
-                <div class="hackathon-img-wrapper animated hiding" data-animation="fadeInRight" data-delay="0">
-                    <img class="img-responsive" src="../img/hackathon-1.png" alt="Hackathon">
-                </div>
-                <div class="hackathon-details animated hiding" data-animation="fadeInLeft" data-delay="0">
-                    <h4>Google Glass</h4>
-                    <p>
-                        We love wearable computing especially Google Glass for which we want to gather the break up community in order to boost innovation.<br><br>
-                        Coding an app on Google Glass needs its Rockstar Dev : the team needs a fast learner with solid skills on Android. He knows his way around Android SDK, already checked the Glass Developement Kit (GDK) quick start guide allowing him to jump start developing an app for Glass.The Designer has the hard task to build the visual identity from the ground up, he has strong UX knowledge and a deep understanding of the new rules set by the Glass. His design skills give him the credibility to decide the most effective UI and the most compelling Glass experience.
-                    </p>
-                </div>
-            </div>
-            <div class="hackathon-row float-left col-md-12">
-                <div class="hackathon-img-wrapper animated hiding" data-animation="fadeInLeft" data-delay="0">
-                    <img class="img-responsive" src="../img/hackathon-2.png" alt="Hackathon">
-                </div>
-                <div class="hackathon-details animated hiding" data-animation="fadeInRight" data-delay="0">
-                    <h4>Polymer</h4>
-                    <p>
-                        Polymer is a library that introduces web components. Web components are small elements on a page that can be extended and incorporated in web applications. The result is an increase in productivity.<br><br>
-                        We used Polymer mainly to explore the concept of web components. The transition of Google to material design was also a factor.
-                        While the library was never touched by the team, it still was painless to wireframe the application. Later on we incorporated some Polymer components in the design. We didn’t use the full potential of Polymer because of the limited time.
-                    </p>
                 </div>
             </div>
+            {% endfor %}
         </div>
     </div>
 </section>

_includes/about.html

@@ -10,7 +10,7 @@
                 <div class="col-md-{{ colWidth }} col-xs-6">  
                     <div class="animated hiding" data-animation="fadeInDown" data-delay="{{ animationDelay }}">
                         <h5>{{ about.title }}</h5>
-                        <img class="img-circle" src="{{ site.baseurl }}/img/{{ about.image }}" height="128" width="128" alt="{{ about.title }}">
+                        <img class="img-circle" src="{{ site.baseurl }}/img/about-section/{{ about.image }}" height="128" width="128" alt="{{ about.title }}">
                         <p>{{ about.text }}</p>
                     </div>
                 </div>

_includes/hackathon-location.html

@@ -2,21 +2,19 @@
 <section id="hackathon-location" class="hackathon-location">
     <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="col-lg-3 col-md-4 col-sm-6 animated hiding location-description text-left" data-animation="fadeInLeft" data-delay="0">
-            <div class="row pull-left">
+            {% if site.hackathonLocationName %}
-                <h3>{{ site.hackathonLocationBlockTitle }}</h3>
+            <h5 class="location-name">{{ site.hackathonLocationName }}</h5>
-                <ul>
+            {% endif %}
-                    {% if site.hackathonLocationName %}<li>{{ site.hackathonLocationName }}</li>{% endif %}
+        <p class="location-address">{{ site.hackathonStreetAddress }}, {{ site.hackathonAddressLocality }}</p>
-                    <li>{{ site.hackathonStreetAddress }}, {{ site.hackathonAddressLocality }}</li>
+            <div class="hackathon-time">
-                    <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+                <span>{{ site.hackathonTimeTitle }}</span>
-                    <li>
                 {% assign startTime = site.hackathonStartTime | split: "T" %}
                 <time>{{ startTime[1] }}</time> -
                 {% assign endTime = site.hackathonEndTime | split: "T" %}
                 <time>{{ endTime[1] }}</time>
-                    </li>
-                </ul>
             </div>
+            <a href="http://maps.google.com/maps?ll={{ site.hackathonPlaceCoordinates | replace:' ',''}}&z=17&t=m&hl=en-US&gl=US&mapclient=embed&q={{ site.hackathonStreetAddress | replace:' ','%20' | replace:',','%2C'}}%2C%20{{ site.hackathonAddressLocality | replace:' ','%20' | replace:',','%2C'}}" class="view-on-map" target="_blank">{{ site.viewOnMap }}</a>
         </div>
     </div>
 </section>

_includes/hero.html

@@ -1,5 +1,5 @@
 <!-- Begin Hero Section -->
-<section id="top-section-hero" class="top-section-hero top-section image-section" style="background-image: url('{{ site.baseurl }}/img/hero.jpg');">
+<section id="top-section-hero" class="top-section-hero top-section image-section" style="background-image: url('{{ site.baseurl }}/img/sections-background/hero.jpg');">
     {% include navigation.html %}
     <div class="content-wrapper">
     <div class="jumbotron">
@@ -8,7 +8,7 @@
             <h1>{{ heroText[0] }}<span id="typeout-text" class="hidden-xs"></span><span class="typeout-fallback">{{ site.typeoutFallback }}</span>{{ heroText[1] }}</h1>
             <p>{{ site.eventDate }}</p>
             {% for button in site.heroButtons %}
-            <a href="{{ button.url }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">{{ button.text }}</a>
+            <a href="{% if button.permalink != null %} {{ button.permalink | prepend: site.baseurl }} {% else %} {{ button.link }} {% endif %}" class="btn btn-primary waves-effect waves-button waves-light waves-float" {% if button.link != null %}target="_blank"{% endif %}>{{ button.text }}</a>
             {% endfor %}
         </div>
     </div>

_includes/judges.html

@@ -1,5 +1,5 @@
 <!-- Judges Section -->
-<section id="judges" class="judges image-section parallax" style="background-image: url({{ site.baseurl }}/img/judges.jpg);">
+<section id="judges" class="judges image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/judges.jpg);">
     <div class="overlay solid-overlay"></div>
     <div class="content-wrapper">
         <div class="col-lg-10 col-lg-offset-1">
@@ -8,7 +8,7 @@
                 {% assign animationDelay = 0 %} {% for judge in site.data.judges %} 
                 {% assign colWidth = 12 | divided_by: forloop.length %}
                 <div class="judge col-md-{{ colWidth }} col-xs-6 animated hiding" data-animation="fadeInDown" data-delay="{{ animationDelay }}">
-                    <div class="flow-img img-circle judge-img" style="background-image: url({{ site.baseurl }}/img/speakers/{{ judge.thumbnailUrl }})"></div>
+                    <div class="flow-img img-circle judge-img" style="background-image: url({{ site.baseurl }}/img/people/{{ judge.thumbnailUrl }})"></div>
                     <p class="name">{{ judge.name }} {{ judge.surname }}</p>
                     <span class="company">{{ judge.company }}</span>
                     <span class="title">{{ judge.title }}</span>

_includes/navigation.html

@@ -1,4 +1,5 @@
 <header id="top-header" class="top-header">
+    <div class="overlay white-solid"></div>
     <svg id="menu-trigger" class="menu-trigger icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
         <use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-menu"></use>
     </svg>

_includes/prizes.html

@@ -0,0 +1,20 @@
+<!-- Prizes Section -->
+<section id="prizes" class="prizes">
+    <div class="content-wrapper">
+        <div class="col-md-8 col-md-offset-2">
+            <h3>{{ site.prizesTitle }}</h3>
+            {% for prize in site.prizes %}
+            {% assign colWidth = 12 | divided_by: forloop.length %}
+            {% assign check = forloop.index | modulo:2 %}
+            <div class="prize col-md-{{ colWidth }} col-xs-{{ colWidth }} animated hiding" data-animation="{% if forloop.index == 1 %}fadeInLeft{% elsif forloop.index == forloop.length %}fadeInRight{% else %}fadeInDown{% endif %}" data-delay="{% if check == 0 %}0{% else %}500{% endif %}">
+                <h4>{{ prize.title }}</h4>
+                <div class="prize-img-wrapper">
+                    <img class="img-responsive" src="{{ site.baseurl }}/img/hackathon/{{ prize.image }}" alt="Hackathon">
+                </div>
+                <p>{{ prize.info }}</p>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+<!-- End Prizes Section -->

_includes/rockstar-speakers.html

@@ -1,5 +1,5 @@
 <!-- Begin Rockstar Speakers Section -->
-<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/rockstar-speakers.jpg);">
+<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/rockstar-speakers.jpg);">
 	<div class="overlay solid-overlay"></div>
 	<div class="content-wrapper">
 		<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">

_includes/schedule.html

@@ -46,7 +46,7 @@
                                             {% for speaker in site.data.speakers %}
                                                 {% for session_speaker in session.speakers %}
                                                     {% if session_speaker == speaker.id %}
-                                                    <li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
+                                                    <li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})"></div>
                                                     <p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
                                                         <span class="speaker-position">{{ speaker.company }}</span>
                                                     </p>

_includes/schema-event.html

@@ -38,6 +38,35 @@
         //     "email" : "{{ site.organizerEmail }}",
         //     "sameAs" : "{{ site.organizerLink }}"
         // },
+        "subEvent" : {
+            "@type" : "Event",
+            "name" : "{{ site.hackathonTitle }}",
+            "description": "{{ site.hackathonRows[0].details }}",
+            "image" : "{{ site.socialImageSrcGooglePlus | prepend: site.baseurl | prepend: site.url }}",
+            "url" : "{{ site.url | append: site.baseurl }}/hackathon/",
+            "startDate" : "{{ site.hackathonStartTime }}",
+            "doorTime" : "{{ site.hackathonDoorTime }}",
+            "endDate" : "{{ site.hackathonEndTime }}",
+            "location" : {
+                "@type" : "Place",
+                "name" : "{{ site.hackathonLocationName }}",
+                "sameAs" : "{{ site.hackathonLocationLink }}",
+                "address" : {
+                    "@type" : "PostalAddress",
+                    "streetAddress" : "{{ site.hackathonStreetAddress }}",
+                    "addressLocality" : "{{ site.hackathonAddressLocality }}",
+                    "addressRegion" : "{{ site.hackathonAddressLocalityRegion }}",
+                    "postalCode" : "{{ site.hackathonPostalCode }}",
+                    "addressCountry" : "{{ site.hackathonAddressCountry }}"
+                },
+                "geo" : {
+                    "@type" : "GeoCoordinates",
+                    {% assign hackathonCoordinates = site.hackathonPlaceCoordinates | split:"," %}
+                    "latitude" : "{{ hackathonCoordinates[0] }}",
+                    "longitude" : "{{ hackathonCoordinates[1] }}"
+                }
+            }
+        },
         "offers" : [
         {% for ticketsOffer in site.ticketsOffers %}
         {

_includes/sessions-modals.html

@@ -22,7 +22,7 @@
 									{% if session_speaker == speaker.id %}
 									<div class="row">
 										<div class="col-md-2 col-sm-2">
-											<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
+											<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})"></div>
 										</div>
 										<div class="col-md-10 col-sm-10 details">
 											<p class="name">{{ speaker.name }} {{ speaker.surname }}

_includes/speakers-list-2.html

@@ -5,7 +5,7 @@
             {% for speaker in site.data.speakers %}
             <div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 appear-animation">
                 <div class="zoe-effect ribbon-activator" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
-                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
+                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})">
                         <div class="overlay solid-overlay"></div>
                         {% if speaker.ribbon != null %}
                         <ul class="ribbon-wrapper">

_includes/speakers-list.html

@@ -7,7 +7,7 @@
                 <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-12">
                     <div class="lily-effect ribbon-activator">
                         <div class="lily-head" data-toggle="modal" data-target="#speakerDetail-{{ speaker.id }}">
-                            <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})">
+                            <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})">
                                 <div class="overlay solid-overlay"></div>
                                 {% if speaker.ribbon != null %}
                                 <ul class="ribbon-wrapper">

_includes/speakers-modals.html

@@ -28,7 +28,7 @@
 						<div class="people-details">
 							<div class="row">
 								<div class="col-md-2 col-sm-2">
-									<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
+									<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }})"></div>
 								</div>
 								<div class="col-md-10 col-sm-10 details">
 									<p class="name">{{ speaker.name }} {{ speaker.surname }}

_includes/statistic.html

@@ -1,5 +1,5 @@
 <!-- Begin Statistic Section -->
-<section id="statistic" class="statistic image-section parallax" style="background-image: url({{ site.baseurl }}/img/statistic.jpg);">
+<section id="statistic" class="statistic image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/statistic.jpg);">
 	<div class="overlay solid-overlay"></div>
 	<div class="content-wrapper">
 		<div class="col-lg-10 col-lg-offset-1">

_includes/subscribe.html

@@ -1,5 +1,5 @@
 <!-- Begin Subscribe Section -->
-<section id="subscribe" class="subscribe image-section parallax" style="background-image: url({{ site.baseurl }}/img/subscribe.jpg);">
+<section id="subscribe" class="subscribe image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/subscribe.jpg);">
     <div class="overlay solid-overlay"></div>
     <div class="content-wrapper">
         <div class="col-lg-8 col-lg-offset-2 animated hiding" data-animation="fadeInUp" data-delay="0">

_includes/team.html

@@ -10,7 +10,7 @@
             {% for teamMember in site.data.team %} {% if teamMember.team != null %}
             <div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
                 <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
-                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
+                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: teamMember.thumbnailUrl }})">
                         <div class="overlay solid-overlay"></div>
                         <figcaption>
                             <div class="col-md-8 col-xs-8 text-left">
@@ -36,7 +36,7 @@
             {% for teamMember in site.data.team %} {% if teamMember.subTeam != null %}
             <div class="effect-wrapper col-md-4 col-sm-6 col-xs-12 cols-centered appear-animation">
                 <div class="zoe-effect" data-toggle="modal" data-target="#speakerDetail-{{ teamMember.id }}">
-                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: teamMember.thumbnailUrl }})">
+                    <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: teamMember.thumbnailUrl }})">
                         <div class="overlay solid-overlay"></div>
                         <figcaption>
                             <div class="col-md-8 col-xs-8 text-left">

_includes/tickets-2.html

@@ -1,5 +1,5 @@
 <!-- Begin Tickets 2 Section -->
-<section id="tickets-2" class="tickets-2">
+<section id="tickets" class="tickets-2">
 	<div class="content-wrapper">
 		<div class="col-lg-8 col-md-10 col-lg-offset-2 col-md-offset-1">
 			<h3>{{ site.ticketsTitle }}</h3>

_includes/top-section.html

@@ -3,11 +3,12 @@
     <div class="overlay gradient-overlay"></div>
 
     {% include navigation.html %}
-
+	<div class="content-wrapper">
 	    <div class="jumbotron text-left">
 	        <div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
 	            <h1>{{ page.title }}</h1>
 	        </div>
 	    </div>
+    </div>
 </section>
 <!-- End Top Section -->

_includes/twitter-feed.html

@@ -1,5 +1,5 @@
 <!-- Begin Twitter Feed Section -->
-<section id="twitter-feed" class="twitter-feed image-section parallax" style="background-image: url({{ site.baseurl }}/img/twitter-feed.jpg);">
+<section id="twitter-feed" class="twitter-feed image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/twitter-feed.jpg);">
     <div class="overlay solid-overlay"></div>
     <div class="content-wrapper">
         <div class="col-md-8 col-md-offset-2">

_layouts/default.html

@@ -53,7 +53,7 @@
                 eventPlace = new google.maps.LatLng({{ site.eventPlaceCoordinates }}),
                 centerMap = new google.maps.LatLng({{ site.mapCenterCoordinates }}),
                 mobileCenterMap = new google.maps.LatLng({{ site.mapMobileCenterCoordinates }}),
-                icon = '{{ site.baseurl }}/img/svg/map-marker.svg';
+                icon = '{{ site.baseurl }}/img/other/map-marker.svg';
             var twitterFeedUrl = '{{ site.twitterFeed }}';
             $(document).ready(function () {
                 $(function () {
@@ -69,7 +69,7 @@
                 var rockstarSpeakers = [
                     {% for speaker in site.data.speakers %}
                         {% if speaker.rockstar %}
-                        {name: "{{ speaker.name }} {{ speaker.surname }}", company: "{{ speaker.company }}", image: "{{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }}"}{% if forloop.index != forloop.length %},{% endif %}
+                        {name: "{{ speaker.name }} {{ speaker.surname }}", company: "{{ speaker.company }}", image: "{{ site.baseurl | append: '/img/people/' | append: speaker.thumbnailUrl }}"}{% if forloop.index != forloop.length %},{% endif %}
                         {% endif %}
                     {% endfor %}
                 ];
@@ -89,13 +89,13 @@
                 eventPlace = new google.maps.LatLng({{ site.eventPlaceCoordinates }}),
                 centerMap = new google.maps.LatLng({{ site.logisticsMapCenterCoordinates }}),
                 mobileCenterMap = new google.maps.LatLng({{ site.logisticsMapMobileCenterCoordinates }}),
-                icon = '{{ site.baseurl }}/img/svg/map-marker.svg';
+                icon = '{{ site.baseurl }}/img/other/map-marker.svg';
         {% elsif page.permalink == '/hackathon/' %}
             var googleMaps = 'hackathon',
                 eventPlace = new google.maps.LatLng({{ site.hackathonPlaceCoordinates }}),
                 centerMap = new google.maps.LatLng({{ site.hackathonMapCenterCoordinates }}),
                 mobileCenterMap = new google.maps.LatLng({{ site.hackathonMapMobileCenterCoordinates }}),
-                icon = '{{ site.baseurl }}/img/svg/map-marker.svg';
+                icon = '{{ site.baseurl }}/img/other/map-marker.svg';
         {% endif %} 
     </script>
     <script src="{{ "/js/scripts.min.js" | prepend: site.baseurl }}"></script>

_sass/main.scss

@@ -39,4 +39,5 @@
 @import "partials/schedule";
 @import "partials/about-hackathon";
 @import "partials/judges";
+@import "partials/prizes";
 @import "partials/hackathon-location";

_sass/partials/_hackathon-location.scss

@@ -1,3 +1,27 @@
+$hackathon-map-height: 450px;
 .hackathon-location {
-	padding: 172px 0;
+	padding: 20px 50px;
+	height: $hackathon-map-height;
+	.canvas-map {
+		height: $hackathon-map-height + 30px;
+	}
+	.location-description {
+		font-size: 15px;
+	    padding: 18px 16px 22px;
+	    overflow: hidden;
+		box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
+	}
+	.location-name {
+		margin-top: 0;
+		font-size: 18px;
+		font-weight: $bold;
+	}
+	.location-address {
+		margin: 0;
+	}
+	.hackathon-time {
+		time {
+			color: $main-color;
+		}
+	}
 }

_sass/partials/_helper.scss

@@ -60,6 +60,9 @@
 	&.solid-overlay {
 		background: rgba(37, 32, 31, .8);	
 	}
+    &.white-solid {
+        background: rgba(255, 255, 255, .9);
+    }
     &.gradient-overlay {
 	    background: linear-gradient(to bottom, rgba(0, 0, 0, .32) 0%, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, .64) 100%);
 	}

_sass/partials/_hero.scss

@@ -5,6 +5,7 @@
     .jumbotron {
         position: relative;
         top: 50%;
+        margin: 0;
         left: 0;
         transform: translateY(-50%);
         @media (max-width: 767px) {

_sass/partials/_navigation.scss

@@ -8,15 +8,19 @@ $nav-scroll-color-hover: rgba(0, 0, 0, .8);
     z-index: 500;
     width: 100%;
     padding: 0 45px;
-    background: rgba(255, 255, 255, 0);
-    transition: $base-transition;
     @media (min-width: 768px) and (max-width: 991px) {
         padding: 13px 0 0 34px;
     }
     &.after-scroll {
         padding-top: 0;
-        background: rgba(255, 255, 255, .9);
         box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .15);
+        .overlay {
+            opacity: 1;
+        }
+    }
+    .overlay {
+        opacity: 0;
+        transition: $base-transition;
     }
 }
 .logo-header {
@@ -135,11 +139,13 @@ nav {
     margin: 11px 65px 0 0;
     transition: $base-transition;
     opacity: 1;
+    display: block;
     a {
         font-size: $base-font-size * 90 / 100;
     }
     &.right-nav-button-hidden {
         opacity: 0;
+        transform: translateY(-50px);
     }
 }
 .icon-menu {

_sass/partials/_prizes.scss

@@ -0,0 +1,18 @@
+$prize-img-width: 250px;
+$small-prize-img-width: 110px;
+
+.prize {
+	margin-top: 50px;
+	&:nth-child(3) {
+		margin-top: 0;
+	}
+}
+.prize-img-wrapper {
+	img {
+		max-width: $prize-img-width;
+		margin: 0 auto;
+        @media (max-width: 767px) {
+            max-width: $small-prize-img-width;
+        }
+	}
+}

_sass/partials/_tickets.scss

@@ -33,12 +33,6 @@ $button-background-color-hover: #4d4d4d;
             top: 0;
         }
         .pricing-ribbon {
-            position: absolute;
-            top: 10px;
-            right: -45px;
-            padding: 5px 50px;
-            transform: rotate(45deg);
-            color: #fff;
             background: $primary-color;
         }
         .title {
@@ -98,6 +92,15 @@ $button-background-color-hover: #4d4d4d;
             background: $button-background-color-hover;
         }
     }
+    .pricing-ribbon {
+        position: absolute;
+        top: 10px;
+        right: -45px;
+        padding: 5px 50px;
+        transform: rotate(45deg);
+        color: #fff;
+        background: $button-background-color;
+    }
 }
 .pricing-content {
     font-weight: $regular;

_sass/partials/_top-section.scss

@@ -15,17 +15,18 @@
     }
 }
 .jumbotron {
-    position: absolute;
+    position: relative;
-    bottom: 0;
     left: 26px;
-    margin: 0;
+    margin: 200px 0 0 0;
     color: #fff;
     background: 0;
     @media (max-width: 767px) {
-        position: relative;
         left: 13px;
         margin-top: 100px;
         padding-left: 0;
         padding-bottom: 5px;
     }
+    @media screen and  (min-width: 768px) {
+        padding-bottom: 0;
+    }
 }

hackathon.html

@@ -10,6 +10,8 @@ permalink: /hackathon/
 
  {% include judges.html %}
 
+ {% include prizes.html %}
+ 
  {% include hackathon-location.html %}
  
  {% include partners.html %}