wmcon.wikimedia.de-website/public_html/index.html

230 lines
11 KiB
HTML
Executable File

<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Wikimedia Conference 2018 Schedule</title>
<meta name="description" content="Schedule for WMCON 2018, April 20-22, Berlin.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/schedule.css">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/Wikimedia-favicon.png">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51039715-2', 'auto');
ga('send', 'pageview');
</script>
<script src="js/modernizr.js"></script>
</head>
<body>
<header>
<nav>
<div class="container">
<div class="logo">
<a href="https://meta.wikimedia.org/wiki/Wikimedia_Conference_2018"><img src="img/Wikimedia_Conference_logo.png" alt="Wikimedia Conference 2018"></a>
</div>
<div id="page-links">
<a href="https://meta.wikimedia.org/wiki/Wikimedia_Conference_2018">Info on Meta</a>
<a href="#_spaces" id="spaces-page-link">Tracks</a>
</div>
</div>
</nav>
</header>
<div class="container">
<h1>Schedule for the Wikimedia Conference 2018</h1>
<h2>April 20-22 &middot; Mercure Hotel Tempelhof Airport</h2>
<div id="schedule-controls"></div>
<article id="schedule"></article>
</div>
<script type="text/template" id="session-list-template">
<div id="friday" class="schedule-tab">
<h3><span>Friday Morning</span></h3>
<div id="friday-registration" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Friday Morning Sessions</span></h3>
<div id="friday-session-block-1" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Friday Lunch</span></h3>
<div id="friday-lunch" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Friday Afternoon Sessions</span></h3>
<div id="friday-session-block-2" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Friday Evening</span></h3>
<div id="friday-evening" class="page-block"><div class="open-block">OPEN</div></div>
</div>
<div id="saturday" class="schedule-tab">
<h3><span>Saturday Morning</span></h3>
<div id="saturday-registration" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Saturday Morning Sessions</span></h3>
<div id="saturday-session-block-1" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Saturday Lunch</span></h3>
<div id="saturday-lunch" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Saturday Afternoon Sessions</span></h3>
<div id="saturday-session-block-2" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Saturday Evening</span></h3>
<div id="saturday-evening" class="page-block"><div class="open-block">OPEN</div></div>
</div>
<div id="sunday" class="schedule-tab">
<h3><span>Sunday Morning</span></h3>
<div id="sunday-registration" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Sunday Morning Sessions</span></h3>
<div id="sunday-session-block-1" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Sunday Lunch</span></h3>
<div id="sunday-lunch" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Sunday Afternoon Sessions</span></h3>
<div id="sunday-session-block-2" class="page-block"><div class="open-block">OPEN</div></div>
<h3><span>Sunday Evening</span></h3>
<div id="sunday-evening" class="page-block"><div class="open-block">OPEN</div></div>
</div>
</script>
<script type="text/template" id="session-card-template">
<a href="#_session-<%= sessionID %>" id="session-<%= sessionID %>" class="session-list-item<% if (session.space == 'Everyone') { %> session-everyone<% } %>" data-session="<%= sessionID.replace('-ghost','') %>">
<h4><%= smartypants(session.title) %></h4>
<div>
<% if (showFacilitators && session.facilitators) { %>
<div class="session-facilitators">
<%= smartypants(session.facilitators) %>
</div>
<% } %>
<% if (session.start) { %>
<div class="session-time">
<% if (session.day) { %><%= session.day %>, <% } %><%= session.start %>
</div>
<% } %>
<% if (session.space || session.location) { %>
<div class="session-space-and-location">
<% if (session.space) { %><%= session.space %><% } %><% if (session.space&&session.location) { %>, <% } %><% if (session.location) { %><%= smartypants(session.location) %><% } %>
</div>
<% } %>
<% if (session.pathways) { %>
<div class="session-pathways">
<%= session.pathways %>
</div>
<% } %>
</div>
</a>
</script>
<script type="text/template" id="session-list-item-template">
<a href="#_session-<%= sessionID %>" id="session-<%= sessionID %>" class="session-list-item" data-session="<%= sessionID.replace('-ghost','') %>">
<h4><%= smartypants(session.title) %></h4>
<% if (session.start) { %>
<div class="session-time">
<% if (session.day) { %><%= session.day %>, <% } %><%= session.start %>
</div>
<% } %>
<% if (session.space || session.location) { %>
<div class="session-space-and-location">
<% if (session.space) { %><%= session.space %><% } %><% if (session.space&&session.location) { %>, <% } %><% if (session.location) { %><%= smartypants(session.location) %><% } %>
</div>
<% } %>
<% if (session.pathways) { %>
<div class="session-pathways">
<%= session.pathways %>
</div>
<% } %>
<% if (showFacilitators && session.facilitators.length > 0) { %>
<div class="session-facilitators">
<%= smartypants(session.facilitators) %>
</div>
<% } %>
<div class="hidden session-description">
<% if (session.description) { %>
<%= marked(session.description.replace('http://','').replace('https://','')) %>
<% } %>
</div>
</a>
</script>
<script type="text/template" id="session-detail-template">
<div id="session-detail-wrapper">
<a id="show-full-schedule" href="/">Back to full schedule</a>
<div id="session-detail-<%= session.id %>" class="session-detail" data-session="<%= session.id %>">
<div class="header">
<h2><%= smartypants(session.title) %></h2>
</div>
<div class="meta">
<% if (session.start) { %>
<div class="session-time">
<% if (session.day) { %><%= session.day %>, <% } %><%= session.start %>
</div>
<% } %>
<% if (session.space || session.location) { %>
<div class="session-space-and-location">
<% if (session.space) { %>
<a href="#_space-<%= slugify(session.space) %>"><%= session.space %></a><% } %><% if (session.space&&session.location) { %>, <% } %><% if (session.location) { %><%= smartypants(session.location) %><% } %>
</div>
<% } %>
<% if (session.pathways && session.pathwayArray.length) { %>
<div class="session-pathways">
<% session.pathwayArray.forEach(function(name, index) { %><% if (index > 0) { %>, <% } %>
<a href="#_pathway-<%= slugify(name) %>"><%= name %></a><% }) %>
</div>
<% } %>
<% if (session.facilitators) { %>
<div class="session-facilitators">
<% session.facilitator_array.forEach(function(facilitator, index) { %><% if (index > 0) { %>, <br><% } %><%= facilitator.name %><% if (facilitator.twitter) { %> <a href="https://twitter.com/<%= facilitator.twitter %>"><%= facilitator.twitter %></a><% } %><% if (facilitator.description.length>0) { %>, <%= facilitator.description %><% } %><% }) %>
</div>
<% } %>
</div>
<% if (session.description) { %>
<div class="session-description">
<%= marked(session.description) %>
</div>
<% } %>
</div>
</div>
</script>
<script type="text/template" id="spaces-list-template">
<div class="space-list-item" data-space="<%= space.slugify(space.name) %>">
<div class="space-icon-container">
<img src=<%= space.iconSrc %>>
</div>
<h4><%= space.name %></h4>
<div>
<a class="see-all-events-in-this-space" href="#_space-<%= space.slugify(space.name) %>">See all events in this Track</a>
<% space.description.forEach(function(p) { %>
<%= marked(p) %>
<% }) %>
</div>
</div>
</script>
<script type="text/template" id="pathways-list-template">
<% if (name) { %>
<a href="#_pathway-<%= slugify(name) %>" class="pathway-list-item" data-pathway="<%= slugify(name) %>">
<h4><%= name %></h4>
<p><%= numSessions %> session<% if (numSessions>1) { %>s<% } %></p>
<% if (description.length) { %><% description.forEach(function(p) { %>
<%= marked(p) %>
<% }) %><% } %>
</a>
<% } %>
</script>
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/marked.min.js"></script>
<script src="js/schedule2018.js"></script>
</body>
</html>