-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
48 lines (48 loc) · 3.22 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sideview Plus</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./popup.css">
</head>
<body>
<h1 class="title">Sideview Plus</h1>
<p class="slogan">Multitask without Second Monitor</p>
<img class="shortcuticon" id="newtab73" message="newtab73" src="./icons/newtab73.png" title="Open a new window (7:3) on the side (Alt + Q)">
<img class="shortcuticon" id="newtab11" message="newtab11" src="./icons/newtab11.png" title="Open a new window (1:1) on the side (Alt + W)">
<img class="shortcuticon" id="thistab73" message="thistab73" src="./icons/thistab73.png" title="Open this page (7:3) on the side (Alt + A)">
<img class="shortcuticon" id="thistab11" message="thistab11" src="./icons/thistab11.png" title="Open this page (1:1) on the side (Alt + S)">
<img class="shortcuticon" id="recombine" message="recombine" src="./icons/recombine.png" title="Merge parent and child windows (Alt + Z)">
<a class="shortcuttext" href="chrome://extensions/shortcuts" message="modifyshortcuts">See/modify keyboard shortcuts</a>
<h1 class="fluidstatus" title="Requests a more responsive mobile site on narrow windows" >Mobile mode is <span id="fluidstatus">ON</span> in this tab</h1>
<input id="width-slider" type="range" list="tickmarks" min="0.0" max="1.0" step="0.1" value="0.41">
<datalist id="tickmarks">
<option value="0.0"></option>
<option value="0.2"></option>
<option value="0.4"></option>
<option value="0.6"></option>
<option value="0.8"></option>
<option value="1.0"></option>
</datalist>
<p class="width-slider-label">    0%         20%         40%         60%         80%         100%</p>
<p class="fluiddesc">Activated if page width is below __% of screen width on </p>
<p class="switchof" id="page" title="www.example.com/example.html">this page</p>
<input id="page-switch" class="switch" type="range" name="enable/disable reflow" min="0" max="1" step="1" value="1">
<p class="switchof" id="website">subdomain</p>
<input id="website-switch" class="switch" type="range" name="enable/disable reflow" min="0" max="1" step="1" value="1">
<p class="switchof" id="domain">domain</p>
<input id="domain-switch" class="switch" type="range" name="enable/disable reflow" min="0" max="1" step="1" value="1">
<button id="reload" message="reload" title="Reload for changes to take effect (Ctrl + Shift + R)">Reload the page</button>
<div class="overlay">
<div>
<br><br>
<h1> Enjoying Sideview Plus? Please take a moment to</h1><br><br>
<button message="rate">Rate the extension<br><span message="rate">help me spread the word</span></button><br><br><br>
<button message="paypal">Buy me a cup of coffee<br><span message="paypal">I could use a caffeine boost</span></button><br><br><br>
<button message="amazon">Get a second monitor<br><span message="amazon">through my affiliate link</span></button><br><br><br>
</div>
</div>
<script src='./popup.js'></script>
</body>
</html>