mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-26 12:41:23 +01:00
Updated schedule template
This commit is contained in:
Oleh Zasadnyy
parent
5c8e326daa
commit
c0f7dc3215
27 changed files with 232 additions and 144 deletions
|
|
@ -1,10 +1,10 @@
|
||||||
-
|
-
|
||||||
group: 'Main organizer'
|
group: "Main organizer"
|
||||||
elements:
|
elements:
|
||||||
- {name: 'GDG Lviv', description: 'GDG Lviv - Open and volunteer geek community', link: 'http://lviv.gdg.org.ua', imageUrl: 'gdg-lviv.svg'}
|
- {name: "GDG Lviv", description: "GDG Lviv - Open and volunteer geek community", link: "http://lviv.gdg.org.ua", imageUrl: "gdg-lviv.svg"}
|
||||||
-
|
-
|
||||||
group: 'Co-organizers'
|
group: "Co-organizers"
|
||||||
elements:
|
elements:
|
||||||
- {name: 'GDG Lviv', description: 'GDG Kyiv - Open and volunteer geek community', link: 'http://kyiv.gdg.org.ua', imageUrl: 'gdg-kyiv.png'}
|
- {name: "GDG Lviv", description: "GDG Kyiv - Open and volunteer geek community", link: "http://kyiv.gdg.org.ua", imageUrl: "gdg-kyiv.png"}
|
||||||
- {name: 'GDG Cherkassy', description: 'GDG Cherkassy - Open and volunteer geek community', link: 'http://cherkassy.gdg.org.ua', imageUrl: 'gdg-cherkassy.png'}
|
- {name: "GDG Cherkassy", description: "GDG Cherkassy - Open and volunteer geek community", link: "http://cherkassy.gdg.org.ua", imageUrl: "gdg-cherkassy.png"}
|
||||||
- {name: 'GDG Dnipropetrovsk', description: 'GDG Dnipropetrovsk - Open and volunteer geek community', link: 'http://dnipro.gdg.org.ua', imageUrl: 'gdg-dnipropetrovsk.png'}
|
- {name: "GDG Dnipropetrovsk", description: "GDG Dnipropetrovsk - Open and volunteer geek community", link: "http://dnipro.gdg.org.ua", imageUrl: "gdg-dnipropetrovsk.png"}
|
||||||
|
|
@ -1,23 +1,23 @@
|
||||||
-
|
-
|
||||||
group: 'General sponsor'
|
group: "General sponsor"
|
||||||
elements:
|
elements:
|
||||||
- {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
|
- {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 Lviv", description: "GDG Lviv - Open and volunteer geek community", link: "http://lviv.gdg.org.ua", imageUrl: "gdg-lviv.svg"}
|
||||||
-
|
-
|
||||||
group: 'With support of'
|
group: "With support of"
|
||||||
elements:
|
elements:
|
||||||
- {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
|
- {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 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: "GDG[x]", description: "GDG[x] - Yeah, we can fix that", link: "https://github.com/gdg-x", imageUrl: "gdg-x.svg"}
|
||||||
-
|
-
|
||||||
group: 'Information partners'
|
group: "Information partners"
|
||||||
elements:
|
elements:
|
||||||
- {name: 'Google', description: 'Google', link: 'https://www.google.com.ua/intl/en/about/', imageUrl: 'google.svg'}
|
- {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 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: "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'}
|
- {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 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: "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'}
|
- {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 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: "GDG[x]", description: "GDG[x] - Yeah, we can fix that", link: "https://github.com/gdg-x", imageUrl: "gdg-x.svg"}
|
||||||
|
|
@ -2,45 +2,54 @@
|
||||||
date: "2014-10-24"
|
date: "2014-10-24"
|
||||||
dateReadable: "October 24"
|
dateReadable: "October 24"
|
||||||
tracks:
|
tracks:
|
||||||
- {title: "Android"}
|
- {title: "Android", color: "#90be4e"}
|
||||||
- {title: "Web & Cloud"}
|
- {title: "Web & Cloud", color: "#03a9f4"}
|
||||||
- {title: "Community"}
|
- {title: "Community", color: "#e91e63"}
|
||||||
timeslots:
|
timeslots:
|
||||||
- {
|
- {
|
||||||
startTime: "09:00",
|
startTime: "09:00",
|
||||||
endTime: "10:00",
|
endTime: "10:00",
|
||||||
slots: [001]
|
sessionIds: [001]
|
||||||
}
|
}
|
||||||
- {
|
- {
|
||||||
startTime: "10:00",
|
startTime: "10:00",
|
||||||
endTime: "10:45",
|
endTime: "10:45",
|
||||||
slots: [002, 003, 004]
|
sessionIds: [002, 003, 004]
|
||||||
}
|
}
|
||||||
- {
|
- {
|
||||||
startTime: "11:00",
|
startTime: "11:00",
|
||||||
|
endTime: "11:45",
|
||||||
|
sessionIds: [003, 404, 004]
|
||||||
|
}
|
||||||
|
- {
|
||||||
|
startTime: "12:00",
|
||||||
endTime: "11:45",
|
endTime: "11:45",
|
||||||
slots: [003, 004]
|
sessionIds: [307]
|
||||||
}
|
}
|
||||||
-
|
-
|
||||||
date: "2014-10-25"
|
date: "2014-10-25"
|
||||||
dateReadable: "October 25"
|
dateReadable: "October 25"
|
||||||
tracks:
|
tracks:
|
||||||
- {title: "Android"}
|
- {title: "Android", color: "#90be4e"}
|
||||||
- {title: "Web & Cloud"}
|
- {title: "Web & Cloud", color: "#03a9f4"}
|
||||||
- {title: "Community"}
|
|
||||||
timeslots:
|
timeslots:
|
||||||
- {
|
- {
|
||||||
startTime: "10:00",
|
startTime: "10:00",
|
||||||
endTime: "10:45",
|
endTime: "10:45",
|
||||||
slots: [001, 002, 003]
|
sessionIds: [404, 002]
|
||||||
}
|
}
|
||||||
- {
|
- {
|
||||||
startTime: "11:00",
|
startTime: "11:00",
|
||||||
endTime: "11:45",
|
endTime: "11:45",
|
||||||
slots: [002, 003]
|
sessionIds: [002, 003]
|
||||||
}
|
}
|
||||||
- {
|
- {
|
||||||
startTime: "13:00",
|
startTime: "13:00",
|
||||||
endTime: "13:45",
|
endTime: "13:45",
|
||||||
slots: [003]
|
sessionIds: [003]
|
||||||
|
}
|
||||||
|
- {
|
||||||
|
startTime: "14:00",
|
||||||
|
endTime: "15:00",
|
||||||
|
sessionIds: [503]
|
||||||
}
|
}
|
||||||
|
|
@ -1,45 +1,50 @@
|
||||||
|
-
|
||||||
|
id: 307
|
||||||
|
title: "Coffee Break"
|
||||||
|
place: "Hall"
|
||||||
|
service: true
|
||||||
|
-
|
||||||
|
id: 503
|
||||||
|
title: "Lunch break"
|
||||||
|
place: "Dining room"
|
||||||
|
service: true
|
||||||
-
|
-
|
||||||
id: 001
|
id: 001
|
||||||
title: "Material design: Visual style and imagery"
|
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."
|
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."
|
||||||
track: "Android"
|
|
||||||
subtype: workshop
|
subtype: workshop
|
||||||
speakers: [3]
|
speakers: [3]
|
||||||
language: en
|
language: en
|
||||||
color: "#90be4e"
|
complexity: "Intermediate"
|
||||||
-
|
-
|
||||||
id: 002
|
id: 002
|
||||||
title: "Building Cloud-powered wearable Apps"
|
title: "Building Cloud-powered wearable Apps"
|
||||||
description: "Android wear extends the Android platform to a new generation of wearable devices. The user experience is designed specifically for wearables. In this session you’ll see how to use the Android Wear SDK to build a connected cloud-powered application. Using Android Studio and it’s cloud extensions, you’ll see how to build an app that ‘listens’ for changes in stock prices, and notifies a wearable device. You’ll also see how to use voice controls on the device to trigger interactions with the app, such as buying or selling the stock after a notification. Call to action: Get the SDK and start building apps today!"
|
description: "Android wear extends the Android platform to a new generation of wearable devices. The user experience is designed specifically for wearables. In this session you’ll see how to use the Android Wear SDK to build a connected cloud-powered application. Using Android Studio and it’s cloud extensions, you’ll see how to build an app that ‘listens’ for changes in stock prices, and notifies a wearable device. You’ll also see how to use voice controls on the device to trigger interactions with the app, such as buying or selling the stock after a notification. Call to action: Get the SDK and start building apps today!"
|
||||||
track: "Web & Cloud"
|
|
||||||
subtype: presentation
|
subtype: presentation
|
||||||
speakers: [4, 5]
|
speakers: [4, 5]
|
||||||
language: en
|
language: en
|
||||||
color: "#03a9f4"
|
complexity: "Beginner"
|
||||||
-
|
-
|
||||||
id: 003
|
id: 003
|
||||||
title: "The world is your playground - go global with Google"
|
title: "The world is your playground - go global with Google"
|
||||||
description: "More than ever before, developing for global audience is a necessity than a luxury in today's world. Are you ready ... where to start? what does it entail? how do I do it? how to promote in local markets? This talk will address above questions for android, chrome and web developers. In our journey of the where, what and how, we will take an in-depth look at various internationalization and localization tools & strategies available to you."
|
description: "More than ever before, developing for global audience is a necessity than a luxury in today's world. Are you ready ... where to start? what does it entail? how do I do it? how to promote in local markets? This talk will address above questions for android, chrome and web developers. In our journey of the where, what and how, we will take an in-depth look at various internationalization and localization tools & strategies available to you."
|
||||||
track: "Community"
|
|
||||||
subtype: presentation
|
subtype: presentation
|
||||||
speakers: [4]
|
speakers: [4]
|
||||||
language: en
|
language: en
|
||||||
color: "#e91e63"
|
complexity: "Expert"
|
||||||
-
|
-
|
||||||
id: 004
|
id: 004
|
||||||
title: "Polymer: Interacting with Google Services using nothing but HTML"
|
title: "Polymer: Interacting with Google Services using nothing but HTML"
|
||||||
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
|
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
|
||||||
track: "Web & Cloud"
|
|
||||||
subtype: keynote
|
subtype: keynote
|
||||||
speakers: [6]
|
speakers: [6]
|
||||||
language: uk
|
language: uk
|
||||||
color: "#03a9f4"
|
complexity: "Beginner"
|
||||||
-
|
-
|
||||||
id: 005
|
id: 005
|
||||||
title: "Test: Interacting with Google Services using nothing but HTML"
|
title: "Test: Interacting with Google Services using nothing but HTML"
|
||||||
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
|
description: "Google has 1M APIs and services. Every API is different! Learn how you can interact with Google services without writing code! Designing your UI so it works across multiple screen sizes is no longer a nice to have, it is *the* way to build for the web. Using Polymer, we'll cover how to create robust, responsive elements that work across all platforms."
|
||||||
track: "Web & Cloud"
|
|
||||||
subtype: keynote
|
subtype: keynote
|
||||||
speakers: [7]
|
speakers: [7]
|
||||||
language: en
|
language: en
|
||||||
color: "#03a9f4"
|
complexity: "Expert"
|
||||||
|
|
|
||||||
|
|
@ -4,17 +4,17 @@
|
||||||
{% for day in site.data.schedule %}
|
{% for day in site.data.schedule %}
|
||||||
<div class="schedule-table col-lg-8 col-md-10 col-md-offset-1">
|
<div class="schedule-table col-lg-8 col-md-10 col-md-offset-1">
|
||||||
<h4 class="schedule-table-heading">{{ day.dateReadable }}</h4>
|
<h4 class="schedule-table-heading">{{ day.dateReadable }}</h4>
|
||||||
<div class="timeslot stream-header stick-header">
|
<div class="timeslot track-header stick-header">
|
||||||
<div class="stream-header-label">Day {{ forloop.index }}</div>
|
<div class="track-header-label">Day {{ forloop.index }}</div>
|
||||||
<div class="timeslot-elements flexbox-wrapper">
|
<div class="timeslot-elements flexbox-wrapper">
|
||||||
{% for track in day.tracks %}
|
{% for track in day.tracks %}
|
||||||
{% assign trackColWidth = 12 | divided_by: forloop.length %}
|
{% assign trackColWidth = 12 | divided_by: forloop.length %}
|
||||||
<div class="stream-header-slot col-md-{{ trackColWidth }} flexbox-item-height hidden-xs">
|
<div class="track-header-slot col-md-{{ trackColWidth }} flexbox-item-height hidden-xs">
|
||||||
<h5 class="stream-header-title">{{ track.title }}</h5>
|
<h5 class="track-header-title">{{ track.title }}</h5>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<div class="stream-header-slot col-xs-12 visible-xs">
|
<div class="track-header-slot col-xs-12 visible-xs">
|
||||||
<h5 class="slot-detail stream-header-title"></h5>
|
<h5 class="slot-detail track-header-title"></h5>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -22,40 +22,55 @@
|
||||||
<div class="timeslot" itemtype="http://schema.org/subEvent">
|
<div class="timeslot" itemtype="http://schema.org/subEvent">
|
||||||
<div class="timeslot-label">
|
<div class="timeslot-label">
|
||||||
<time class="start-time" itemprop="startDate" datetime="{{ day.dateReadable }}T{{ timeslot.startTime }}">
|
<time class="start-time" itemprop="startDate" datetime="{{ day.dateReadable }}T{{ timeslot.startTime }}">
|
||||||
{% assign startTime = timeslot.startTime | split:":" %}
|
{% assign startTime = timeslot.startTime | split: ":" %}
|
||||||
{{ startTime[0] }}<span>{{ startTime[1] }}</span>
|
{{ startTime[0] }}<span>{{ startTime[1] }}</span>
|
||||||
</time>
|
</time>
|
||||||
<time class="end-time" itemprop="endDate" datetime="{{ day.dateReadable }}T{{ timeslot.endTime }}">
|
<time class="end-time" itemprop="endDate" datetime="{{ day.dateReadable }}T{{ timeslot.endTime }}">
|
||||||
{% assign endTime = timeslot.endTime | split:":" %}
|
{% assign endTime = timeslot.endTime | split: ":" %}
|
||||||
{{ endTime[0] }}<span>{{ endTime[1] }}</span>
|
{{ endTime[0] }}<span>{{ endTime[1] }}</span>
|
||||||
</time>
|
</time>
|
||||||
</div>
|
</div>
|
||||||
<div class="timeslot-elements flexbox-wrapper">
|
<div class="timeslot-elements flexbox-wrapper">
|
||||||
{% for slot in timeslot.slots %}
|
{% for slot in timeslot.sessionIds %}
|
||||||
{% assign slotColWidth = 12 | divided_by: forloop.length %}
|
{% assign slotColWidth = 12 | divided_by: forloop.length %}
|
||||||
{% for session in site.data.sessions %}
|
{% assign slotIndex = forloop.index0 %}
|
||||||
{% if slot == session.id %}
|
{% if slot != 404 %}
|
||||||
<div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ session.track }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}" style="border-top-color: {{ session.color }}">
|
{% for session in site.data.sessions %}
|
||||||
<div class="slot-content" style="border-right-color: {{ session.color }}">
|
{% if slot == session.id and session.service == null %}
|
||||||
<h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
|
<div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ day.tracks[slotIndex].title }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}">
|
||||||
<span class="slot-language">{{session.language | upcase}}</span>
|
<div class="color-line" style="background: {{ day.tracks[slotIndex].color }}"></div>
|
||||||
<ul class="slot-speakers">
|
<div class="slot-content" style="border-right-color: {{ day.tracks[slotIndex].color }}">
|
||||||
{% for speaker in site.data.speakers %}
|
<h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
|
||||||
{% for session_speaker in session.speakers %}
|
<span class="slot-language">{{session.language | upcase}}</span>
|
||||||
{% if session_speaker == speaker.id %}
|
<p class="slot-complexity">Complexity: <span>{{ session.complexity }}</span></p>
|
||||||
<li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
<ul class="slot-speakers">
|
||||||
<p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
|
{% for speaker in site.data.speakers %}
|
||||||
<span class="speaker-position">{{ speaker.company }}</span>
|
{% for session_speaker in session.speakers %}
|
||||||
</p>
|
{% if session_speaker == speaker.id %}
|
||||||
</li>
|
<li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
|
||||||
{% endif %}
|
<p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
|
||||||
{% endfor %}
|
<span class="speaker-position">{{ speaker.company }}</span>
|
||||||
{% endfor %}
|
</p>
|
||||||
</ul>
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{% elsif slot == session.id and session.service != null %}
|
||||||
{% endif %}
|
<div class="slot col-md-{{ slotColWidth }} col-xs-12 service-slot flexbox-item-height" data-slot-detail="{{ session.place }}">
|
||||||
{% endfor %}
|
<div class="color-line"></div>
|
||||||
|
<div class="slot-content">
|
||||||
|
<h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% else %}
|
||||||
|
<div class="slot col-md-{{ slotColWidth }} hidden-xs blank-col flexbox-item-height"></div>
|
||||||
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<!-- Begin Speakers Modals -->
|
<!-- Begin Sessions Modals -->
|
||||||
<div class="modals" class="modals">
|
<div class="modals" class="modals">
|
||||||
{% for session in site.data.sessions %}
|
{% for session in site.data.sessions %}
|
||||||
<div class="modal fade text-left people-modal" id="sessionDetail-{{ session.id }}" tabindex="-1" role="dialog" aria-labelledby="sessionDetailLabel-{{ session.id }}" aria-hidden="true">
|
<div class="modal fade text-left people-modal" id="sessionDetail-{{ session.id }}" tabindex="-1" role="dialog" aria-labelledby="sessionDetailLabel-{{ session.id }}" aria-hidden="true">
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if page.permalink == '/schedule/' %}
|
{% if page.permalink == '/schedule/' %}
|
||||||
{% include session-modals.html %}
|
{% include sessions-modals.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% include analytics.html %}
|
{% include analytics.html %}
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
var navHeight = $('#top-header').height();
|
var navHeight = $('#top-header').height();
|
||||||
var headerHeight = $('.stream-header').first().height();
|
var headerHeight = $('.track-header').first().height();
|
||||||
$('.stick-header').stick_in_parent({sticky_class: 'sticky', offset_top: navHeight});
|
$('.stick-header').stick_in_parent({sticky_class: 'sticky', offset_top: navHeight});
|
||||||
$('.stick-label').stick_in_parent({offset_top: navHeight + headerHeight});
|
$('.stick-label').stick_in_parent({offset_top: navHeight + headerHeight});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,3 +1,9 @@
|
||||||
|
$speaker-image-size: 40px;
|
||||||
|
$schedule-border: 1px solid #e7e7e7;
|
||||||
|
$title-font-size: 25px;
|
||||||
|
$label-width: 100px;
|
||||||
|
$small-label-width: 80px;
|
||||||
|
|
||||||
.schedule {
|
.schedule {
|
||||||
.schedule-table {
|
.schedule-table {
|
||||||
margin-bottom: 90px;
|
margin-bottom: 90px;
|
||||||
|
|
@ -15,30 +21,30 @@
|
||||||
}
|
}
|
||||||
.timeslot {
|
.timeslot {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-top: 1px solid #e7e7e7;
|
border-top: $schedule-border;
|
||||||
border-left: 1px solid #e7e7e7;
|
border-left: $schedule-border;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 1px solid #e7e7e7;
|
border-bottom: $schedule-border;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.stream-header {
|
.track-header {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
transition: $base-transition;
|
transition: $base-transition;
|
||||||
&.sticky {
|
&.sticky {
|
||||||
box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .15);
|
box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .15);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.stream-header-label {
|
.track-header-label {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 10px 15px 20px;
|
padding: 10px 15px 20px;
|
||||||
max-width: 137px;
|
width: $label-width;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 25px;
|
font-size: $title-font-size;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
max-width: 90px;
|
width: $small-label-width;
|
||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
@ -48,7 +54,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.timeslot-label {
|
.timeslot-label {
|
||||||
@extend .stream-header-label;
|
@extend .track-header-label;
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -65,11 +71,11 @@
|
||||||
}
|
}
|
||||||
.timeslot-elements {
|
.timeslot-elements {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-left: 100px;
|
margin-left: $label-width;
|
||||||
transition: $base-transition;
|
transition: $base-transition;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 80px;
|
margin-left: $small-label-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.slot-title {
|
.slot-title {
|
||||||
|
|
@ -81,56 +87,68 @@
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.stream-header-title {
|
.track-header-title {
|
||||||
@extend .slot-title;
|
@extend .slot-title;
|
||||||
}
|
}
|
||||||
.stream-header-slot {
|
.track-header-slot {
|
||||||
padding: 10px 15px 10px;
|
padding: 10px 15px 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
transition: $base-transition;
|
transition: $base-transition;
|
||||||
border-right: 1px solid #e7e7e7;
|
border-right: $schedule-border;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
border-left: 1px solid #e7e7e7;
|
border-left: $schedule-border;
|
||||||
}
|
}
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-left: 1px solid #e7e7e7;
|
border-left: $schedule-border;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.slot {
|
.slot {
|
||||||
@extend .stream-header-slot;
|
@extend .track-header-slot;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top-width: 5px;
|
cursor: pointer;
|
||||||
border-top-style: solid;
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
border-top: 1px solid #e7e7e7 !important;
|
border-top: $schedule-border;
|
||||||
}
|
}
|
||||||
&:first-child {
|
&.blank-col {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
&.service-slot {
|
||||||
|
@extend .blank-col;
|
||||||
|
min-height: 120px;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
border-top: 0;
|
min-height: 90px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:hover {
|
}
|
||||||
cursor: pointer;
|
.color-line {
|
||||||
}
|
height: 5px;
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
background: #ccc;
|
||||||
}
|
}
|
||||||
.slot-content {
|
.slot-content {
|
||||||
padding: 20px 15px 30px;
|
padding: 20px 15px 30px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
transform: translateY(-5px);
|
transform: translateY(0);
|
||||||
transition: $base-transition;
|
transition: $base-transition;
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
border-right-width: 5px;
|
border-right-width: 5px;
|
||||||
border-right-style: solid;
|
border-right-style: solid;
|
||||||
transform: translateY(0);
|
border-right-color: #ccc;
|
||||||
|
&:hover {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
transform: translateY(0);
|
transform: translateY(5px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.slot-language {
|
.slot-language {
|
||||||
|
|
@ -139,29 +157,34 @@
|
||||||
right: 15px;
|
right: 15px;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
|
.slot-complexity {
|
||||||
|
font-size: 13px;
|
||||||
|
span {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 20px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
min-height: 40px;
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.speaker-img {
|
.speaker-img {
|
||||||
width: 40px;
|
width: $speaker-image-size;
|
||||||
height: 40px;
|
height: $speaker-image-size;
|
||||||
border: 2px solid #fff;
|
border: 2px solid #fff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
box-shadow: 0 1px 0 rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.2);
|
box-shadow: 0 1px 0 rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.2);
|
||||||
}
|
}
|
||||||
.speaker-name {
|
.speaker-name {
|
||||||
line-height: 30px;
|
line-height: $speaker-image-size - 12;
|
||||||
margin-left: 48px;
|
margin-left: $speaker-image-size + 8;
|
||||||
}
|
}
|
||||||
.speaker-position {
|
.speaker-position {
|
||||||
color: #555;
|
color: #555;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
4
_site/css/main.min.css
vendored
4
_site/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -21,8 +21,13 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$('.stream-header').each(function() {
|
$('.track-header').each(function() {
|
||||||
var scheduleFirstSlotText = $(this).closest('.schedule-table').find('.slot').first().data('slotDetail');
|
var slot = $(this).closest('.schedule-table').find('.slot').first();
|
||||||
|
var scheduleFirstSlotText;
|
||||||
|
while(scheduleFirstSlotText === undefined) {
|
||||||
|
scheduleFirstSlotText = slot.data('slotDetail');
|
||||||
|
slot = slot.next();
|
||||||
|
}
|
||||||
$(this).find('.slot-detail').html(scheduleFirstSlotText);
|
$(this).find('.slot-detail').html(scheduleFirstSlotText);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -48,7 +53,7 @@
|
||||||
var header = $('#top-header');
|
var header = $('#top-header');
|
||||||
var logo = $('#logo-header .logo');
|
var logo = $('#logo-header .logo');
|
||||||
var buyButton = $('#right-nav-button');
|
var buyButton = $('#right-nav-button');
|
||||||
var topOffset = header.height() + $('.stream-header').height();
|
var topOffset = header.height() + $('.track-header').height();
|
||||||
|
|
||||||
if (scroll >= 100) {
|
if (scroll >= 100) {
|
||||||
header.addClass('after-scroll');
|
header.addClass('after-scroll');
|
||||||
|
|
@ -69,7 +74,7 @@
|
||||||
var offsetActivator = topOffset + $(this).find('.slot-title').height();
|
var offsetActivator = topOffset + $(this).find('.slot-title').height();
|
||||||
|
|
||||||
if(currentPosition <= offsetActivator && currentPosition >= 0) {
|
if(currentPosition <= offsetActivator && currentPosition >= 0) {
|
||||||
$('.stream-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
|
$('.track-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
2
_site/js/scripts.min.js
vendored
2
_site/js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -139,6 +139,10 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="title slider-item animated fadeInRight hidden">Material design: Visual style and imagery</li>
|
<li class="title slider-item animated fadeInRight hidden">Material design: Visual style and imagery</li>
|
||||||
|
|
||||||
|
|
@ -188,6 +192,10 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -253,6 +261,10 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -309,6 +321,10 @@
|
||||||
<div class="lily-bottom">
|
<div class="lily-bottom">
|
||||||
<ul class="slider">
|
<ul class="slider">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -369,6 +385,10 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -504,6 +524,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h4>Material design: Visual style and imagery</h4>
|
<h4>Material design: Visual style and imagery</h4>
|
||||||
|
|
@ -576,6 +600,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -668,6 +696,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -755,6 +787,10 @@
|
||||||
<div class="close-mask" data-dismiss="modal"></div>
|
<div class="close-mask" data-dismiss="modal"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -841,6 +877,10 @@
|
||||||
<div class="close-mask" data-dismiss="modal"></div>
|
<div class="close-mask" data-dismiss="modal"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
4
css/main.min.css
vendored
4
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -21,8 +21,13 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$('.stream-header').each(function() {
|
$('.track-header').each(function() {
|
||||||
var scheduleFirstSlotText = $(this).closest('.schedule-table').find('.slot').first().data('slotDetail');
|
var slot = $(this).closest('.schedule-table').find('.slot').first();
|
||||||
|
var scheduleFirstSlotText;
|
||||||
|
while(scheduleFirstSlotText === undefined) {
|
||||||
|
scheduleFirstSlotText = slot.data('slotDetail');
|
||||||
|
slot = slot.next();
|
||||||
|
}
|
||||||
$(this).find('.slot-detail').html(scheduleFirstSlotText);
|
$(this).find('.slot-detail').html(scheduleFirstSlotText);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -48,7 +53,7 @@
|
||||||
var header = $('#top-header');
|
var header = $('#top-header');
|
||||||
var logo = $('#logo-header .logo');
|
var logo = $('#logo-header .logo');
|
||||||
var buyButton = $('#right-nav-button');
|
var buyButton = $('#right-nav-button');
|
||||||
var topOffset = header.height() + $('.stream-header').height();
|
var topOffset = header.height() + $('.track-header').height();
|
||||||
|
|
||||||
if (scroll >= 100) {
|
if (scroll >= 100) {
|
||||||
header.addClass('after-scroll');
|
header.addClass('after-scroll');
|
||||||
|
|
@ -69,7 +74,7 @@
|
||||||
var offsetActivator = topOffset + $(this).find('.slot-title').height();
|
var offsetActivator = topOffset + $(this).find('.slot-title').height();
|
||||||
|
|
||||||
if(currentPosition <= offsetActivator && currentPosition >= 0) {
|
if(currentPosition <= offsetActivator && currentPosition >= 0) {
|
||||||
$('.stream-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
|
$('.track-header.sticky').find('.slot-detail').html($(this).data('slotDetail'));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
2
js/scripts.min.js
vendored
2
js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue