interlude/index.html

121 lines
4.0 KiB
HTML

<html>
<head>
<title>The IT Tour</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/2.6.2/css/reveal.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/2.6.2/css/theme/night.css">
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300,400italic,400,700italic,700&subset=latin,cyrillic">
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/2.6.2/lib/js/head.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/2.6.2/js/reveal.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/lang/bg.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ractive.js/0.3.7/ractive.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<script src="schedule.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
</div>
</div>
<video id="background_video" src="background.mp4" loop autoplay />
<script id="agenda_template" type="text/ractive">
<section id="agenda">
<table class="reveal">
<thead>
<tr>
<th>
Час
</th>
<th>
Лекция
</th>
<th>
Лектор
</th>
</tr>
</thead>
<tbody>
{{#pastEvents}}
<tr class="past_event">
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>{{speaker.name}}</td>
</tr>
{{/pastEvents}}
{{#nextEvent}}
<tr class="next_event">
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>{{speaker.name}}</td>
</tr>
{{/nextEvent}}
{{#futureEvents}}
<tr class="future_event">
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>{{speaker.name}}</td>
</tr>
{{/futureEvents}}
</tbody>
</table>
</section>
</script>
<script id="next_talk_template" type="text/ractive">
<section id="next_talk">
<h3>Следва</h3>
<h1>{{nextEvent.title}}</h1>
<p>{{nextEvent.description}}</p>
<h4>({{nextEvent.startTime.fromNow()}})</h4>
</section>
</script>
<script id="next_speaker_template" type="text/ractive">
<section id="next_speaker">
<h3>Лектор</h3>
<h1>{{nextEvent.speaker.name}}</h1>
<p>{{nextEvent.speaker.description}}</p>
</section>
</script>
<script id="slides_template" type="text/ractive">
<section data-state="update-safe">
<img src="logo.svg">
</section>
{{#eventCount}}
<section>
{{> agenda_template}}
{{#nextEvent}}
{{> next_talk_template}}
{{/nextEvent}}
{{#nextEvent.speaker}}
{{> next_speaker_template}}
{{/nextEvent.speaker}}
</section>
{{/eventCount}}
<section>
<h1>#PlovdivConf</h1>
<a class="twitter-timeline" href="https://twitter.com/search?q=%23PlovdivConf" data-widget-id="466029214940925952">Tweets about "#PlovdivConf"</a>
<script src="https://platform.twitter.com/widgets.js" id="twitter-wjs"></script>
</section>
</script>
<script type="text/javascript" src="ractive-init.js"></script>
<script type="text/javascript" src="reveal-init.js"></script>
</body>
</html>