mirror of https://github.com/FreeTubeApp/FreeTube
74 lines
2.8 KiB
HTML
74 lines
2.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/loading.css">
|
|
<link rel="stylesheet" href="style/fa-solid.min.css">
|
|
<link rel="stylesheet" href="style/fontawesome-all.min.css">
|
|
<script src="js/googleApi.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
<script src="js/layout.js"></script>
|
|
<script src="js/videos.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/events.js"></script>
|
|
<title>Freetube Player</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div 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">
|
|
<span class="logo"><i onclick='toggleSideNavigation()' class="menuButton fas fa-bars"></i> FreeTube <i class="far fa-play-circle"></i></span>
|
|
<div class="searchBar">
|
|
<input id='jumpToInput' class='jumpToInput' type='text' placeholder="Jump to Video Link / Id" /><i onclick='parseVideoLink()' class="fas fa-search searchButton" style='margin-right: 50px; cursor: pointer;'></i>
|
|
<input id='search' class="search" type="text" placeholder="Search">
|
|
<i onclick='search()' class="fas fa-search searchButton" style='margin-right: -10px; cursor: pointer'></i>
|
|
</div>
|
|
</div>
|
|
<div id='sideNavDisabled'></div>
|
|
<div id="sideNav">
|
|
<div class="sideNavContainer">
|
|
<ul>
|
|
<li onclick='loadSubscriptions()'><i class="fas fa-users"></i> Subscriptions</li>
|
|
<li onclick='showMostPopular()'><i class="fas fa-fire"></i> Most Popular</li>
|
|
<li onclick='showSavedVideos()'><i class="fas fa-star"></i> Saved</li>
|
|
<li onclick='showHistory()'><i class="fas fa-history"></i> History</li>
|
|
</ul>
|
|
<hr />
|
|
<ul>
|
|
<li onclick='showSettings()'><i class="fas fa-cog"></i> Settings</li>
|
|
<li onclick='showAbout()'><i class="far fa-question-circle"></i> About</li>
|
|
</ul>
|
|
<hr />
|
|
<ul id='subscriptions'>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="main">
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|