mirror of https://github.com/FreeTubeApp/FreeTube
106 lines
3.8 KiB
HTML
106 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="style/main.css">
|
|
<link rel="stylesheet" href="style/lightTheme.css">
|
|
<link rel="stylesheet" href="style/player.css">
|
|
<link rel="stylesheet" href="style/videoList.css">
|
|
<link rel="stylesheet" href="style/channel.css">
|
|
<link rel="stylesheet" href="style/playlist.css">
|
|
<link rel="stylesheet" href="style/loading.css">
|
|
<link rel="stylesheet" href="style/select.css">
|
|
<link rel="stylesheet" href="style/fa-solid.min.css">
|
|
<link rel="stylesheet" href="style/fontawesome-all.min.css">
|
|
<title>Freetube Player</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div v-if='seen' id='loading'>
|
|
<div class="spinner">
|
|
<div class="double-bounce1"></div>
|
|
<div class="double-bounce2"></div>
|
|
</div>
|
|
</div>
|
|
<div id='confirmFunction'>
|
|
<span id='confirmMessage'>Would you like to perform the function?</span>
|
|
<div class='confirmButton' id='confirmYes'>Yes</div>
|
|
<div class='confirmButton' id='confirmNo'>No</div>
|
|
</div>
|
|
<div id='toast'>
|
|
<span id='toastMessage'></span>
|
|
<i onclick='hideToast()' class="closeToast fas fa-times"></i>
|
|
</div>
|
|
<div class="topNav">
|
|
<i onclick='toggleSideNavigation()' class="fas fa-bars" id='menuButton'></i>
|
|
<div class="searchBar">
|
|
<input id='search' class="search" type="text" placeholder="Search / Go to URL">
|
|
<i onclick='parseSearchText()' class="fas fa-search searchButton" style='margin-right: -10px; cursor: pointer'></i>
|
|
</div>
|
|
<img src='icons/iconBlack.png' id='menuIcon' />
|
|
<img src='icons/textBlack.png' id='menuText' />
|
|
</div>
|
|
<div id='sideNavDisabled'></div>
|
|
<div id="sideNav">
|
|
<div class="sideNavContainer">
|
|
<ul>
|
|
<li v-on:click='subscriptions'><i class="fas fa-rss"></i> Subscriptions</li>
|
|
<li v-on:click='trending'><i class="fas fa-fire"></i> Trending</li>
|
|
<li v-on:click='popular'><i class="fas fa-users"></i> Most Popular</li>
|
|
<li v-on:click='saved'><i class="fas fa-star"></i> Favorites</li>
|
|
<li v-on:click='history'><i class="fas fa-history"></i> History</li>
|
|
</ul>
|
|
<hr />
|
|
<ul>
|
|
<li v-on:click='settings'><i class="fas fa-sliders-h"></i> Settings</li>
|
|
<li v-on:click='about'><i class="fas fa-info-circle"></i> About</li>
|
|
</ul>
|
|
<hr />
|
|
<ul id='subscriptions'>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="main">
|
|
<div id='noSubscriptions' v-if='seen'>
|
|
<h2 class="message">
|
|
Your Subscription list is currently empty. Start adding subscriptions
|
|
to see them here.
|
|
<br /><br />
|
|
<i class="far fa-frown" style="font-size: 200px"></i>
|
|
</h2>
|
|
</div>
|
|
<div id='channelView'></div>
|
|
<div id='mainHeaderView'></div>
|
|
<div id='channelVideosView'></div>
|
|
<div id='searchView'></div>
|
|
<div id='subscriptionView'></div>
|
|
<div id='popularView'></div>
|
|
<div id='trendingView'></div>
|
|
<div id='savedView'></div>
|
|
<div id='historyView'></div>
|
|
<div id='playlistView'></div>
|
|
<div id='aboutView'></div>
|
|
<div id='settingsView'></div>
|
|
<div id='playerView'></div>
|
|
</div>
|
|
<div id='progressView'></div>
|
|
</body>
|
|
<script src="js/general.js"></script>
|
|
<script src="js/youtubeApi.js"></script>
|
|
<script src="js/updates.js"></script>
|
|
<script src="js/db.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
<script src="js/layout.js"></script>
|
|
<script src="js/templates.js"></script>
|
|
<script src="js/videos.js"></script>
|
|
<script src="js/player.js"></script>
|
|
<script src="js/subscriptions.js"></script>
|
|
<script src="js/channels.js"></script>
|
|
<script src="js/savedVideos.js"></script>
|
|
<script src="js/history.js"></script>
|
|
<script src="js/playlist.js"></script>
|
|
<script src="js/events.js"></script>
|
|
|
|
</html>
|