mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2025-06-07 22:11:29 +02:00
Random rockstar speakers view generation
This commit is contained in:
Oleh Zasadnyy
parent
4648f0dfc3
commit
5eed78d0d3
21 changed files with 951 additions and 126 deletions
254
_site/index.html
254
_site/index.html
|
|
@ -296,58 +296,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<div class="overlay solid-overlay"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
|
||||
<h3>Rockstar speakers</h3>
|
||||
|
||||
|
||||
<div id="rockstar-speaker-3" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="3" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/DawidOstrowski.jpg)"></div>
|
||||
<div class="name">Dawid Ostrowski</div>
|
||||
<div class="sub">Google Poland</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="rockstar-speaker-4" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="4" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/DmytroDanylyk.jpg)"></div>
|
||||
<div class="name">Dmytro Danylyk</div>
|
||||
<div class="sub">Lemberg Solutions Limited</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="rockstar-speaker-5" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="5" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/MateuszHerych.jpg)"></div>
|
||||
<div class="name">Mateusz Herych</div>
|
||||
<div class="sub">Base CRM, GDG Krakow</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="rockstar-speaker-6" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="6" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/RomanMazur.jpg)"></div>
|
||||
<div class="name">Roman Mazur</div>
|
||||
<div class="sub">Stanfy, GDG Kyiv</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="rockstar-speaker-7" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="7" data-animation="fadeInUp" data-delay="500">
|
||||
<div class="rockstar-speaker">
|
||||
<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(/zeppelin/img/speakers/ValentynShybanov.jpg)"></div>
|
||||
<div class="name">Valentyn Shybanov</div>
|
||||
<div class="sub">Twinfield, GDG Kyiv</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3 id="rockstar-speaker-title">Rockstar speakers</h3>
|
||||
<div class="clearfix"></div>
|
||||
<span class="bordered">
|
||||
<a href="/zeppelin/speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
|
||||
|
|
@ -365,14 +314,15 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<div class="row">
|
||||
<div class="pull-left">
|
||||
<h3>Location</h3>
|
||||
<ul itemscope="" itemtype="http://schema.org/PostalAddress">
|
||||
<li itemprop="name">Conference Hall</li>
|
||||
<li itemprop="address"></li>
|
||||
<li itemprop="email"><a href="mailto:devfest@gdg.org.ua">devfest@gdg.org.ua</a>
|
||||
</li>
|
||||
<li itemscope="" itemtype="http://schema.org/Event">
|
||||
<time itemprop="startDate" datetime="2014-10-24T10:00">10:00</time>-
|
||||
<time itemprop="endDate" datetime="2014-10-24T20:00">20:00</time>
|
||||
<ul>
|
||||
<li>Conference Hall</li>
|
||||
<li>22 Teatral'na St, Lviv</li>
|
||||
<li><a href="mailto:devfest@gdg.org.ua">devfest@gdg.org.ua</a></li>
|
||||
<li>
|
||||
|
||||
<time>10:00</time> -
|
||||
|
||||
<time>20:00</time>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -436,7 +386,7 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<svg class="icon" viewBox="0 0 30 32">
|
||||
<use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
|
||||
</svg>
|
||||
<h3What's Up? <a href="https://twitter.com/search?q=%23devfest" target="_blank">#devfest</a>
|
||||
<h3>What's Up? <a href="https://twitter.com/search?q=%23devfest" target="_blank">#devfest</a>
|
||||
</h3>
|
||||
<div id="tweets" class="tweets"></div>
|
||||
</div>
|
||||
|
|
@ -643,6 +593,12 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<div class="pricing-content">
|
||||
<ul>
|
||||
|
||||
<li>Lorem ipsum is simply</li>
|
||||
|
||||
<li>Dummy text of the printing</li>
|
||||
|
||||
<li>Typesetting industry</li>
|
||||
|
||||
</ul>
|
||||
<a class="button" href="http://dfua.ticketforevent.com/" target="_blank">Buy Now</a>
|
||||
</div>
|
||||
|
|
@ -659,6 +615,12 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<div class="pricing-content">
|
||||
<ul>
|
||||
|
||||
<li>Lorem ipsum is simply</li>
|
||||
|
||||
<li>Dummy text of the printing</li>
|
||||
|
||||
<li>Typesetting industry</li>
|
||||
|
||||
</ul>
|
||||
<a class="button" href="http://dfua.ticketforevent.com/" target="_blank">Buy Now</a>
|
||||
</div>
|
||||
|
|
@ -675,6 +637,12 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
<div class="pricing-content">
|
||||
<ul>
|
||||
|
||||
<li>Lorem ipsum is simply</li>
|
||||
|
||||
<li>Dummy text of the printing</li>
|
||||
|
||||
<li>Typesetting industry</li>
|
||||
|
||||
</ul>
|
||||
<a class="button" href="http://dfua.ticketforevent.com/" target="_blank">Buy Now</a>
|
||||
</div>
|
||||
|
|
@ -831,9 +799,173 @@ This... <a href="/zeppelin/blog/hello-world">continue reading</a></p>
|
|||
loop: true
|
||||
});
|
||||
});
|
||||
//Rockstar speakers
|
||||
var rockstarSpeakers = [
|
||||
|
||||
|
||||
{name: "Dawid Ostrowski", company: "Google Poland", image: "/zeppelin/img/speakers/DawidOstrowski.jpg"},
|
||||
|
||||
|
||||
|
||||
{name: "Dmytro Danylyk", company: "Lemberg Solutions Limited", image: "/zeppelin/img/speakers/DmytroDanylyk.jpg"},
|
||||
|
||||
|
||||
|
||||
{name: "Mateusz Herych", company: "Base CRM, GDG Krakow", image: "/zeppelin/img/speakers/MateuszHerych.jpg"},
|
||||
|
||||
|
||||
|
||||
{name: "Roman Mazur", company: "Stanfy, GDG Kyiv", image: "/zeppelin/img/speakers/RomanMazur.jpg"},
|
||||
|
||||
|
||||
|
||||
{name: "Valentyn Shybanov", company: "Twinfield, GDG Kyiv", image: "/zeppelin/img/speakers/ValentynShybanov.jpg"}
|
||||
|
||||
|
||||
];
|
||||
rockstarSpeakers.sort(function() {return 0.5 - Math.random()});
|
||||
if(rockstarSpeakers.length > 0) {
|
||||
var animationDelay = 1500,
|
||||
count = 3,
|
||||
colWidth = 12/count;
|
||||
for(i=0; i<count; i++) {
|
||||
$('#rockstar-speaker-title').after('<div class="col-md-'+ colWidth +' col-xs-6 rockstar-speakers-item animated hiding" data-animation="fadeInUp" data-delay="' + animationDelay +'"><div class="rockstar-speaker"><div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(' + rockstarSpeakers[i].image + ')"></div><div class="name">' + rockstarSpeakers[i].name + '</div><div class="sub">' + rockstarSpeakers[i].company + '</div></div></div>');
|
||||
animationDelay -= 500;
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script src="/zeppelin/js/scripts.min.js "></script>
|
||||
<script type="application/ld+json">
|
||||
[{
|
||||
"@context" : "http://schema.org",
|
||||
"@type" : "Event",
|
||||
"name" : "GDG DevFest Season 2014",
|
||||
"description": "GDG DevFest is a set of events all around the world",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/seo/sharing-google-plus.png",
|
||||
"url" : "http://gdg-ukraine.github.io",
|
||||
"startDate" : "2014-10-24T10:00",
|
||||
"doorTime" : "09:00",
|
||||
"endDate" : "2014-10-24T20:00",
|
||||
"location" : {
|
||||
"@type" : "Place",
|
||||
"name" : "Conference Hall",
|
||||
"sameAs" : "http://cabinet.kinopalace.lviv.ua/showtimes/",
|
||||
"address" : {
|
||||
"@type" : "PostalAddress",
|
||||
"streetAddress" : "22 Teatral'na St",
|
||||
"addressLocality" : "Lviv",
|
||||
"addressRegion" : "Lvivska",
|
||||
"postalCode" : "79000",
|
||||
"addressCountry" : "Ukraine"
|
||||
}
|
||||
},
|
||||
"organizer" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "GDG Lviv",
|
||||
"alternateName" : "Google Developer Group Lviv",
|
||||
"description" : "Open and volunteer geek communities who create exciting projects and share experience about Google technology with passion."
|
||||
"logo" : "http://gdg-ukraine.github.io/zeppelin/img/seo/organizer-logo.png",
|
||||
"email" : "lviv@gdg.org.ua",
|
||||
"sameAs" : "http://lviv.gdg.org.ua/"
|
||||
},
|
||||
"offers" : [
|
||||
|
||||
{
|
||||
"@type" : "Offer",
|
||||
"name" : "1 day",
|
||||
"url" : "http://dfua.ticketforevent.com/",
|
||||
"price" : "$100",
|
||||
"validFrom" : "2014-08-20T10:00",
|
||||
"validThrough" : "2014-10-23T23:59"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Offer",
|
||||
"name" : "3 days",
|
||||
"url" : "http://dfua.ticketforevent.com/",
|
||||
"price" : "$180",
|
||||
"validFrom" : "2014-08-20T10:00",
|
||||
"validThrough" : "2014-10-23T23:59"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Offer",
|
||||
"name" : "2 days",
|
||||
"url" : "http://dfua.ticketforevent.com/",
|
||||
"price" : "$150",
|
||||
"validFrom" : "2014-08-20T10:00",
|
||||
"validThrough" : "2014-10-23T23:59"
|
||||
}
|
||||
|
||||
],
|
||||
"performer" : [
|
||||
|
||||
{
|
||||
"@type" : "Person",
|
||||
"name" : "Dawid Ostrowski",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/speakers/DawidOstrowski.jpg",
|
||||
"jobTitle" : "Developer Relations Program Manager",
|
||||
"worksFor" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "Google Poland"
|
||||
}
|
||||
"sameAs" : "https://plus.google.com/+DawidOstrowski/"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Person",
|
||||
"name" : "Dmytro Danylyk",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/speakers/DmytroDanylyk.jpg",
|
||||
"jobTitle" : "Android Developer",
|
||||
"worksFor" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "Lemberg Solutions Limited"
|
||||
}
|
||||
"sameAs" : "https://plus.google.com/+DmytroDanylyk"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Person",
|
||||
"name" : "Mateusz Herych",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/speakers/MateuszHerych.jpg",
|
||||
"jobTitle" : "Software Engineer",
|
||||
"worksFor" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "Base CRM, GDG Krakow"
|
||||
}
|
||||
"sameAs" : "https://plus.google.com/+MateuszHerych"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Person",
|
||||
"name" : "Roman Mazur",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/speakers/RomanMazur.jpg",
|
||||
"jobTitle" : "Head of Android/Java Unit",
|
||||
"worksFor" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "Stanfy, GDG Kyiv"
|
||||
}
|
||||
"sameAs" : "https://plus.google.com/+RomanMazur/"
|
||||
},
|
||||
|
||||
{
|
||||
"@type" : "Person",
|
||||
"name" : "Valentyn Shybanov",
|
||||
"image" : "http://gdg-ukraine.github.io/zeppelin/img/speakers/ValentynShybanov.jpg",
|
||||
"jobTitle" : "Software engineer/country manager",
|
||||
"worksFor" : {
|
||||
"@type" : "Organization",
|
||||
"name" : "Twinfield, GDG Kyiv"
|
||||
}
|
||||
"sameAs" : "https://google.com/+ValentynShybanov"
|
||||
}
|
||||
|
||||
],
|
||||
"eventStatus" : "EventScheduled",
|
||||
"typicalAgeRange" : "16+"
|
||||
}]
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue