143 lines
4.4 KiB
HTML
143 lines
4.4 KiB
HTML
<html>
|
||
<head>
|
||
<title>OpenFest 2021</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 /> -->
|
||
<!-- TODO: fix display of speakers -->
|
||
|
||
<script id="agenda_template" type="text/ractive">
|
||
<section id="agenda">
|
||
<h3>{{room}}</h3>
|
||
<table class="reveal">
|
||
<tbody>
|
||
{{#pastEvents}}
|
||
<tr class="past_event">
|
||
<td>{{startTime.format('HH:mm')}}</td>
|
||
<td>{{title}}</td>
|
||
<td>
|
||
{{#speakers}}
|
||
{{name}}
|
||
{{/speakers}}
|
||
</td>
|
||
</tr>
|
||
{{/pastEvents}}
|
||
|
||
{{#nextEvent}}
|
||
<tr class="next_event">
|
||
<td>{{startTime.format('HH:mm')}}</td>
|
||
<td>{{title}}</td>
|
||
<td>
|
||
{{#speakers}}
|
||
{{name}}
|
||
{{/speakers}}
|
||
</td>
|
||
</tr>
|
||
{{/nextEvent}}
|
||
|
||
{{#futureEvents}}
|
||
<tr class="future_event">
|
||
<td>{{startTime.format('HH:mm')}}</td>
|
||
<td>{{title}}</td>
|
||
<td>
|
||
{{#speakers}}
|
||
{{name}}
|
||
{{/speakers}}
|
||
</td>
|
||
</tr>
|
||
{{/futureEvents}}
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
</script>
|
||
|
||
<script id="current_talk_template" type="text/ractive">
|
||
<section id="current_talk">
|
||
<h4>В момента</h4>
|
||
<h2>{{currentEvent.title}}</h2>
|
||
<p>{{currentEvent.abstract}}</p>
|
||
</section>
|
||
</script>
|
||
|
||
<script id="speaker_template" type="text/ractive">
|
||
<section>
|
||
<h4>Лектор</h4>
|
||
<h2>{{name}}</h2>
|
||
<p>{{description}}</p>
|
||
</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>
|
||
</section>
|
||
</script>
|
||
|
||
<script id="slides_template" type="text/ractive">
|
||
<section data-state="update-safe">
|
||
<img src="logo.png">
|
||
</section>
|
||
|
||
{{#eventCount}}
|
||
<section>
|
||
{{> agenda_template}}
|
||
|
||
{{#currentEvent}}
|
||
{{> current_talk_template}}
|
||
{{/currentEvent}}
|
||
|
||
{{#currentEvent.speakers}}
|
||
{{> speaker_template}}
|
||
{{/currentEvent.speakers}}
|
||
|
||
{{#nextEvent}}
|
||
{{> next_talk_template}}
|
||
{{/nextEvent}}
|
||
|
||
{{#nextEvent.speakers}}
|
||
{{> speaker_template}}
|
||
{{/nextEvent.speakers}}
|
||
</section>
|
||
{{/eventCount}}
|
||
|
||
<section>
|
||
<h1>#OpenFest2021</h1>
|
||
<h2>в Twitter</h2>
|
||
</section>
|
||
</script>
|
||
|
||
<script type="text/javascript" src="ractive-init.js"></script>
|
||
<script type="text/javascript" src="reveal-init.js"></script>
|
||
<script type="text/javascript">
|
||
// use for green screen background
|
||
if ($.urlParam('background')) {
|
||
$('body').css('background-color', $.urlParam('background'));
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|