2 <title>Ultrawide Video</title>
\r
3 <link rel="stylesheet" href="styles.css">
\r
4 <script src="/js/popup.js"></script>
\r
7 <header class="clearfix">
\r
8 <img class="logo" src="../images/icon.png" />
\r
9 <h1 class="title">Ultrawide Video</h1>
\r
11 <div id="modesSel" class="modes">
\r
13 <input id="disabled" name="mode" type="radio">
\r
14 <label for="disabled">Disabled</label>
\r
17 <input id="aspect" name="mode" type="radio">
\r
18 <label for="aspect">
\r
20 <span class="desc">Stretch the video to fit the aspect ratio</span>
\r
24 <input id="crop" name="mode" type="radio">
\r
27 <span class="desc">Crop the video to fit the aspect ratio while filling the screen</span>
\r
31 <input id="forceCrop" name="mode" type="radio">
\r
32 <label for="forceCrop">Force crop (experimental)</label>
\r
35 <input id="forceAspect" name="mode" type="radio">
\r
36 <label for="forceAspect">Force aspect (experimental)</label>
\r
40 <p><strong>Note: </strong>Force modes disregard fullscreen state and screen size.
\r
41 This feature is designed for watching 4:3 movies on 16:9 displays.</p>
\r
43 <a id="helpShow" href="#">help & about</a>
\r
45 <p>Ultrawide video is designed to make viewing videos a more pleasurable experience on 21:9 aspect ratio monitors.</p>
\r
46 <p>You can use the shortcut <strong>ctrl+alt+c</strong> to toggle between modes while viewing a video.</p>
\r
47 <div class="attribution">
\r
48 <p class="desc"><strong>By:</strong> <a href="https://github.com/wltrsjames">James Walters</a></p>
\r
49 <p id="links" class="desc"><strong>Contributors:</strong>
\r
50 <a href="https://github.com/Asvarox">Asvarox</a>,
\r
51 <a href="https://github.com/legotheboss">legotheboss</a>,
\r
52 <a href="https://github.com/steenburgh">steenburgh</a>,
\r
53 <a href="https://github.com/simonmckeon">Simon McKeon</a> &
\r
54 <a href="https://github.com/Pecacheu">Pecacheu</a>
\r
57 <a id="helpHide" href="#">close</a>
\r