Moved embed.html to handlebars-file, and fixed toast-wordbreaks

This commit is contained in:
Kasper Rynning-Tønnesen
2018-03-04 20:13:07 +01:00
parent e3469875c2
commit a34f7570cc
10 changed files with 319 additions and 263 deletions

View File

@@ -1,104 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Embedded Zoff</title>
<meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen"/>
<meta name="description" content="The Shared (free) YouTube radio. Being built around the YouTube search and video API it enables the creation of collaborative and shared live playlists, with billions of videos and songs to choose from, all for free and without registration. Enjoy!"/>
<meta charset="UTF-8"/>
<link type="text/css" rel="stylesheet" href="/assets/css/materialize.min.css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script type="text/javascript" src="/assets/dist/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
<link type="text/css" rel="stylesheet" href="/assets/css/embed.css" />
<script src="/assets/dist/embed.min.js"></script>
</head>
<body class="noselect">
<div id="locked_channel" class="modal">
<div class="modal-content">
<h5>Locked Channel</h5>
<p>This channel has a password, and can't be accessed in embedded mode.</p>
</div>
<div class="modal-footer">
</div>
</div>
<div id="song-title"></div>
<div id="container" style="display:inline-flex;">
<div id="player-container">
<div id="player"></div>
<div id="zoffbutton" title="Visit the channel!"></div>
<div id="controls" class="noselect">
<div id="playpause">
<i id="play" class="material-icons hide">play_arrow</i>
<i id="pause" class="material-icons">pause</i>
</div>
<div id="duration">00:00 / 00:00</div>
<div id="volume-button">
<i id="v-mute" class="mdi-av-volume-off"></i>
<i id="v-low" class="mdi-av-volume-mute"></i>
<i id="v-medium" class="mdi-av-volume-down"></i>
<i id="v-full" class="mdi-av-volume-up"></i>
</div>
<div id="volume"></div>
<div id="viewers"></div>
<div id="bar"></div>
</div>
</div>
<div id="playlist">
<div id="wrapper">
<div id="preloader" class="progress channel_preloader">
<div class="indeterminate"></div>
</div>
<div id="list-song-html">
<div id="list-song" class="card left-align list-song waves-effect waves-light playlist-element">
<div class="clickable vote-container" title="Vote!">
<a class="clickable center-align votebg">
<span class="lazy card-image cardbg list-image" style="background-image:url('/assets/images/loading.png');">
</span>
<span class="card-duration">
01:00
</span>
</a>
<span class="card-content">
<span class="flow-text truncate list-title"></span>
<span class="vote-span">
<span class="list-votes"></span>
<span class="highlighted vote-text">&nbsp;votes</span>
</span>
</span>
</div>
</div>
</div>
</div>
<div id="pageButtons" class="hide">
<span class="first_page_hide btn-flat disabled">
<i class="material-icons">first_page</i>
</span>
<a class="first_page waves-effect waves-light btn-flat">
<i class="material-icons">first_page</i>
</a>
<span class="prev_page_hide btn-flat disabled">
<i class="material-icons">navigate_before</i> prev
</span>
<a class="prev_page waves-effect waves-light btn-flat">
<i class="material-icons">navigate_before</i> prev
</a>
<span id="pageNumber">1</span>
<a class="next_page waves-effect waves-light btn-flat">
next <i class="material-icons">navigate_next</i>
</a>
<span class="next_page_hide btn-flat disabled">
next <i class="material-icons">navigate_next</i>
</span>
<a class="last_page waves-effect waves-light btn-flat">
<i class="material-icons">last_page</i>
</a>
<span class="last_page_hide btn-flat disabled">
<i class="material-icons">last_page</i>
</span>
</div>
</div>
</div>
</body>
</html>