62 lines
2.2 KiB
HTML
62 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Viewer Page</title>
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>
|
|
<!-- If you use any external libraries, such as jQuery, you must include
|
|
them as part of your extension. Twitch does not allow extensions to link
|
|
to external libraries. -->
|
|
<script src="jquery-3.3.1.min.js" type="text/javascript"></script>
|
|
<script src="viewer.js" type="text/javascript"></script>
|
|
|
|
|
|
<div id="container">
|
|
<div id="item1">
|
|
|
|
<nav role="navigation" class="primary-navigation">
|
|
<ul>
|
|
<li><a href="#" id="player">player</a></li>
|
|
<li><a href="#">Work ▾</a>
|
|
<ul class="dropdown">
|
|
<li><a href="#">Web Development</a></li>
|
|
<li><a href="#">Web Design</a></li>
|
|
<li><a href="#">Illustration</a></li>
|
|
<li><a href="#">Iconography</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
<div id="main">2</div>
|
|
<div id="item3">3</div>
|
|
</div>
|
|
|
|
<!--<h2>Hello, World!</h2>-->
|
|
<!--<p>Would you care to cycle a color?</p>-->
|
|
<!--<div>-->
|
|
<!-- <input type="button" id="cycle" disabled="disabled" value="Yes, I would" />-->
|
|
<!--</div>-->
|
|
<!--<div style="float: left; position: relative; left: 50%">-->
|
|
<!-- <div id="color" style="border-radius: 50px; transition: background-color 0.5s ease; margin-top: 30px; width: 100px; height: 100px; background-color: #6441A4; float: left; position: relative; left: -50%">-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<!--<div id="list">-->
|
|
<!--</div>-->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|