spatialnavigation/options.html
2021-03-10 00:49:21 -07:00

71 lines
1.8 KiB
HTML

<!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>