<!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 2017 Schedule</title>
        <meta name="description" content="Schedule for WMCON 2017, March 31 - April 2, 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_2017"><img src="img/Wikimedia_Conference_logo.png" alt="Wikimedia Conference 2017"></a>
                    </div>
                    <div id="page-links">
                        <a href="https://meta.wikimedia.org/wiki/Wikimedia_Conference_2017">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 2017</h1>
            <h2>March 31 - April 2 ·  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/schedule2017.js"></script>
    </body>
</html>
