Skip to content
Permalink
Browse files

Static map on small screens, ability to change background image/color…

… of top-section, finalised hackathon page
  • Loading branch information
ozasadnyy committed Aug 31, 2014
1 parent 05b66f6 commit fbaeb935bb102506f2e6bfa4db186ea267823427
Showing with 224 additions and 362 deletions.
  1. +6 −1 .gitignore
  2. +19 −2 _config.yml
  3. +3 −3 _data/partners.yml
  4. +1 −1 _data/sessions.yml
  5. +1 −1 _data/team.yml
  6. +2 −2 _includes/direction-details.html
  7. +7 −6 _includes/find-way.html
  8. +2 −2 _includes/footer.html
  9. +1 −1 _includes/hero.html
  10. +1 −1 _includes/judges.html
  11. +3 −3 _includes/navigation.html
  12. +2 −2 _includes/partners.html
  13. +1 −1 _includes/rockstar-speakers.html
  14. +4 −2 _includes/speakers-list.html
  15. +1 −1 _includes/statistic.html
  16. +1 −1 _includes/subscribe.html
  17. +3 −3 _includes/tickets-2.html
  18. +1 −1 _includes/top-section.html
  19. +1 −1 _includes/twitter-feed.html
  20. +4 −4 _includes/venue.html
  21. +15 −3 _layouts/default.html
  22. +10 −0 _sass/modules/_utility.scss
  23. +14 −12 _sass/partials/_about-hackathon.scss
  24. +2 −0 _sass/partials/_base.scss
  25. +14 −3 _sass/partials/_find-way.scss
  26. +7 −0 _sass/partials/_global.scss
  27. +4 −0 _sass/partials/_hackathon-location.scss
  28. +1 −1 _sass/partials/_hero.scss
  29. +13 −1 _sass/partials/_judges.scss
  30. +3 −9 _sass/partials/_lily-effect.scss
  31. +0 −2 _sass/partials/_partners.scss
  32. +5 −0 _sass/partials/_prizes.scss
  33. +8 −0 _sass/partials/_ribbon.scss
  34. +22 −9 _sass/partials/_rockstar-speakers.scss
  35. +17 −6 _sass/partials/_twitter-feed.scss
  36. +2 −14 _sass/partials/_zoe-effect.scss
  37. +1 −0 blog.html
  38. +2 −2 css/main.min.css
  39. BIN img/favicons/apple-touch-icon-120x120.png
  40. BIN img/favicons/apple-touch-icon-144x144.png
  41. BIN img/favicons/apple-touch-icon-152x152.png
  42. BIN img/favicons/apple-touch-icon-57x57.png
  43. BIN img/favicons/apple-touch-icon-60x60.png
  44. BIN img/favicons/apple-touch-icon-72x72.png
  45. BIN img/favicons/apple-touch-icon-76x76.png
  46. BIN img/favicons/apple-touch-icon-precomposed.png
  47. BIN img/favicons/apple-touch-icon.png
  48. BIN img/favicons/favicon-160x160.png
  49. BIN img/favicons/favicon-196x196.png
  50. BIN img/favicons/favicon-32x32.png
  51. BIN img/favicons/favicon-96x96.png
  52. BIN img/favicons/mstile-144x144.png
  53. BIN img/favicons/mstile-150x150.png
  54. BIN img/favicons/mstile-310x150.png
  55. +1 −129 img/partners/gdg-lviv.svg
  56. +1 −53 img/partners/gdg-x.svg
  57. +1 −64 img/partners/google.svg
  58. BIN img/people/Thumbs.db
  59. BIN img/sections-background/blog.jpg
  60. BIN img/sections-background/schedule.jpg
  61. +15 −15 js/scripts.js
  62. +1 −0 schedule.html
  63. +1 −0 team.html
@@ -3,4 +3,9 @@ _site/


### Sass ###
.sass-cache
.sass-cache

### Windows ###
# Windows image file caches
Thumbs.db
ehthumbs.db
@@ -49,6 +49,7 @@ rightNavigationButtons:
- {link: "http://bit.ly/dfua-c4p", text: "Become a speaker"}

# Hero Block
heroImage: "hero.jpg"
heroTitle: "GDG DevFest<typeout>2014"
eventDate: "September - November, 2014"
typeoutTextValues: '"", "Season", "Ukraine", "Germany", "USA"'
@@ -65,6 +66,7 @@ aboutBlock:
- {title: "Hackathon", image: "hackathon.jpg", text: "Full-day free-style hackaton! Want some real teambuilding on friday? Grab your team and join our hackathon!" }

# Statistic Block
statisticBlockImage: "statistic.jpg"
statisticBlock:
- {count: "350", specialCharacter: "+", info: "attendees", detail: "from everywhere"}
- {count: "48", specialCharacter: "+", info: "hours", detail: "of pure Google technologies"}
@@ -75,6 +77,7 @@ statisticBlock:
latestNewsTitle: "Latest news"

# Rockstar Speakers Block
rockstarSpeakersImage: "rockstar-speakers.jpg"
rockstarSpeakersCount: 4
rockstarSpeakersTitle: "Rockstar speakers"
rockstarSpeakersButtonText: "See all speakers"
@@ -91,16 +94,21 @@ eventAddressCountry: "Ukraine"
eventStartTime: "2014-10-25T10:00"
eventDoorTime: "09:00"
eventEndTime: "2014-10-25T20:00"
eventPlaceCoordinates: "49.843237,24.028751"
mapCenterCoordinates: "49.842537,24.025701"
eventPlaceCoordinates: "49.843237, 24.028751"
mapCenterCoordinates: "49.842537, 24.025701"
mapMobileCenterCoordinates: "49.841620, 24.029411"

# Venue Block
venueBlockTitle: "Venue"
venueBigImage: "venue_0.jpg"
venueSmallImage1: "venue_1.jpg"
venueSmallImage2: "venue_2.jpg"
venueSmallImage3: "venue_3.jpg"
venueTitle: "Kinopalace Cinema"
venueFeatures: ["3 huge cinema screens", "Doulby Digital Surround EX audio system", "Located directly in the city center"]

# Tweets Feed Block
tweetsFeedImage: "twitter-feed.jpg"
tweetsFeedTitle: "What's Up?"
twitterHashTag: "devfest"
twitterFeed: "http://lviv.gdg.org.ua/tweetledee/favoritesjson.php?c=10&cache_interval=900"
@@ -111,6 +119,7 @@ partnersTitle: "Partners"
partnersC4sponsorsButton: "Become a sponsor"

# Subscribe Block
subscribeImage: "subscribe.jpg"
subscribeTitle: "Subscribe for updates"
subscribeAction: "http://gdg.us5.list-manage1.com/subscribe/post?u=9fc8aa205b0521b5f05fc8e1e&amp;id=ae0fb459fc"
subscribeInfo: "Registration will be open around end of August. Number of tickets are limited. Stay tuned!"
@@ -190,10 +199,17 @@ aboutUs: "Google's services have become synonymous with simple things online. Nu

# Logistics Find Way Block
findWayTitle: "Find your way here"
findWayDistance: "Distance"
findWayDriving: "DRIVING"
findWayWalking: "WALKING"
findWayBicycling: "BICYCLING"
findWayTransit: "TRANSIT"
findWayFindFlight: "Find Flight"
logisticsMapCenterCoordinates: "49.056728, 3.117289"
logisticsMapMobileCenterCoordinates: "48.335365, 23.711648"

# Logistics Direction Details Block
directionDetailsImage: "direction-details.jpg"
directionDetailsTitle: "Get around Lviv"
directionDetailsCards:
- {title: "From the Airport", information: 'Airport is right at the city border. It is easily reachable by car, public transport or taxi. More information is available at <a href="http://lwo.aero/en/transport">airport website</a>.'}
@@ -237,6 +253,7 @@ hackathonRows:
- {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
judgesImage: "judges.jpg"
judgesTitle: "Judges"

# Hackathon Prizes Block
@@ -6,9 +6,9 @@
-
group: "With support of"
elements:
- {name: "Google", description: "Google", link: "https://www.google.com.ua/intl/en/about/", imageUrl: "google.svg"}
- {name: "GDG Lviv", description: "GDG Lviv - Open and volunteer geek community", link: "http://lviv.gdg.org.ua", imageUrl: "gdg-lviv.svg"}
- {name: "GDG[x]", description: "GDG[x] - Yeah, we can fix that", link: "https://github.com/gdg-x", imageUrl: "gdg-x.svg"}
- {name: "Google", description: "Google", link: "https://www.google.com.ua/intl/en/about/", imageUrl: "google.svg", width: "120px"}
- {name: "GDG Lviv", description: "GDG Lviv - Open and volunteer geek community", link: "http://lviv.gdg.org.ua", imageUrl: "gdg-lviv.svg", width: "120px"}
- {name: "GDG[x]", description: "GDG[x] - Yeah, we can fix that", link: "https://github.com/gdg-x", imageUrl: "gdg-x.svg", width: "120px"}
-
group: "Information partners"
elements:
@@ -13,7 +13,7 @@
title: "Material design: Visual style and imagery"
description: "This session will reveal the invisible structures behind the material design system. Designers will show how to use the new color systems, typographic strategies, and the underlying grids that hold it together. They will show how imagery and the new framework material rendering can make apps more interesting and communicate more quickly."
subtype: workshop
speakers: [3]
speakers: [3, 6]
language: en
complexity: "Intermediate"
-
@@ -16,7 +16,7 @@
id: 1
name: "Oleh"
surname: "Zasadnyy"
title: "Designer"
title: "Designer and Web Developer"
thumbnailUrl: OlehZasadnyy.jpg
team: true
ribbon:
@@ -1,7 +1,7 @@
<!-- Begin Direction Details-->
<section id="direction-details" class="direction-details">
<div class="content-wrapper">
<section class="image-section standart-height" style="background-image: url('{{ site.baseurl }}/img/direction-details.jpg');">
<section class="image-section standart-height" style="background-image: url('{{ site.baseurl }}/img/sections-background/{{ site.directionDetailsImage }}');">
<h3>{{ site.directionDetailsTitle }}</h3>
</section>
<div class="row">
@@ -28,7 +28,7 @@ <h4>{{ wideCard.title }}</h4>
<h5>{{ subCard.title }}</h5>
<ul>
{% for linkElement in subCard.links %}
<li><a href="{% if linkElement.permalink != null %} {{ linkElement.permalink | prepend: site.baseurl }} {% else %} {{ linkElement.link }} {% endif %}" target="_blank">{{ linkElement.text }}</a></li>
<li><a href="{% if linkElement.permalink != null %} {{ linkElement.permalink | prepend: site.baseurl }} {% else %} {{ linkElement.link }} {% endif %}" {% if linkElement.link != null %}target="_blank"{% endif %}>{{ linkElement.text }}</a></li>
{% endfor %}
</ul>
</div>
@@ -24,7 +24,7 @@ <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">{{ site.fin
<svg class="icon icon-flag" viewBox="0 0 30 32">
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-flag"></use>
</svg>
<span>Distance</span>
<span>{{ site.findWayDistance }}</span>
<span id="distance" class="detailed-result pull-right"></span>
</li>
<li>
@@ -33,16 +33,17 @@ <h3 class="animated hiding" data-animation="fadeInUp" data-delay="0">{{ site.fin
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-flight"></use>
</svg>
<select id="mode-select">
<option value="DRIVING">DRIVING</option>
<option value="WALKING">WALKING</option>
<option value="BICYCLING">BICYCLING</option>
<option value="TRANSIT">TRANSIT</option>
<option value="DRIVING">{{ site.findWayDriving }}</option>
<option value="WALKING">{{ site.findWayWalking }}</option>
<option value="BICYCLING">{{ site.findWayBicycling }}</option>
<option value="TRANSIT">{{ site.findWayTransit }}</option>
</select>
<span id="estimateTime" class="detailed-result pull-right"></span>
</div>
<a id="find-flight" href="https://google.com/flights" class="pull-right hidden" target="_blank">Find Flight</a>
<a id="find-flight" href="https://google.com/flights" class="pull-right hidden" target="_blank">{{ site.findWayFindFlight }}</a>
</li>
</ul>
<a href="http://maps.google.com/maps?ll={{ site.eventPlaceCoordinates | replace:' ',''}}&z=17&t=m&hl=en-US&gl=US&mapclient=embed&q={{ site.eventStreetAddress | replace:' ','%20' | replace:',','%2C'}}%2C%20{{ site.eventAddressLocality | replace:' ','%20' | replace:',','%2C'}}" class="view-on-map" target="_blank">{{ site.viewOnMap }}</a>
</div>
</div>
</section>
@@ -13,7 +13,7 @@
<h5>{{ block.title }}</h5>
<ul>
{% for linkElement in block.links %}
<li><a href="{% if linkElement.permalink != null %} {{ linkElement.permalink | prepend: site.baseurl }} {% else %} {{ linkElement.link }} {% endif %}" target="_blank">{{ linkElement.text }}</a></li>
<li><a href="{% if linkElement.permalink != null %} {{ linkElement.permalink | prepend: site.baseurl }} {% else %} {{ linkElement.link }} {% endif %}" {% if linkElement.link != null %}target="_blank"{% endif %}>{{ linkElement.text }}</a></li>
{% endfor %}
</ul>
</div>
@@ -24,7 +24,7 @@ <h5>{{ block.title }}</h5>
<ul class="social-links">
{% for social in site.socialLinks %}
<li>
<a href="{% if linkElement.permalink != null %} {{ linkElement.permalink | prepend: site.baseurl }} {% else %} {{ linkElement.link }} {% endif %}" target="_blank">
<a href="{% if social.permalink != null %} {{ social.permalink | prepend: site.baseurl }} {% else %} {{ social.link }} {% endif %}" target="_blank">
<svg class="icon icon-{{ social.icon }}" viewBox="0 0 30 32">
<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social.icon }}"></use>
</svg>
@@ -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/sections-background/hero.jpg');">
<section id="top-section-hero" class="top-section-hero top-section image-section" style="background-image: url('{{ site.baseurl }}/img/sections-background/{{ site.heroImage }}');">
{% include navigation.html %}
<div class="content-wrapper">
<div class="jumbotron">
@@ -1,5 +1,5 @@
<!-- Judges Section -->
<section id="judges" class="judges image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/judges.jpg);">
<section id="judges" class="judges image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/{{ site.judgesImage }});">
<div class="overlay solid-overlay"></div>
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
@@ -11,19 +11,19 @@
<ul>
{% for navigationLink in site.navigationLinks %}
<li>
<a class="{% if navigationLink.permalink != null and page.permalink == navigationLink.permalink %}current{% endif %}" href="{% if navigationLink.permalink != null %} {{ navigationLink.permalink | prepend: site.baseurl }} {% else %} {{ navigationLink.link }} {% endif %}">{{ navigationLink.text}}</a>
<a class="{% if navigationLink.permalink != null and page.permalink == navigationLink.permalink %}current{% endif %}" href="{% if navigationLink.permalink != null %} {{ navigationLink.permalink | prepend: site.baseurl }} {% else %} {{ navigationLink.link }} {% endif %}" {% if navigationLink.link != null %}target="_blank"{% endif %}>{{ navigationLink.text}}</a>
</li>
{% endfor %}
</ul>
<ul id="bottom-navlinks" class="bottom-navlinks visible-xs">
{% for bottomNavigationLink in site.bottomNavigationLinks %}
<li>
<a href="{% if bottomNavigationLink.permalink != null %} {{ bottomNavigationLink.permalink | prepend: site.baseurl }} {% else %} {{ bottomNavigationLink.link }} {% endif %}" target="_blank">{{ bottomNavigationLink.text }}</a>
<a href="{% if bottomNavigationLink.permalink != null %} {{ bottomNavigationLink.permalink | prepend: site.baseurl }} {% else %} {{ bottomNavigationLink.link }} {% endif %}" {% if bottomNavigationLink.link != null %}target="_blank"{% endif %}>{{ bottomNavigationLink.text }}</a>
</li>
{% endfor %}
</ul>
{% for rightNavigationButton in site.rightNavigationButtons %}
<a href="{% if rightNavigationButton.permalink != null %} {{ rightNavigationButton.permalink | prepend: site.baseurl }} {% else %} {{ rightNavigationButton.link }} {% endif %}" class="right-nav-button right-nav-button-hidden btn btn-primary waves-effect waves-button waves-light waves-float pull-right hidden-xs hidden-sm" target="_blank">
<a href="{% if rightNavigationButton.permalink != null %} {{ rightNavigationButton.permalink | prepend: site.baseurl }} {% else %} {{ rightNavigationButton.link }} {% endif %}" class="right-nav-button right-nav-button-hidden btn btn-primary waves-effect waves-button waves-light waves-float pull-right hidden-xs hidden-sm" {% if rightNavigationButton.link != null %}target="_blank"{% endif %}>
{{ rightNavigationButton.text }}
</a>
{% endfor %}
@@ -7,7 +7,7 @@ <h3>{{ site.organizersTitle }}</h3>
<h5>{{ organizer.group }}</h5>
<ul class="list-inline">
{% for element in organizer.elements %}
<li>
<li {% if element.width != null %}style="width: {{ element.width }};"{% endif %}>
<a href="{{ element.link }}" target="_blank">
<img src="{{ site.baseurl }}/img/organizers/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
</a>
@@ -20,7 +20,7 @@ <h3>{{ site.partnersTitle }}</h3>
<h5>{{ partner.group }}</h5>
<ul class="list-inline">
{% for element in partner.elements %}
<li>
<li {% if element.width != null %}style="width: {{ element.width }};"{% endif %}>
<a href="{{ element.link }}" target="_blank">
<img src="{{ site.baseurl }}/img/partners/{{ element.imageUrl }}" title="{{ element.description }}" alt="{{ element.name }}">
</a>
@@ -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/sections-background/rockstar-speakers.jpg);">
<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/{{ site.rockstarSpeakersImage }});">
<div class="overlay solid-overlay"></div>
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
@@ -29,10 +29,12 @@ <h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
</div>
<div class="lily-bottom">
<ul class="slider">
{% assign sessionsNumber = 0 %}
{% if site.showSessions %}
{% for session in site.data.sessions %}
{% for session_speaker in session.speakers %}
{% if session_speaker == speaker.id %}
{% assign sessionsNumber = sessionsNumber | plus: 1 %}
<li class="title slider-item animated fadeInRight hidden">{{ session.title }}</li>
{% endif %}
{% endfor %}
@@ -42,13 +44,13 @@ <h2 class="name">{{ speaker.name }} <span>{{ speaker.surname }}</span></h2>
<p class="position">{{ speaker.company }}</p>
{% endif %}
</ul>
<a href="#" class="slider-next-item {% if sessionsNumber == 1 %}hidden{% endif %}">Next</a>
</div>
<a href="#" class="slider-next-item hidden">Next</a>
</div>
</div>
{% endfor %}
</div>
<a href="{{ site.c4pUrl }}" class="bottom-section-link btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
<a href="{{ site.c4pUrl }}" class="btn btn-primary waves-effect waves-button waves-light waves-float" target="_blank">Become a speaker</a>
</div>
</div>
</section>
@@ -1,5 +1,5 @@
<!-- Begin Statistic Section -->
<section id="statistic" class="statistic image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/statistic.jpg);">
<section id="statistic" class="statistic image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/{{ site.statisticBlockImage }});">
<div class="overlay solid-overlay"></div>
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
@@ -1,5 +1,5 @@
<!-- Begin Subscribe Section -->
<section id="subscribe" class="subscribe image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/subscribe.jpg);">
<section id="subscribe" class="subscribe image-section parallax" style="background-image: url({{ site.baseurl }}/img/sections-background/{{ site.subscribeImage }});">
<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">
@@ -8,7 +8,7 @@ <h3>{{ site.ticketsTitle }}</h3>
{% for ticketsOffer in site.ticketsOffers %}
<div class="tickets-row animated hiding" data-animation="fadeInDown" data-delay="{{ animationDelay }}">
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="col-sm-6 col-xs-12">
<p class="title">{{ ticketsOffer.name }}</p>
{% if ticketsOffer.additionalInfo != null %}
<span class="ticket-additional-info">{{ ticketsOffer.additionalInfo }}</span>
@@ -18,10 +18,10 @@ <h3>{{ site.ticketsTitle }}</h3>
<span class="ticket-additional-info">Before {{ ticketValidTo[0] | date: "%-d %B %Y"}} {{ ticketValidTo[1] }} or {{ ticketsOffer.ticketsNumber }} tickets</span>
{% endif %}
</div>
<div class="col-md-3 col-xs-12">
<div class="col-sm-3 col-xs-12">
<p class="price">{{ ticketsOffer.price }} {{ ticketsOffer.priceCurrency }}</p>
</div>
<div class="col-md-3 col-xs-12">
<div class="col-sm-3 col-xs-12">
{% if ticketsOffer.disabled != true %}
<span class="bordered dark-border button">
<a href="{{ ticketsOffer.buyButtonLink }}" class="waves-effect waves-button" target="_blank">{{ ticketsOffer.buyButtonText }}</a>

0 comments on commit fbaeb93

Please sign in to comment.
You can’t perform that action at this time.