<%
var langs = require("ep_etherpad-lite/node/hooks/i18n").availableLangs
var skinColors = require('ep_etherpad-lite/node/utils/SkinColors');
var renderLang = (req && typeof req.acceptsLanguages === 'function'
&& req.acceptsLanguages(Object.keys(langs))) || 'en';
var renderDir = (langs[renderLang] && langs[renderLang].direction === 'rtl') ? 'rtl' : 'ltr';
var themeColor = skinColors.configuredToolbarColor(settings.skinName, settings.skinVariants);
// See pad.html: emit a media-scoped dark variant so iOS Safari picks the
// dark toolbar color at first paint on a dark-OS client (issue #7606).
var darkThemeColor = settings.enableDarkMode ? skinColors.darkToolbarColor(settings.skinName) : null;
%>
<%=settings.title%> Timeslider
<%- typeof socialMetaHtml !== 'undefined' ? socialMetaHtml : '' %>
<% if (themeColor) { %> media="(prefers-color-scheme: light)"<% } %>><% } %>
<% if (darkThemeColor) { %><% } %>
<% if (darkThemeColor) { %>
<% } %>
<% e.begin_block("timesliderStyles"); %>
<% e.end_block(); %>
<% e.begin_block("timesliderScripts"); %>
<% e.end_block(); %>
<% e.begin_block("timesliderBody"); %>
<% e.end_block(); %>