71 lines
2.6 KiB
HTML
71 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<title>Youpp</title>
|
||
<link rel="stylesheet" href="styles.css" />
|
||
<link rel="stylesheet" href="icomoon/style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="view center" id="splash">
|
||
<div style="position: absolute; left: 0; top: 50%; width: 100%; margin-top: -150px;">
|
||
<img src="icon.png" style="height: 200px;" />
|
||
<h1>Youpp</h1>
|
||
<p>Developed by Ambrose Chua</p>
|
||
</div>
|
||
</div>
|
||
<div class="view center" style="display: none;" id="search">
|
||
<div class="scrollable pad">
|
||
<div id="searchtool">
|
||
<input type="text" placeholder="Search YouTube" id="searchquery" class="searchbox" />
|
||
<span class="btn" id="searchbtn"><i class="icon-search"></i></span>
|
||
</div>
|
||
<ul class="resultslist"><!--
|
||
<li>
|
||
<div style="background-image: url(https://i1.ytimg.com/vi/HTPOSdyA7Uo/mqdefault.jpg); "></div>
|
||
<h3>Pet Squirrel hides his nut in the fur of a Bernese Mountain dog as seen on Ridiculousness</h3>
|
||
<footer>
|
||
<span class='time'>41 sec</span>
|
||
</footer>
|
||
</li>
|
||
<li>
|
||
<div style="background-image: url(https://i1.ytimg.com/vi/HTPOSdyA7Uo/mqdefault.jpg); "></div>
|
||
<h3>Pet Squirrel hides his nut in the fur of a Bernese Mountain dog as seen on Ridiculousness</h3>
|
||
<footer>
|
||
<span class='time'>41 sec</span>
|
||
</footer>
|
||
</li>
|
||
<li>
|
||
<div style="background-image: url(https://i1.ytimg.com/vi/HTPOSdyA7Uo/mqdefault.jpg); "></div>
|
||
<h3>Pet Squirrel hides his nut in the fur of a Bernese Mountain dog as seen on Ridiculousness</h3>
|
||
<footer>
|
||
<span class='time'>41 sec</span>
|
||
</footer>
|
||
</li>
|
||
<li>
|
||
<div style="background-image: url(https://i1.ytimg.com/vi/HTPOSdyA7Uo/mqdefault.jpg); "></div>
|
||
<h3>Pet Squirrel hides his nut in the fur of a Bernese Mountain dog as seen on Ridiculousness</h3>
|
||
<footer>
|
||
<span class='time'>41 sec</span>
|
||
</footer>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="view" style="display: none;" id="playerview">
|
||
<span id="back"><i class="icon-arrow-left"></i></span>
|
||
<div id="player">
|
||
<!-- <div id="video"></div> -->
|
||
</div>
|
||
</div>
|
||
|
||
<div id="movebar"><span id="exitbtn" style="font-size: 0.8em; line-height: 1.35em;">×</span><span id="minimize">–</span><span id="maximize" style="font-size: 0.8em; line-height: 1.35em;">+</span></div>
|
||
|
||
<input id="kbdeventhelper" type="text" style="opacity: 0; position: absolute; top: -1000px;" /> <!-- Much cheat flash -->
|
||
|
||
<script src="jquery.js"></script>
|
||
<script src="mousetrap.js"></script>
|
||
<script src="mousetrap-global-bind.min.js"></script>
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html> |