tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added popup (no functionality at this time).

Browse Source
This commit is contained in:
Tamius Han 2017-11-13 23:34:24 +01:00
parent 0083e8203d
commit b1fcb233a3
2 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
manifest.json
View File

@ -36,6 +36,12 @@
"tabs", "storage", "activeTab", "<all_urls>", "*://*.youtube.com/*", "*://youtube.com/*", "*://imdb.com/*", "*://*.imdb.com/*"
],
"browser_action": {
"default_icon": "res/icons-32.png",
"default_popup": "res/popup/popup.html",
"default_title": "Uʟᴛʀᴀᴡɪᴅɪꜰʏ"
},
"web_accessible_resources": [
"js/*",

61
res/popup/popup.html Normal file
View File

@ -0,0 +1,61 @@
<html>
<head>
<title></title>
<meta charset="utf-8">
<style>
html, body {
width: 100%;
color: #f1f1f1;
background-color: #1f1f1f;
font-family: "Overpass";
}
.hidden: {
display: none;
}
small{
font-size: 0.75em;
font-weight: 200;
}
.smallcaps{
font-variant: small-caps;
}
</style>
</head>
<body>
<h1>U<span class="smallcaps">ltrawidify</span>: <small>Quick settings</small></h1>
<div class="left—side">
<h2>Extension mode:</h1>
<form action="">
<input type="radio" name="mode" value="white"> Enable everywhere except blacklist<br/>
<input type="radio" name="mode" value="black"> Enable only on whitelisted sites<br/>
<input type="radio" name="mode" value="block"> Disable extension on all sites
</form>
<h2>Settings for this site</h1>
<form action="">
<input type="radio" name="mode" value="default"> Follow global rules<br/>
<input type="radio" name="mode" value="black"> Always block<br/>
<input type="radio" name="mode" value="white"> Always allow
</form>
</div>
<div>
<h2>Autodetection</h1>
<input type="checkbox" id="arDetectEnabled"><label for="arDetectEnabled">Enable active aspect ratio autodetection</label>
<div>TODO: add controls for how aggressive autodetection is</div>
</div>
<div>
<h2>Force aspect ratio:</h2>
Todo:
Options: default, auto, fit width, fit height, 16:9, 16:10, 21:9
</div>
<div>
<h2>Video alignment</h2>
Todo: Left, center, right
</div>
</body>
</html>