interlude/index.html

143 lines
4.4 KiB
HTML
Raw Normal View History

2014-05-13 07:27:47 +03:00
<html>
<head>
2021-08-08 14:13:07 +03:00
<title>OpenFest 2021</title>
2014-05-13 07:27:47 +03:00
<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">
2014-05-13 07:27:47 +03:00
<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 /> -->
<!-- TODO: fix display of speakers -->
2014-05-13 07:27:47 +03:00
<script id="agenda_template" type="text/ractive">
<section id="agenda">
<h3>{{room}}</h3>
2014-05-13 07:27:47 +03:00
<table class="reveal">
<tbody>
2014-05-13 15:43:58 +03:00
{{#pastEvents}}
<tr class="past_event">
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>
{{#speakers}}
{{name}}
{{/speakers}}
</td>
2014-05-13 15:43:58 +03:00
</tr>
{{/pastEvents}}
{{#nextEvent}}
<tr class="next_event">
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>
{{#speakers}}
{{name}}
{{/speakers}}
</td>
2014-05-13 15:43:58 +03:00
</tr>
{{/nextEvent}}
{{#futureEvents}}
<tr class="future_event">
2014-05-13 07:27:47 +03:00
<td>{{startTime.format('HH:mm')}}</td>
<td>{{title}}</td>
<td>
{{#speakers}}
{{name}}
{{/speakers}}
</td>
2014-05-13 07:27:47 +03:00
</tr>
2014-05-13 15:43:58 +03:00
{{/futureEvents}}
2014-05-13 07:27:47 +03:00
</tbody>
</table>
</section>
</script>
2014-06-21 05:08:15 +03:00
<script id="current_talk_template" type="text/ractive">
<section id="current_talk">
<h4>В момента</h4>
<h2>{{currentEvent.title}}</h2>
<p>{{currentEvent.abstract}}</p>
2014-06-21 05:08:15 +03:00
</section>
</script>
<script id="speaker_template" type="text/ractive">
<section>
<h4>Лектор</h4>
<h2>{{name}}</h2>
<p>{{description}}</p>
2014-06-21 05:08:15 +03:00
</section>
</script>
<script id="next_talk_template" type="text/ractive">
<section id="next_talk">
<h4>Следва</h4>
<h2>{{nextEvent.title}}</h2>
<p>{{nextEvent.abstract}}</p>
<h5><i>({{nextEvent.startTime.from(now)}})</i></h5>
2014-05-13 07:27:47 +03:00
</section>
</script>
<script id="slides_template" type="text/ractive">
<section data-state="update-safe">
2016-11-04 16:51:20 +02:00
<img src="logo.png">
2014-05-13 07:27:47 +03:00
</section>
2014-05-13 15:43:58 +03:00
{{#eventCount}}
2014-05-13 15:52:30 +03:00
<section>
{{> agenda_template}}
2014-05-13 07:27:47 +03:00
2014-06-21 05:08:15 +03:00
{{#currentEvent}}
{{> current_talk_template}}
{{/currentEvent}}
{{#currentEvent.speakers}}
{{> speaker_template}}
{{/currentEvent.speakers}}
2014-06-21 05:08:15 +03:00
2014-05-13 15:52:30 +03:00
{{#nextEvent}}
{{> next_talk_template}}
2014-05-13 15:52:30 +03:00
{{/nextEvent}}
2014-05-13 07:27:47 +03:00
{{#nextEvent.speakers}}
{{> speaker_template}}
{{/nextEvent.speakers}}
2014-05-13 15:52:30 +03:00
</section>
{{/eventCount}}
2014-05-13 07:27:47 +03:00
<section>
2021-08-08 14:13:07 +03:00
<h1>#OpenFest2021</h1>
2016-11-04 16:51:20 +02:00
<h2>в Twitter</h2>
2014-05-13 07:27:47 +03:00
</section>
</script>
<script type="text/javascript" src="ractive-init.js"></script>
2014-05-13 07:27:47 +03:00
<script type="text/javascript" src="reveal-init.js"></script>
2021-08-11 16:57:10 +03:00
<script type="text/javascript">
// use for green screen background
if ($.urlParam('background')) {
$('body').css('background-color', $.urlParam('background'));
}
</script>
2014-05-13 07:27:47 +03:00
</body>
</html>