stian/spatialnavigation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add groundwork for options UI

Browse Source
This commit is contained in:
ortiza5
2021-03-10 00:49:21 -07:00
parent c07178d5b3
commit 9ce7fdb8ed
4 changed files with 435 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
options.html Normal file
View File

@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Spatial Navigation Options</title>
<link rel="stylesheet" href="css/options.css">
</head>
<body>
<div class="title">
<h1>Spatial Navigation Options</h1>
<hr width="50%">
</div>
<div class="title-area">
<h2>Keyboard Shortcuts</h2>
</div>
<div class="card">
<div class="setting-area">
<div class="setting" id="slower" data-type="shortcut">
<span class="setting-description">
Make the Video Slower
</span>
</div>
<hr>
<div class="setting" id="normal" data-type="shortcut">
<span class="setting-description">
Make the Video Play at the Original Speed
</span>
</div>
<hr>
<div class="setting" id="faster" data-type="shortcut">
<span class="setting-description">
Make the Video Faster
</span>
</div>
<hr>
<div class="setting" id="pause" data-type="shortcut">
<span class="setting-description">
Toggle Play/Pause on the Video
</span>
</div>
<hr>
<div class="setting" id="skip-back" data-type="shortcut">
<span class="setting-description">
Skip Back in the Video
</span>
</div>
<hr>
<div class="setting" id="skip-forward" data-type="shortcut">
<span class="setting-description">
Skip Forward in the Video
</span>
</div>
</div>
</div>
<div class="reset-area">
<div class="btn reset">
<span class="btn-text">
Reset All Settings to Defaults
</span>
</div>
</div>
<script type="text/javascript" src="js/options.js"></script>
</body>
</html>