├── .yarnrc.yml ├── features.png ├── inaction.png ├── marquee.png ├── marquee.psd ├── public ├── robots.txt ├── icon16.png ├── icon48.png ├── favicon.ico ├── icon128.png ├── index.html └── manifest.json ├── chrome-6.5.zip ├── extension.png ├── src ├── Dosis.woff ├── rgbToHex.js ├── hexToRGB.js ├── index.js ├── index.css ├── local_version__workbox-sw.js ├── Popup.css ├── serviceWorker.js ├── baseliner.js └── Popup.js ├── firefox-6.5.2.zip ├── www ├── favicon.ico ├── img │ ├── widget.png │ ├── btn.chrome.png │ ├── screenshot.png │ ├── baseliner.svg │ ├── btn.tweet.svg │ ├── btn.github.svg │ └── footer.wordmark.svg ├── js │ ├── main.js │ └── vendor │ │ ├── html5shiv.js │ │ └── jquery-1.11.2.min.js ├── css │ ├── normalize.min.css │ ├── main.css │ └── normalize.css └── index.html ├── chrome_extension_5-7.zip ├── icon-photopeaDOTcom.psd ├── .github └── FUNDING.yml ├── package.json ├── LICENSE ├── firefox_addon └── manifest.json ├── .gitignore └── README.md /.yarnrc.yml: -------------------------------------------------------------------------------- 1 | nodeLinker: node-modules 2 | -------------------------------------------------------------------------------- /features.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/features.png -------------------------------------------------------------------------------- /inaction.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/inaction.png -------------------------------------------------------------------------------- /marquee.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/marquee.png -------------------------------------------------------------------------------- /marquee.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/marquee.psd -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | -------------------------------------------------------------------------------- /chrome-6.5.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/chrome-6.5.zip -------------------------------------------------------------------------------- /extension.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/extension.png -------------------------------------------------------------------------------- /src/Dosis.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/src/Dosis.woff -------------------------------------------------------------------------------- /firefox-6.5.2.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/firefox-6.5.2.zip -------------------------------------------------------------------------------- /public/icon16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/public/icon16.png -------------------------------------------------------------------------------- /public/icon48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/public/icon48.png -------------------------------------------------------------------------------- /www/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/www/favicon.ico -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/icon128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/public/icon128.png -------------------------------------------------------------------------------- /www/img/widget.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/www/img/widget.png -------------------------------------------------------------------------------- /www/img/btn.chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/www/img/btn.chrome.png -------------------------------------------------------------------------------- /www/img/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/www/img/screenshot.png -------------------------------------------------------------------------------- /chrome_extension_5-7.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/chrome_extension_5-7.zip -------------------------------------------------------------------------------- /icon-photopeaDOTcom.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jpedroribeiro/Baseliner/HEAD/icon-photopeaDOTcom.psd -------------------------------------------------------------------------------- /www/js/main.js: -------------------------------------------------------------------------------- 1 | window.onload = function(){ 2 | document.getElementsByClassName('widget')[0].classList.remove('before') 3 | }; 4 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Baseliner 7 | 8 | 9 |
10 | 11 | 12 | -------------------------------------------------------------------------------- /src/rgbToHex.js: -------------------------------------------------------------------------------- 1 | const hexToRGB = function(r, g, b) { 2 | const RED = Number(r).toString(16); 3 | const GREEN = Number(g).toString(16); 4 | const BLUE = Number(b).toString(16); 5 | 6 | return `#${RED.length !== 2 ? `${RED}${RED}` : RED}${ 7 | GREEN.length !== 2 ? `${GREEN}${GREEN}` : GREEN 8 | }${BLUE.length !== 2 ? `${BLUE}${BLUE}` : BLUE}`; 9 | } 10 | export default hexToRGB; -------------------------------------------------------------------------------- /src/hexToRGB.js: -------------------------------------------------------------------------------- 1 | const hexToRGB = function(hex) { 2 | // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") 3 | const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; 4 | hex = hex.replace(shorthandRegex, function(m, r, g, b) { 5 | return r + r + g + g + b + b; 6 | }); 7 | 8 | const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); 9 | return result 10 | ? { 11 | r: parseInt(result[1], 16), 12 | g: parseInt(result[2], 16), 13 | b: parseInt(result[3], 16) 14 | } 15 | : null; 16 | } 17 | 18 | export default hexToRGB; -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import "./index.css"; 3 | import Popup from "./Popup"; 4 | import * as serviceWorker from "./serviceWorker"; 5 | import { createRoot } from 'react-dom/client'; 6 | const container = document.getElementById('root'); 7 | const root = createRoot(container); // createRoot(container!) if you use TypeScript 8 | root.render(); 9 | 10 | // If you want your app to work offline and load faster, you can change 11 | // unregister() to register() below. Note this comes with some pitfalls. 12 | // Learn more about service workers: https://bit.ly/CRA-PWA 13 | serviceWorker.unregister(); 14 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2] 4 | patreon: # Replace with a single Patreon username 5 | open_collective: # Replace with a single Open Collective username 6 | ko_fi: jpedroribeiro 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry 9 | liberapay: # Replace with a single Liberapay username 10 | issuehunt: # Replace with a single IssueHunt username 11 | otechie: # Replace with a single Otechie username 12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] 13 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "Baseliner", 4 | "short_name": "Baseliner", 5 | "description": "Baseliner adds horizontal & vertical lines to help you align your grid to any website.", 6 | "version": "7.2", 7 | "author": "J. Pedro Ribeiro", 8 | "homepage_url": "https://jpedroribeiro.com/", 9 | "action": { 10 | "default_popup": "index.html", 11 | "default_title": "Baseliner", 12 | "default_icon": { 13 | "16": "icon16.png", 14 | "48": "icon48.png", 15 | "128": "icon128.png" 16 | } 17 | }, 18 | "icons": { 19 | "16": "icon16.png", 20 | "48": "icon48.png", 21 | "128": "icon128.png" 22 | }, 23 | "permissions": ["activeTab", "storage", "scripting"] 24 | } 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "baseliner-extension", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "react": "18.2.0", 7 | "react-dom": "18.2.0", 8 | "react-scripts": "5.0.1" 9 | }, 10 | "scripts": { 11 | "start": "react-scripts start", 12 | "build": "INLINE_RUNTIME_CHUNK=false react-scripts build && yarn run copy-baseliner-file", 13 | "copy-baseliner-file": "cp src/baseliner.js build/baseliner.js" 14 | }, 15 | "eslintConfig": { 16 | "extends": "react-app" 17 | }, 18 | "browserslist": { 19 | "production": [ 20 | ">0.2%", 21 | "not dead", 22 | "not op_mini all" 23 | ], 24 | "development": [ 25 | "last 1 chrome version", 26 | "last 1 firefox version", 27 | "last 1 safari version" 28 | ] 29 | }, 30 | "devDependencies": { 31 | "prettier": "2.7.1" 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | /* Reset & Base styles */ 2 | body { 3 | margin: 0; 4 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", 5 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 6 | sans-serif; 7 | -webkit-font-smoothing: antialiased; 8 | -moz-osx-font-smoothing: grayscale; 9 | } 10 | 11 | code { 12 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", 13 | monospace; 14 | } 15 | 16 | * { 17 | box-sizing: border-box; 18 | } 19 | 20 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, del, em, img, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, video { 21 | margin: 0; 22 | padding: 0; 23 | border: 0; 24 | font-size: 100%; 25 | vertical-align: baseline; 26 | } 27 | 28 | html { 29 | text-rendering: optimizeLegibility; 30 | -webkit-font-smoothing: antialiased; 31 | } -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 J. Pedro Ribeiro 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /firefox_addon/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "Baseliner", 4 | "short_name": "Baseliner", 5 | "description": "Baseliner adds a layer on top of any website with horizontal & vertical lines to help you align your design to a specific baseline.", 6 | "version": "7.2", 7 | "author": "J. Pedro Ribeiro", 8 | "homepage_url": "https://www.jpedroribeiro.com/", 9 | "action": { 10 | "default_popup": "index.html", 11 | "default_title": "Baseliner", 12 | "default_icon": { 13 | "16": "icon16.png", 14 | "48": "icon48.png", 15 | "128": "icon128.png" 16 | } 17 | }, 18 | "icons": { 19 | "16": "icon16.png", 20 | "48": "icon48.png", 21 | "128": "icon128.png" 22 | }, 23 | "content_security_policy": { 24 | "extension_pages": "script-src 'self' 'sha256-d8OMhPWLtwxmmPVk+si2J0GiOcDVaPFvC2pJoW/kOlU='; object-src 'self'" 25 | }, 26 | "permissions": ["activeTab", "storage", "scripting"], 27 | "web_accessible_resources": [ 28 | { 29 | "resources": ["main.js"], 30 | "matches": [] 31 | } 32 | ], 33 | "browser_specific_settings": { 34 | "gecko": { 35 | "id": "contact@jpedroribeiro.com" 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | # next.js build output 61 | .next 62 | 63 | #webstorm 64 | .idea/ 65 | .DS_Store 66 | 67 | 68 | npm-debug.log* 69 | yarn-debug.log* 70 | yarn-error.log* 71 | 72 | .yarn/*.* 73 | .yarn/cache -------------------------------------------------------------------------------- /www/img/baseliner.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ID 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Baseliner. 18 | 19 | 20 | for Chrome 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /www/css/normalize.min.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} -------------------------------------------------------------------------------- /www/js/vendor/html5shiv.js: -------------------------------------------------------------------------------- 1 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 2 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 3 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| 4 | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); 5 | for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d 2 | 3 | 4 | btn.tweet 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Mention on Twitter 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Baseliner 2 | ====== 3 | 4 | *[All your baseline are belong to us](https://en.wikipedia.org/wiki/All_your_base_are_belong_to_us)* 5 | 6 | **Baseliner** is a Chrome, Firefox, and MS Edge extension for perfectionist Front-End Developers and UX Designers. 7 | 8 | This tool will add grid layer on top of any website to be used as a guidance when developing interfaces. 9 | 10 | ## Features 11 | You can set the **horizontal** and **vertical** guides to match your specification. 12 | 13 | For better experience, you can change the **colour** of the lines as well as the **opacity**, making it easier to compare the grid with your website design. 14 | 15 | Choose between **lines** or **columns**. 16 | 17 | The **offset** field enables you to add some padding to the top of the grid, in case your grid starts lower down the page. 18 | 19 | If the page you are testing has some styles getting in the way of Baseliner, you can enable **Force Styles** to apply `!important` to the extension styles. 20 | 21 | ### Persistent Data 22 | Baseliner will **save current configuration** values into the Chrome Storage API. This enables the user to have a persistent experience. 23 | 24 | ## Issues? Bugs? Suggestions? 25 | Please, [open an issue](https://github.com/jpedroribeiro/Baseliner/issues/new/choose) and let us know about new features you wish we support or issues you've found while using the app. 26 | 27 | ## Installation 28 | Baseliner is an **extension** for [Chrome](https://chrome.google.com/webstore/detail/baseliner/agoopbiflnjadjfbhimhlmcbgmdgldld), [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/baseliner-add-on/), and [MS Edge](https://microsoftedge.microsoft.com/addons/detail/baseliner/ifgkfekmbjholbkkloalielmlgdoljfh) 29 | 30 | ### Manual Installation 31 | You can also install Baseliner without using the Chrome Store, this is helpful if you want to use a new feature that was no published yet. 32 | 33 | 1. Download this repo as a Zip file and extract it into a folder 34 | 1. Open Chrome Extensions page: `chrome://extensions/` 35 | 1. Click `Load unpacked extension` 36 | 1. Find the folder from **#1** and select it 37 | 38 | # Developer Notes 39 | 40 | ## Building for Chrome or Edge 41 | 42 | 1. After updating code & bumping manifest version, run `yarn build` 43 | 1. Compress `/build` folder and submit it 44 | 45 | ## Developing for Firefox 46 | 47 | To test locally, open Firefox on the tab `about:debugging`., go to "This Firefox" tab, then click "Load Temporary Add-on", there select any file within the extension folder. 48 | 49 | ## Building for Firefox 50 | 51 | 1. Replace manifest with `firefox_addon/manifest.json`, it has extra fields needed for Firefox 52 | 2. Compress the files *in the folder*, not the folder itself (opposite of Chrome) 53 | 54 | ## TODO 55 | 1. Add Typescript 56 | 1. Domain and website? 57 | 1. Contribution notes 58 | 59 | ## Future ideas 60 | 1. Use `chrome.scripting.insertCSS` instead of creating style tag: the caveat is that `removeCSS` is not supported in Chrome yet (FF only) 61 | -------------------------------------------------------------------------------- /www/img/btn.github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | btn.tweet copy 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | View Source Code 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /www/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Baseliner for Chrome 7 | 8 | 9 | 10 | 11 | 12 | 13 | 17 | 18 | 19 | 20 |
21 |
22 | 23 | 24 |
25 | 26 |
27 |

28 |

29 | An extension for designers and 30 | developers who care about vertical rhythm. 31 |

32 | 33 |

34 | 35 | 36 | 37 | 38 |

39 |
40 |
41 | 42 | 51 | 52 | 53 | 54 | 55 | 56 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /src/Popup.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Dosis'; 3 | font-style: normal; 4 | font-weight: 800; 5 | font-display: swap; 6 | src: url(./Dosis.woff) format('woff'); 7 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 8 | } 9 | 10 | :root { 11 | --darkPurple: #23192F; 12 | --brightRed: #E95171; 13 | --brightRedDark: #c64560; 14 | --eggShell: #FFFEFC; 15 | --rustyIron: #A18396; 16 | --lightGrey: #f2f2f2; 17 | } 18 | 19 | body { 20 | color: var(--darkPurple); 21 | background-color: var(--eggShell); 22 | font-size: 14px; 23 | } 24 | 25 | h1 { 26 | background-color: var(--darkPurple); 27 | padding: 8px; 28 | text-align: center; 29 | } 30 | 31 | h1 a { 32 | font-family: Dosis, sans-serif; 33 | font-size: 22px; 34 | line-height: 1; 35 | text-decoration: none; 36 | color: white; 37 | } 38 | 39 | .popup { 40 | width: 250px; 41 | height: 600px; /* An extension max-height is 600px */ 42 | } 43 | 44 | .status { 45 | background-color: var(--lightGrey); 46 | padding: 8px; 47 | border-left: 2px solid var(--brightRed); 48 | font-size: 12px; 49 | } 50 | 51 | .status b { 52 | color: var(--brightRedDark) 53 | } 54 | 55 | .grid-duo { 56 | display: flex; 57 | } 58 | 59 | .grid-duo .grid { 60 | flex-basis: 50%; 61 | margin-top: 0; 62 | } 63 | 64 | .grid-duo .row input[type="number"] { 65 | max-width: 40px; 66 | } 67 | 68 | .grid-trio .row { 69 | display: flex; 70 | justify-content: space-between; 71 | } 72 | 73 | .grid-trio label { 74 | margin-right: 4px; 75 | } 76 | 77 | .grid-trio .grid-trio-unit { 78 | margin-top: 0; 79 | flex: 1 0 auto; 80 | } 81 | 82 | .grid-trio .row input[type="number"] { 83 | max-width: 40px; 84 | } 85 | 86 | .grid { 87 | margin: 16px 4px 20px; 88 | padding: 20px 8px 0; 89 | border: 1px solid var(--rustyIron); 90 | position: relative; 91 | font-size: 12px; 92 | background: white; 93 | } 94 | 95 | h2 { 96 | font-size: 14px; 97 | position: absolute; 98 | top: -10px; 99 | left: 2px; 100 | background-color: var(--eggShell); 101 | padding: 0 4px; 102 | } 103 | 104 | .disabled span, 105 | .disabled input[type=number], 106 | .disabled label { 107 | color: var(--rustyIron); 108 | } 109 | .disabled input[type=color] { 110 | opacity: 0.3; 111 | } 112 | 113 | 114 | .checkbox { 115 | position: absolute; 116 | top: -12px; 117 | right: 6px; 118 | padding: 4px; 119 | background: white; 120 | } 121 | 122 | .checkbox.checkbox-inline { 123 | top: 16px; 124 | } 125 | 126 | .label-tweak { 127 | line-height: 19px; 128 | } 129 | 130 | .checkbox input[type=checkbox]{ 131 | position: absolute; 132 | top: 2px; 133 | right: 4px; 134 | } 135 | 136 | .checkbox label { 137 | cursor: pointer; 138 | text-indent: -999px; 139 | width: 30px; 140 | height: 16px; 141 | background: grey; 142 | display: block; 143 | border-radius: 10px; 144 | position: relative; 145 | } 146 | 147 | .checkbox label:after { 148 | content: ''; 149 | position: absolute; 150 | top: 1px; 151 | left: 1px; 152 | width: 14px; 153 | height: 14px; 154 | background: #fff; 155 | border-radius: 14px; 156 | transition: 0.3s; 157 | } 158 | 159 | .checkbox input:checked + label { 160 | background: var(--brightRed); 161 | } 162 | 163 | .checkbox input:checked + label:after { 164 | left: calc(100% - 1px); 165 | transform: translateX(-100%); 166 | } 167 | 168 | .checkbox label:active:after { 169 | width: 18px; 170 | } 171 | 172 | .row:not(.checkbox) { 173 | display: flex; 174 | align-items: baseline; 175 | height: 32px; 176 | } 177 | 178 | .row:not(.checkbox) label { 179 | flex: 0 0 60px; 180 | } 181 | 182 | .row:not(.checkbox) input, 183 | .row:not(.checkbox) select { 184 | flex: 1 1 auto; 185 | } 186 | 187 | .row:not(.checkbox) input, 188 | .row:not(.checkbox) select { 189 | max-width: 116px; 190 | } 191 | 192 | 193 | .row:not(.checkbox) span { 194 | flex: 0 0 50px; 195 | text-align: center; 196 | } 197 | 198 | 199 | .footer { 200 | display: flex; 201 | justify-content: space-around; 202 | margin: -2px 0 0; 203 | } 204 | 205 | .footer a { 206 | font-size: 12px; 207 | color: var(--rustyIron); 208 | text-decoration: none; 209 | } 210 | 211 | .footer a:hover { 212 | color: var(--brightRedDark); 213 | text-decoration: underline; 214 | } 215 | -------------------------------------------------------------------------------- /src/serviceWorker.js: -------------------------------------------------------------------------------- 1 | // This optional code is used to register a service worker. 2 | // register() is not called by default. 3 | 4 | // This lets the app load faster on subsequent visits in production, and gives 5 | // it offline capabilities. However, it also means that developers (and users) 6 | // will only see deployed updates on subsequent visits to a page, after all the 7 | // existing tabs open on the page have been closed, since previously cached 8 | // resources are updated in the background. 9 | 10 | // To learn more about the benefits of this model and instructions on how to 11 | // opt-in, read https://bit.ly/CRA-PWA 12 | 13 | const isLocalhost = Boolean( 14 | window.location.hostname === 'localhost' || 15 | // [::1] is the IPv6 localhost address. 16 | window.location.hostname === '[::1]' || 17 | // 127.0.0.1/8 is considered localhost for IPv4. 18 | window.location.hostname.match( 19 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ 20 | ) 21 | ); 22 | 23 | export function register(config) { 24 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { 25 | // The URL constructor is available in all browsers that support SW. 26 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href); 27 | if (publicUrl.origin !== window.location.origin) { 28 | // Our service worker won't work if PUBLIC_URL is on a different origin 29 | // from what our page is served on. This might happen if a CDN is used to 30 | // serve assets; see https://github.com/facebook/create-react-app/issues/2374 31 | return; 32 | } 33 | 34 | window.addEventListener('load', () => { 35 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; 36 | 37 | if (isLocalhost) { 38 | // This is running on localhost. Let's check if a service worker still exists or not. 39 | checkValidServiceWorker(swUrl, config); 40 | 41 | // Add some additional logging to localhost, pointing developers to the 42 | // service worker/PWA documentation. 43 | navigator.serviceWorker.ready.then(() => { 44 | console.log( 45 | 'This web app is being served cache-first by a service ' + 46 | 'worker. To learn more, visit https://bit.ly/CRA-PWA' 47 | ); 48 | }); 49 | } else { 50 | // Is not localhost. Just register service worker 51 | registerValidSW(swUrl, config); 52 | } 53 | }); 54 | } 55 | } 56 | 57 | function registerValidSW(swUrl, config) { 58 | navigator.serviceWorker 59 | .register(swUrl) 60 | .then(registration => { 61 | registration.onupdatefound = () => { 62 | const installingWorker = registration.installing; 63 | if (installingWorker == null) { 64 | return; 65 | } 66 | installingWorker.onstatechange = () => { 67 | if (installingWorker.state === 'installed') { 68 | if (navigator.serviceWorker.controller) { 69 | // At this point, the updated precached content has been fetched, 70 | // but the previous service worker will still serve the older 71 | // content until all client tabs are closed. 72 | console.log( 73 | 'New content is available and will be used when all ' + 74 | 'tabs for this page are closed. See https://bit.ly/CRA-PWA.' 75 | ); 76 | 77 | // Execute callback 78 | if (config && config.onUpdate) { 79 | config.onUpdate(registration); 80 | } 81 | } else { 82 | // At this point, everything has been precached. 83 | // It's the perfect time to display a 84 | // "Content is cached for offline use." message. 85 | console.log('Content is cached for offline use.'); 86 | 87 | // Execute callback 88 | if (config && config.onSuccess) { 89 | config.onSuccess(registration); 90 | } 91 | } 92 | } 93 | }; 94 | }; 95 | }) 96 | .catch(error => { 97 | console.error('Error during service worker registration:', error); 98 | }); 99 | } 100 | 101 | function checkValidServiceWorker(swUrl, config) { 102 | // Check if the service worker can be found. If it can't reload the page. 103 | fetch(swUrl) 104 | .then(response => { 105 | // Ensure service worker exists, and that we really are getting a JS file. 106 | const contentType = response.headers.get('content-type'); 107 | if ( 108 | response.status === 404 || 109 | (contentType != null && contentType.indexOf('javascript') === -1) 110 | ) { 111 | // No service worker found. Probably a different app. Reload the page. 112 | navigator.serviceWorker.ready.then(registration => { 113 | registration.unregister().then(() => { 114 | window.location.reload(); 115 | }); 116 | }); 117 | } else { 118 | // Service worker found. Proceed as normal. 119 | registerValidSW(swUrl, config); 120 | } 121 | }) 122 | .catch(() => { 123 | console.log( 124 | 'No internet connection found. App is running in offline mode.' 125 | ); 126 | }); 127 | } 128 | 129 | export function unregister() { 130 | if ('serviceWorker' in navigator) { 131 | navigator.serviceWorker.ready.then(registration => { 132 | registration.unregister(); 133 | }); 134 | } 135 | } 136 | -------------------------------------------------------------------------------- /src/baseliner.js: -------------------------------------------------------------------------------- 1 | /*global chrome*/ 2 | window.Baseliner = { 3 | styleTagID: "baselinerStyleEl", 4 | 5 | setup: function () { 6 | // Add Baseliner class to body 7 | document.body.classList.add("baseliner"); 8 | 9 | // Add Baseliner to any dialog box on the page 10 | document.querySelectorAll("dialog").forEach(el=>{el.classList.add("baseliner")}) 11 | 12 | 13 | // Add Baseliner style tag 14 | if (!document.getElementById(this.styleTagID)) { 15 | const styleTag = document.createElement("style"); 16 | styleTag.id = this.styleTagID; 17 | styleTag.appendChild(document.createTextNode("")); // WebKit hack :( 18 | document.head.appendChild(styleTag); 19 | } 20 | 21 | this.startUp(); 22 | }, 23 | 24 | generateStyles: function ( 25 | verticalRed, 26 | verticalBlue, 27 | verticalGreen, 28 | verticalOpacity, 29 | verticalBaseline, 30 | verticalStyleBaseline, 31 | verticalEnable, 32 | horizontalRed, 33 | horizontalBlue, 34 | horizontalGreen, 35 | horizontalOpacity, 36 | horizontalBaseline, 37 | horizontalStyleBaseline, 38 | horizontalEnable, 39 | topOffset, 40 | leftOffset, 41 | rightOffset, 42 | forceStyles 43 | ) { 44 | const sheet = document.getElementById(this.styleTagID).sheet; 45 | 46 | /*language=LESS*/ 47 | const stylesArray = [ 48 | `.baseliner:active:after { 49 | display: none; /* NOTE: this could be optional? */ 50 | }`, 51 | `.baseliner { 52 | position: relative; 53 | }`, 54 | `.baseliner:after { 55 | clip: unset${forceStyles ? "!important" : ""}; 56 | position: absolute${forceStyles ? "!important" : ""}; 57 | width: auto${forceStyles ? "!important" : ""}; 58 | height: auto${forceStyles ? "!important" : ""}; 59 | z-index: 99999${forceStyles ? "!important" : ""}; 60 | content: ""${forceStyles ? "!important" : ""}; 61 | display: block${forceStyles ? "!important" : ""}; 62 | pointer-events: none${forceStyles ? "!important" : ""}; 63 | right: ${rightOffset}px${forceStyles ? "!important" : ""}; 64 | bottom: 0${forceStyles ? "!important" : ""}; 65 | left: ${leftOffset}px${forceStyles ? "!important" : ""}; 66 | background: linear-gradient(to right, 67 | rgba(${verticalRed}, ${verticalGreen}, ${verticalBlue}, ${ 68 | verticalEnable ? verticalOpacity / 100 : 0 69 | }) ${verticalStyleBaseline === "column" ? verticalBaseline : "1"}px, 70 | transparent ${verticalStyleBaseline === "column" ? verticalBaseline : "1"}px 71 | ) 72 | left top / ${verticalStyleBaseline === "column" ? verticalBaseline * 2 : verticalBaseline}px 100% repeat-x, 73 | linear-gradient( 74 | rgba(${horizontalRed}, ${horizontalGreen}, ${horizontalBlue}, ${ 75 | horizontalEnable ? horizontalOpacity / 100 : 0 76 | }) ${horizontalStyleBaseline==="column" ? horizontalBaseline : "1"}px, 77 | transparent ${horizontalStyleBaseline==="column" ? horizontalBaseline : "1"}px 78 | ) 79 | left top / 100% ${horizontalStyleBaseline==="column" ? horizontalBaseline * 2 : horizontalBaseline}px repeat-y${ 80 | forceStyles ? "!important" : "" 81 | }; 82 | top: ${topOffset}px${forceStyles ? "!important" : ""}; 83 | }`, 84 | ]; 85 | 86 | // Remove previous styles 87 | if (Array.from(sheet.cssRules).length > 0) { 88 | while (sheet.cssRules.length > 0) { 89 | sheet.deleteRule(0); 90 | } 91 | } 92 | 93 | // Apply new styles 94 | stylesArray.forEach((styleRule) => { 95 | sheet.insertRule(styleRule); 96 | }); 97 | 98 | // Tells extension we're done updating 99 | chrome.runtime.sendMessage({ 100 | status: "update", 101 | objOfValues: { 102 | verticalRed, 103 | verticalBlue, 104 | verticalGreen, 105 | verticalOpacity, 106 | verticalBaseline, 107 | verticalStyleBaseline, 108 | verticalEnable, 109 | horizontalRed, 110 | horizontalBlue, 111 | horizontalGreen, 112 | horizontalOpacity, 113 | horizontalBaseline, 114 | horizontalStyleBaseline, 115 | horizontalEnable, 116 | topOffset, 117 | leftOffset, 118 | rightOffset, 119 | forceStyles, 120 | }, 121 | }); 122 | }, 123 | 124 | startUp: function () { 125 | const url = window.location.origin; 126 | 127 | // Check storage first 128 | chrome.storage.sync.get(url, (data) => { 129 | const item = data[url]; 130 | 131 | if (item && Object.keys(item)?.length > 0) { 132 | // We got data from previous session 133 | chrome.runtime.sendMessage({ status: "load", storage: item }); 134 | 135 | console.log( 136 | "%c Baseliner loaded from Storage 🗄 ", 137 | "background: #DFDFDF; color: #209C39", 138 | item, 139 | Object.keys(item) 140 | ); 141 | } else { 142 | // We're ready to roll with default values 143 | chrome.runtime.sendMessage({ status: "default" }); 144 | } 145 | }); 146 | }, 147 | 148 | saveToStorage: function (objOfValues) { 149 | const url = window.location.origin; 150 | const save = {}; 151 | save[url] = objOfValues; 152 | 153 | if (!!url) { 154 | chrome.storage.sync.set(save, function () { 155 | console.log( 156 | `%c Baseliner ${ 157 | objOfValues ? "data saved to storage 💾" : " storage cleared 🗑" 158 | }`, 159 | "background: #DFDFDF; color: #209C39", 160 | objOfValues 161 | ); 162 | }); 163 | } 164 | }, 165 | }; 166 | 167 | Baseliner.setup(); 168 | -------------------------------------------------------------------------------- /www/css/main.css: -------------------------------------------------------------------------------- 1 | /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */ 2 | 3 | html { 4 | color: #222; 5 | font-size: 1em; 6 | line-height: 1.4; 7 | } 8 | 9 | ::-moz-selection { 10 | background: #b3d4fc; 11 | text-shadow: none; 12 | } 13 | 14 | ::selection { 15 | background: #b3d4fc; 16 | text-shadow: none; 17 | } 18 | 19 | hr { 20 | display: block; 21 | height: 1px; 22 | border: 0; 23 | border-top: 1px solid #ccc; 24 | margin: 1em 0; 25 | padding: 0; 26 | } 27 | 28 | audio, 29 | canvas, 30 | iframe, 31 | img, 32 | svg, 33 | video { 34 | vertical-align: middle; 35 | } 36 | 37 | fieldset { 38 | border: 0; 39 | margin: 0; 40 | padding: 0; 41 | } 42 | 43 | textarea { 44 | resize: vertical; 45 | } 46 | 47 | .browserupgrade { 48 | margin: 0.2em 0; 49 | background: #ccc; 50 | color: #000; 51 | padding: 0.2em 0; 52 | } 53 | 54 | 55 | /* ========================================================================== 56 | Author's custom styles 57 | ========================================================================== */ 58 | 59 | 60 | 61 | 62 | body { 63 | background-color: #FBC02D; 64 | } 65 | 66 | 67 | footer { 68 | background-color: #10174C; 69 | padding: 40px; 70 | } 71 | 72 | .container { 73 | max-width: 850px; 74 | margin: 0 auto; 75 | overflow: hidden; 76 | } 77 | 78 | main { 79 | display: flex; 80 | min-width: 850px; 81 | } 82 | 83 | section { 84 | width: 50%; 85 | position: relative; 86 | overflow: hidden; 87 | padding-top: 32px; 88 | padding-left: 80px; 89 | } 90 | 91 | .preview { 92 | 93 | } 94 | 95 | .screenshot { 96 | width: 1200px; 97 | position: absolute; 98 | right: 57px; 99 | } 100 | 101 | .widget { 102 | position: absolute; 103 | width: 217px; 104 | right: 18px; 105 | top: 103px; 106 | transition: 750ms all; 107 | } 108 | .widget.before{ 109 | opacity: 0; 110 | transform: translateY(20px); 111 | } 112 | 113 | .content { 114 | padding-right: 32px; 115 | } 116 | 117 | .title { 118 | margin: 0 0 32px 0; 119 | } 120 | 121 | .title img { 122 | transform: translateX(-205px); 123 | } 124 | 125 | .subtitle { 126 | font-size: 24px; 127 | color: white; 128 | font-weight: normal; 129 | text-shadow: 1px 1px 1px rgba(0,0,0,0.2); 130 | max-width: 320px; 131 | margin-bottom: 40px; 132 | } 133 | 134 | p { 135 | 136 | } 137 | 138 | .chromeLink { 139 | display: block; 140 | max-width: 320px; 141 | background-color: white; 142 | padding: 16px; 143 | box-sizing: border-box; 144 | border-radius: 4px; 145 | margin-bottom: 32px; 146 | transition: transform 240ms; 147 | } 148 | 149 | .chromeLink:hover, 150 | .tweetLink:hover { 151 | transform: translateY(-4px); 152 | } 153 | 154 | .chromeLink img, 155 | .tweetLink img { 156 | width: 100%; 157 | } 158 | 159 | .tweetLink { 160 | display: block; 161 | margin-bottom: 32px; 162 | max-width: 320px; 163 | transition: transform 240ms; 164 | } 165 | 166 | 167 | .credits { 168 | float: right; 169 | color: white; 170 | list-style: none; 171 | font-size: 13px; 172 | margin: 8px 0; 173 | } 174 | 175 | .credits a { 176 | color: white; 177 | font-weight: bold; 178 | } 179 | 180 | .credits a:hover { 181 | text-decoration: none; 182 | color: #FBC02D; 183 | } 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | /* ========================================================================== 230 | Media Queries 231 | ========================================================================== */ 232 | 233 | @media only screen and (min-width: 35em) { 234 | 235 | } 236 | 237 | @media print, 238 | (-o-min-device-pixel-ratio: 5/4), 239 | (-webkit-min-device-pixel-ratio: 1.25), 240 | (min-resolution: 120dpi) { 241 | 242 | } 243 | 244 | /* ========================================================================== 245 | Helper classes 246 | ========================================================================== */ 247 | 248 | .hidden { 249 | display: none !important; 250 | visibility: hidden; 251 | } 252 | 253 | .visuallyhidden { 254 | border: 0; 255 | clip: rect(0 0 0 0); 256 | height: 1px; 257 | margin: -1px; 258 | overflow: hidden; 259 | padding: 0; 260 | position: absolute; 261 | width: 1px; 262 | } 263 | 264 | .visuallyhidden.focusable:active, 265 | .visuallyhidden.focusable:focus { 266 | clip: auto; 267 | height: auto; 268 | margin: 0; 269 | overflow: visible; 270 | position: static; 271 | width: auto; 272 | } 273 | 274 | .invisible { 275 | visibility: hidden; 276 | } 277 | 278 | .clearfix:before, 279 | .clearfix:after { 280 | content: " "; 281 | display: table; 282 | } 283 | 284 | .clearfix:after { 285 | clear: both; 286 | } 287 | 288 | .clearfix { 289 | *zoom: 1; 290 | } 291 | 292 | /* ========================================================================== 293 | Print styles 294 | ========================================================================== */ 295 | 296 | @media print { 297 | *, 298 | *:before, 299 | *:after { 300 | background: transparent !important; 301 | color: #000 !important; 302 | box-shadow: none !important; 303 | text-shadow: none !important; 304 | } 305 | 306 | a, 307 | a:visited { 308 | text-decoration: underline; 309 | } 310 | 311 | a[href]:after { 312 | content: " (" attr(href) ")"; 313 | } 314 | 315 | abbr[title]:after { 316 | content: " (" attr(title) ")"; 317 | } 318 | 319 | a[href^="#"]:after, 320 | a[href^="javascript:"]:after { 321 | content: ""; 322 | } 323 | 324 | pre, 325 | blockquote { 326 | border: 1px solid #999; 327 | page-break-inside: avoid; 328 | } 329 | 330 | thead { 331 | display: table-header-group; 332 | } 333 | 334 | tr, 335 | img { 336 | page-break-inside: avoid; 337 | } 338 | 339 | img { 340 | max-width: 100% !important; 341 | } 342 | 343 | p, 344 | h2, 345 | h3 { 346 | orphans: 3; 347 | widows: 3; 348 | } 349 | 350 | h2, 351 | h3 { 352 | page-break-after: avoid; 353 | } 354 | } -------------------------------------------------------------------------------- /www/css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling 6 | * user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability when focused and also mouse hovered in all browsers. 95 | */ 96 | 97 | a:active, 98 | a:hover { 99 | outline: 0; 100 | } 101 | 102 | /* Text-level semantics 103 | ========================================================================== */ 104 | 105 | /** 106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 107 | */ 108 | 109 | abbr[title] { 110 | border-bottom: 1px dotted; 111 | } 112 | 113 | /** 114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 115 | */ 116 | 117 | b, 118 | strong { 119 | font-weight: bold; 120 | } 121 | 122 | /** 123 | * Address styling not present in Safari and Chrome. 124 | */ 125 | 126 | dfn { 127 | font-style: italic; 128 | } 129 | 130 | /** 131 | * Address variable `h1` font-size and margin within `section` and `article` 132 | * contexts in Firefox 4+, Safari, and Chrome. 133 | */ 134 | 135 | h1 { 136 | font-size: 2em; 137 | margin: 0.67em 0; 138 | } 139 | 140 | /** 141 | * Address styling not present in IE 8/9. 142 | */ 143 | 144 | mark { 145 | background: #ff0; 146 | color: #000; 147 | } 148 | 149 | /** 150 | * Address inconsistent and variable font size in all browsers. 151 | */ 152 | 153 | small { 154 | font-size: 80%; 155 | } 156 | 157 | /** 158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 159 | */ 160 | 161 | sub, 162 | sup { 163 | font-size: 75%; 164 | line-height: 0; 165 | position: relative; 166 | vertical-align: baseline; 167 | } 168 | 169 | sup { 170 | top: -0.5em; 171 | } 172 | 173 | sub { 174 | bottom: -0.25em; 175 | } 176 | 177 | /* Embedded content 178 | ========================================================================== */ 179 | 180 | /** 181 | * Remove border when inside `a` element in IE 8/9/10. 182 | */ 183 | 184 | img { 185 | border: 0; 186 | } 187 | 188 | /** 189 | * Correct overflow not hidden in IE 9/10/11. 190 | */ 191 | 192 | svg:not(:root) { 193 | overflow: hidden; 194 | } 195 | 196 | /* Grouping content 197 | ========================================================================== */ 198 | 199 | /** 200 | * Address margin not present in IE 8/9 and Safari. 201 | */ 202 | 203 | figure { 204 | margin: 1em 40px; 205 | } 206 | 207 | /** 208 | * Address differences between Firefox and other browsers. 209 | */ 210 | 211 | hr { 212 | -moz-box-sizing: content-box; 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | /** 218 | * Contain overflow in all browsers. 219 | */ 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | /** 226 | * Address odd `em`-unit font size rendering in all browsers. 227 | */ 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | /* Forms 238 | ========================================================================== */ 239 | 240 | /** 241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | * styling of `select`, unless a `border` property is set. 243 | */ 244 | 245 | /** 246 | * 1. Correct color not being inherited. 247 | * Known issue: affects color of disabled elements. 248 | * 2. Correct font properties not being inherited. 249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | */ 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; /* 1 */ 258 | font: inherit; /* 2 */ 259 | margin: 0; /* 3 */ 260 | } 261 | 262 | /** 263 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | */ 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | /** 271 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | * All other form control elements do not inherit `text-transform` values. 273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | * Correct `select` style inheritance in Firefox. 275 | */ 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | /** 283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | * and `video` controls. 285 | * 2. Correct inability to style clickable `input` types in iOS. 286 | * 3. Improve usability and consistency of cursor style between image-type 287 | * `input` and others. 288 | */ 289 | 290 | button, 291 | html input[type="button"], /* 1 */ 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; /* 2 */ 295 | cursor: pointer; /* 3 */ 296 | } 297 | 298 | /** 299 | * Re-set default cursor for disabled elements. 300 | */ 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | /** 308 | * Remove inner padding and border in Firefox 4+. 309 | */ 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | /** 318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | * the UA stylesheet. 320 | */ 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | /** 327 | * It's recommended that you don't attempt to style these elements. 328 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | * 330 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | * 2. Remove excess padding in IE 8/9/10. 332 | */ 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | * `font-size` values of the `input`, it causes the cursor style of the 343 | * decrement button to change from `default` to `text`. 344 | */ 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | /** 352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 354 | * (include `-moz` to future-proof). 355 | */ 356 | 357 | input[type="search"] { 358 | -webkit-appearance: textfield; /* 1 */ 359 | -moz-box-sizing: content-box; 360 | -webkit-box-sizing: content-box; /* 2 */ 361 | box-sizing: content-box; 362 | } 363 | 364 | /** 365 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 366 | * Safari (but not Chrome) clips the cancel button when the search input has 367 | * padding (and `textfield` appearance). 368 | */ 369 | 370 | input[type="search"]::-webkit-search-cancel-button, 371 | input[type="search"]::-webkit-search-decoration { 372 | -webkit-appearance: none; 373 | } 374 | 375 | /** 376 | * Define consistent border, margin, and padding. 377 | */ 378 | 379 | fieldset { 380 | border: 1px solid #c0c0c0; 381 | margin: 0 2px; 382 | padding: 0.35em 0.625em 0.75em; 383 | } 384 | 385 | /** 386 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 387 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 388 | */ 389 | 390 | legend { 391 | border: 0; /* 1 */ 392 | padding: 0; /* 2 */ 393 | } 394 | 395 | /** 396 | * Remove default vertical scrollbar in IE 8/9/10/11. 397 | */ 398 | 399 | textarea { 400 | overflow: auto; 401 | } 402 | 403 | /** 404 | * Don't inherit the `font-weight` (applied by a rule above). 405 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 406 | */ 407 | 408 | optgroup { 409 | font-weight: bold; 410 | } 411 | 412 | /* Tables 413 | ========================================================================== */ 414 | 415 | /** 416 | * Remove most spacing between table cells. 417 | */ 418 | 419 | table { 420 | border-collapse: collapse; 421 | border-spacing: 0; 422 | } 423 | 424 | td, 425 | th { 426 | padding: 0; 427 | } 428 | -------------------------------------------------------------------------------- /src/Popup.js: -------------------------------------------------------------------------------- 1 | /*global chrome, Baseliner*/ 2 | import React from "react"; 3 | import "./Popup.css"; 4 | import hexToRGB from "./hexToRGB"; 5 | import rgbToHex from "./rgbToHex"; 6 | 7 | function Popup() { 8 | const ENV_EXTENSION = chrome && chrome.tabs; 9 | const IS_CHROMIUM = chrome && chrome.app; // Firefox eyedropper is not helpful so I enable that on Chromium only 10 | const [hasStartedUp, setHasStartedUp] = React.useState(false); 11 | const [statusLabel, setStatusLabel] = React.useState("loading..."); 12 | const [topOffset, setTopOffset] = React.useState(0); 13 | const [leftOffset, setLeftOffset] = React.useState(0); 14 | const [rightOffset, setRightOffset] = React.useState(0); 15 | const [forceStyles, setForceStyles] = React.useState(false); 16 | const [enableVertical, setEnableVertical] = React.useState(true); 17 | const [colourVertical, setColourVertical] = React.useState("#0829d0"); 18 | const [opacityVertical, setOpacityVertical] = React.useState(100); 19 | const [baselineVertical, setBaselineVertical] = React.useState(8); 20 | const [baselineStyleVertical, setBaselineStyleVertical] = React.useState("line"); 21 | const [enableHorizontal, setEnableHorizontal] = React.useState(false); 22 | const [colourHorizontal, setColourHorizontal] = React.useState("#cd4d28"); 23 | const [opacityHorizontal, setOpacityHorizontal] = React.useState(100); 24 | const [baselineHorizontal, setBaselineHorizontal] = React.useState(8); 25 | const [baselineStyleHorizontal, setBaselineStyleHorizontal] = React.useState("line"); 26 | 27 | function handleTopOffset(e) { 28 | setTopOffset(e.currentTarget.value); 29 | } 30 | 31 | function handleLeftOffset(e) { 32 | setLeftOffset(e.currentTarget.value); 33 | } 34 | 35 | function handleRightOffset(e) { 36 | setRightOffset(e.currentTarget.value); 37 | } 38 | 39 | function handleForceStyles(e) { 40 | const checked = e.currentTarget.checked; 41 | setForceStyles(checked); 42 | } 43 | 44 | function handleEnable(e) { 45 | const grid = e.currentTarget.dataset.grid; 46 | const checked = e.currentTarget.checked; 47 | if (grid === "vertical") { 48 | setEnableVertical(checked); 49 | } else { 50 | setEnableHorizontal(checked); 51 | } 52 | } 53 | 54 | function handleColour(e) { 55 | const grid = e.currentTarget.dataset.grid; 56 | if (grid === "vertical") { 57 | setColourVertical(e.currentTarget.value); 58 | } else { 59 | setColourHorizontal(e.currentTarget.value); 60 | } 61 | } 62 | 63 | function handleStyleSelect(e) { 64 | const grid = e.currentTarget.dataset.grid; 65 | if (grid === "vertical") { 66 | setBaselineStyleVertical(e.currentTarget.value); 67 | } else { 68 | setBaselineStyleHorizontal(e.currentTarget.value); 69 | } 70 | } 71 | 72 | function handleBaseline(e) { 73 | const grid = e.currentTarget.dataset.grid; 74 | if (grid === "vertical") { 75 | setBaselineVertical(e.currentTarget.value); 76 | } else { 77 | setBaselineHorizontal(e.currentTarget.value); 78 | } 79 | } 80 | 81 | function handleOpacity(e) { 82 | const grid = e.currentTarget.dataset.grid; 83 | if (grid === "vertical") { 84 | setOpacityVertical(e.currentTarget.value); 85 | } else { 86 | setOpacityHorizontal(e.currentTarget.value); 87 | } 88 | } 89 | 90 | async function getCurrentTab() { 91 | let queryOptions = {active: true, currentWindow: true}; 92 | let [tab] = await chrome.tabs.query(queryOptions); 93 | return tab; 94 | } 95 | 96 | function baselinerGenerateStyles(verticalRed, 97 | verticalBlue, 98 | verticalGreen, 99 | verticalOpacity, 100 | verticalBaseline, 101 | verticalStyleBaseline, 102 | verticalEnable, 103 | horizontalRed, 104 | horizontalBlue, 105 | horizontalGreen, 106 | horizontalOpacity, 107 | horizontalBaseline, 108 | horizontalStyleBaseline, 109 | horizontalEnable, 110 | topOffset, 111 | leftOffset, 112 | rightOffset, 113 | forceStyles) { 114 | Baseliner.generateStyles( 115 | verticalRed, 116 | verticalBlue, 117 | verticalGreen, 118 | verticalOpacity, 119 | verticalBaseline, 120 | `${verticalStyleBaseline}`, 121 | verticalEnable, 122 | horizontalRed, 123 | horizontalBlue, 124 | horizontalGreen, 125 | horizontalOpacity, 126 | horizontalBaseline, 127 | `${horizontalStyleBaseline}`, 128 | horizontalEnable, 129 | topOffset, 130 | leftOffset, 131 | rightOffset, 132 | forceStyles 133 | ); 134 | } 135 | 136 | function baselinerSaveToStorage(message) { 137 | Baseliner.saveToStorage({ 138 | verticalRed: message.objOfValues.verticalRed, 139 | verticalBlue: message.objOfValues.verticalBlue, 140 | verticalGreen: message.objOfValues.verticalGreen, 141 | verticalOpacity: message.objOfValues.verticalOpacity, 142 | verticalBaseline: message.objOfValues.verticalBaseline, 143 | verticalStyleBaseline: `${message.objOfValues.verticalStyleBaseline}`, 144 | verticalEnable: message.objOfValues.verticalEnable, 145 | horizontalRed: message.objOfValues.horizontalRed, 146 | horizontalBlue: message.objOfValues.horizontalBlue, 147 | horizontalGreen: message.objOfValues.horizontalGreen, 148 | horizontalOpacity: message.objOfValues.horizontalOpacity, 149 | horizontalBaseline: message.objOfValues.horizontalBaseline, 150 | horizontalStyleBaseline: `${message.objOfValues.horizontalStyleBaseline}`, 151 | horizontalEnable: message.objOfValues.horizontalEnable, 152 | topOffset: message.objOfValues.topOffset, 153 | leftOffset: message.objOfValues.leftOffset, 154 | rightOffset: message.objOfValues.rightOffset, 155 | forceStyles: message.objOfValues.forceStyles 156 | }); 157 | } 158 | 159 | async function firstLoad() { 160 | if (ENV_EXTENSION) { 161 | // Load up Baseliner script 162 | const tab = await getCurrentTab(); 163 | chrome.scripting.executeScript({ 164 | target: {tabId: tab.id}, 165 | files: ["/baseliner.js"] 166 | }); 167 | 168 | // Start listening to messages 169 | chrome.runtime.onMessage.addListener(function (message) { 170 | switch (message?.status) { 171 | case "default": 172 | setStatusLabel("Baseliner extension ready with defaults"); 173 | setHasStartedUp(true); 174 | break; 175 | 176 | case "update": 177 | setStatusLabel("Baseliner styles updated"); 178 | setHasStartedUp(true); 179 | 180 | // Save to storage 181 | chrome.scripting.executeScript({ 182 | target: {tabId: tab.id}, 183 | func: baselinerSaveToStorage, 184 | args: [message], 185 | }); 186 | break; 187 | 188 | case "load": 189 | setStatusLabel("Baseliner loaded from storage"); 190 | const { 191 | storage: { 192 | verticalRed, 193 | verticalBlue, 194 | verticalGreen, 195 | verticalOpacity, 196 | verticalBaseline, 197 | verticalStyleBaseline, 198 | verticalEnable, 199 | horizontalRed, 200 | horizontalBlue, 201 | horizontalGreen, 202 | horizontalOpacity, 203 | horizontalBaseline, 204 | horizontalStyleBaseline, 205 | horizontalEnable, 206 | topOffset, 207 | leftOffset, 208 | rightOffset, 209 | forceStyles, 210 | }, 211 | } = message; 212 | setColourHorizontal( 213 | rgbToHex(horizontalRed, horizontalGreen, horizontalBlue) 214 | ); 215 | setOpacityHorizontal(horizontalOpacity); 216 | setBaselineHorizontal(horizontalBaseline); 217 | setBaselineStyleHorizontal(horizontalStyleBaseline); 218 | setEnableHorizontal(horizontalEnable); 219 | setColourVertical( 220 | rgbToHex(verticalRed, verticalGreen, verticalBlue) 221 | ); 222 | setOpacityVertical(verticalOpacity); 223 | setBaselineVertical(verticalBaseline); 224 | setBaselineStyleVertical(verticalStyleBaseline); 225 | setEnableVertical(verticalEnable); 226 | setTopOffset(topOffset); 227 | setLeftOffset(leftOffset); 228 | setRightOffset(rightOffset); 229 | setForceStyles(forceStyles); 230 | 231 | // Generate and apply styles 232 | chrome.scripting.executeScript({ 233 | target: {tabId: tab.id}, 234 | func: baselinerGenerateStyles, 235 | args: [verticalRed, 236 | verticalBlue, 237 | verticalGreen, 238 | verticalOpacity, 239 | verticalBaseline, 240 | verticalStyleBaseline, 241 | verticalEnable, 242 | horizontalRed, 243 | horizontalBlue, 244 | horizontalGreen, 245 | horizontalOpacity, 246 | horizontalBaseline, 247 | horizontalStyleBaseline, 248 | horizontalEnable, 249 | topOffset, 250 | leftOffset, 251 | rightOffset, 252 | forceStyles], 253 | }); 254 | break; 255 | 256 | case "removed": 257 | setStatusLabel("Baseliner removed"); 258 | break; 259 | 260 | default: 261 | console.error("Unrecognized status message", message); 262 | } 263 | }); 264 | } 265 | } 266 | 267 | React.useEffect(() => { 268 | /* Note: renders based on first load */ 269 | firstLoad().then(() => {}); 270 | }, [ENV_EXTENSION]); 271 | 272 | async function renderBaseliner(){ 273 | if (ENV_EXTENSION && hasStartedUp) { 274 | const colourVerticalRGB = hexToRGB(colourVertical); 275 | const vertical = { 276 | red: colourVerticalRGB.r, 277 | green: colourVerticalRGB.g, 278 | blue: colourVerticalRGB.b, 279 | opacity: opacityVertical, 280 | baseline: baselineVertical, 281 | baselineStyle: baselineStyleVertical, 282 | enable: enableVertical, 283 | }; 284 | const colourHorizontalRGB = hexToRGB(colourHorizontal); 285 | const horizontal = { 286 | red: colourHorizontalRGB.r, 287 | green: colourHorizontalRGB.g, 288 | blue: colourHorizontalRGB.b, 289 | opacity: opacityHorizontal, 290 | baseline: baselineHorizontal, 291 | baselineStyle: baselineStyleHorizontal, 292 | enable: enableHorizontal, 293 | }; 294 | 295 | // Generate and apply styles 296 | const tab = await getCurrentTab(); 297 | chrome.scripting.executeScript({ 298 | target: {tabId: tab.id}, 299 | func: baselinerGenerateStyles, 300 | args: [vertical.red, 301 | vertical.blue, 302 | vertical.green, 303 | vertical.opacity, 304 | vertical.baseline, 305 | `${vertical.baselineStyle}`, 306 | vertical.enable, 307 | horizontal.red, 308 | horizontal.blue, 309 | horizontal.green, 310 | horizontal.opacity, 311 | horizontal.baseline, 312 | `${horizontal.baselineStyle}`, 313 | horizontal.enable, 314 | topOffset, 315 | leftOffset, 316 | rightOffset, 317 | forceStyles], 318 | }); 319 | } 320 | } 321 | 322 | React.useEffect(() => { 323 | /* Note: renders based on UI changes OR when it has started up */ 324 | renderBaseliner().then(() => {}); 325 | }, [ 326 | ENV_EXTENSION, 327 | hasStartedUp, 328 | colourVertical, 329 | colourHorizontal, 330 | opacityVertical, 331 | opacityHorizontal, 332 | baselineVertical, 333 | baselineHorizontal, 334 | baselineStyleVertical, 335 | baselineStyleHorizontal, 336 | enableVertical, 337 | enableHorizontal, 338 | topOffset, 339 | leftOffset, 340 | rightOffset, 341 | forceStyles, 342 | ]); 343 | 344 | return ( 345 |
346 |

347 | 352 | Baseliner 353 | 354 |

355 |

356 | Status: {statusLabel} 357 |

358 |
359 |

Vertical

360 |
361 | 368 | 369 |
370 |
371 | 372 | 382 |
383 |
384 | 385 | 395 |
396 | 397 |
398 | 399 | 409 | {opacityVertical}% 410 |
411 | 412 |
413 | 414 | 423 |
424 |
425 | 426 |
427 |

Horizontal

428 |
429 | 436 | 437 |
438 |
439 | 440 | 450 |
451 |
452 | 453 | 463 |
464 | 465 |
466 | 467 | 477 | {opacityHorizontal}% 478 |
479 | 480 |
481 | 482 | 491 |
492 |
493 | 494 |
495 |

Offset

496 |
497 |
498 | 499 | 506 |
507 |
508 | 509 | 516 |
517 |
518 | 519 | 526 |
527 |
528 |
529 | 530 |
531 |

Force Styles

532 |
533 | 534 |
535 |
536 | 542 | 543 |
544 |
545 | 546 |
547 | 553 | Feedback? 554 | 555 | 561 | Support Us 562 | 563 |
564 |
565 | ); 566 | } 567 | 568 | export default Popup; 569 | -------------------------------------------------------------------------------- /www/img/footer.wordmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | footer.wordmark 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /www/js/vendor/jquery-1.11.2.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.11.2 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.2",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b=a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);m.find=s,m.expr=s.selectors,m.expr[":"]=m.expr.pseudos,m.unique=s.uniqueSort,m.text=s.getText,m.isXMLDoc=s.isXML,m.contains=s.contains;var t=m.expr.match.needsContext,u=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,v=/^.[^:#\[\.,]*$/;function w(a,b,c){if(m.isFunction(b))return m.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return m.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(v.test(b))return m.filter(b,a,c);b=m.filter(b,a)}return m.grep(a,function(a){return m.inArray(a,b)>=0!==c})}m.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?m.find.matchesSelector(d,a)?[d]:[]:m.find.matches(a,m.grep(b,function(a){return 1===a.nodeType}))},m.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(m(a).filter(function(){for(b=0;e>b;b++)if(m.contains(d[b],this))return!0}));for(b=0;e>b;b++)m.find(a,d[b],c);return c=this.pushStack(e>1?m.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(w(this,a||[],!1))},not:function(a){return this.pushStack(w(this,a||[],!0))},is:function(a){return!!w(this,"string"==typeof a&&t.test(a)?m(a):a||[],!1).length}});var x,y=a.document,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=m.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||x).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof m?b[0]:b,m.merge(this,m.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:y,!0)),u.test(c[1])&&m.isPlainObject(b))for(c in b)m.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=y.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return x.find(a);this.length=1,this[0]=d}return this.context=y,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):m.isFunction(a)?"undefined"!=typeof x.ready?x.ready(a):a(m):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),m.makeArray(a,this))};A.prototype=m.fn,x=m(y);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};m.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!m(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),m.fn.extend({has:function(a){var b,c=m(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(m.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=t.test(a)||"string"!=typeof a?m(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&m.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?m.unique(f):f)},index:function(a){return a?"string"==typeof a?m.inArray(this[0],m(a)):m.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(m.unique(m.merge(this.get(),m(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}m.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return m.dir(a,"parentNode")},parentsUntil:function(a,b,c){return m.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return m.dir(a,"nextSibling")},prevAll:function(a){return m.dir(a,"previousSibling")},nextUntil:function(a,b,c){return m.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return m.dir(a,"previousSibling",c)},siblings:function(a){return m.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return m.sibling(a.firstChild)},contents:function(a){return m.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:m.merge([],a.childNodes)}},function(a,b){m.fn[a]=function(c,d){var e=m.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=m.filter(d,e)),this.length>1&&(C[a]||(e=m.unique(e)),B.test(a)&&(e=e.reverse())),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return m.each(a.match(E)||[],function(a,c){b[c]=!0}),b}m.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):m.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){m.each(b,function(b,c){var d=m.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&m.each(arguments,function(a,c){var d;while((d=m.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?m.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},m.extend({Deferred:function(a){var b=[["resolve","done",m.Callbacks("once memory"),"resolved"],["reject","fail",m.Callbacks("once memory"),"rejected"],["notify","progress",m.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return m.Deferred(function(c){m.each(b,function(b,f){var g=m.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&m.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?m.extend(a,d):d}},e={};return d.pipe=d.then,m.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&m.isFunction(a.promise)?e:0,g=1===f?a:m.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&m.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;m.fn.ready=function(a){return m.ready.promise().done(a),this},m.extend({isReady:!1,readyWait:1,holdReady:function(a){a?m.readyWait++:m.ready(!0)},ready:function(a){if(a===!0?!--m.readyWait:!m.isReady){if(!y.body)return setTimeout(m.ready);m.isReady=!0,a!==!0&&--m.readyWait>0||(H.resolveWith(y,[m]),m.fn.triggerHandler&&(m(y).triggerHandler("ready"),m(y).off("ready")))}}});function I(){y.addEventListener?(y.removeEventListener("DOMContentLoaded",J,!1),a.removeEventListener("load",J,!1)):(y.detachEvent("onreadystatechange",J),a.detachEvent("onload",J))}function J(){(y.addEventListener||"load"===event.type||"complete"===y.readyState)&&(I(),m.ready())}m.ready.promise=function(b){if(!H)if(H=m.Deferred(),"complete"===y.readyState)setTimeout(m.ready);else if(y.addEventListener)y.addEventListener("DOMContentLoaded",J,!1),a.addEventListener("load",J,!1);else{y.attachEvent("onreadystatechange",J),a.attachEvent("onload",J);var c=!1;try{c=null==a.frameElement&&y.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!m.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}I(),m.ready()}}()}return H.promise(b)};var K="undefined",L;for(L in m(k))break;k.ownLast="0"!==L,k.inlineBlockNeedsLayout=!1,m(function(){var a,b,c,d;c=y.getElementsByTagName("body")[0],c&&c.style&&(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1",k.inlineBlockNeedsLayout=a=3===b.offsetWidth,a&&(c.style.zoom=1)),c.removeChild(d))}),function(){var a=y.createElement("div");if(null==k.deleteExpando){k.deleteExpando=!0;try{delete a.test}catch(b){k.deleteExpando=!1}}a=null}(),m.acceptData=function(a){var b=m.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var M=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,N=/([A-Z])/g;function O(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(N,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:M.test(c)?m.parseJSON(c):c}catch(e){}m.data(a,b,c)}else c=void 0}return c}function P(a){var b;for(b in a)if(("data"!==b||!m.isEmptyObject(a[b]))&&"toJSON"!==b)return!1; 3 | return!0}function Q(a,b,d,e){if(m.acceptData(a)){var f,g,h=m.expando,i=a.nodeType,j=i?m.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||m.guid++:h),j[k]||(j[k]=i?{}:{toJSON:m.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=m.extend(j[k],b):j[k].data=m.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[m.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[m.camelCase(b)])):f=g,f}}function R(a,b,c){if(m.acceptData(a)){var d,e,f=a.nodeType,g=f?m.cache:a,h=f?a[m.expando]:m.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){m.isArray(b)?b=b.concat(m.map(b,m.camelCase)):b in d?b=[b]:(b=m.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!P(d):!m.isEmptyObject(d))return}(c||(delete g[h].data,P(g[h])))&&(f?m.cleanData([a],!0):k.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}m.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?m.cache[a[m.expando]]:a[m.expando],!!a&&!P(a)},data:function(a,b,c){return Q(a,b,c)},removeData:function(a,b){return R(a,b)},_data:function(a,b,c){return Q(a,b,c,!0)},_removeData:function(a,b){return R(a,b,!0)}}),m.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=m.data(f),1===f.nodeType&&!m._data(f,"parsedAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=m.camelCase(d.slice(5)),O(f,d,e[d])));m._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){m.data(this,a)}):arguments.length>1?this.each(function(){m.data(this,a,b)}):f?O(f,a,m.data(f,a)):void 0},removeData:function(a){return this.each(function(){m.removeData(this,a)})}}),m.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=m._data(a,b),c&&(!d||m.isArray(c)?d=m._data(a,b,m.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=m.queue(a,b),d=c.length,e=c.shift(),f=m._queueHooks(a,b),g=function(){m.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return m._data(a,c)||m._data(a,c,{empty:m.Callbacks("once memory").add(function(){m._removeData(a,b+"queue"),m._removeData(a,c)})})}}),m.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML="
a",k.leadingWhitespace=3===b.firstChild.nodeType,k.tbody=!b.getElementsByTagName("tbody").length,k.htmlSerialize=!!b.getElementsByTagName("link").length,k.html5Clone="<:nav>"!==y.createElement("nav").cloneNode(!0).outerHTML,a.type="checkbox",a.checked=!0,c.appendChild(a),k.appendChecked=a.checked,b.innerHTML="",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,c.appendChild(b),b.innerHTML="",k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,k.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){k.noCloneEvent=!1}),b.cloneNode(!0).click()),null==k.deleteExpando){k.deleteExpando=!0;try{delete b.test}catch(d){k.deleteExpando=!1}}}(),function(){var b,c,d=y.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(k[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),k[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var X=/^(?:input|select|textarea)$/i,Y=/^key/,Z=/^(?:mouse|pointer|contextmenu)|click/,$=/^(?:focusinfocus|focusoutblur)$/,_=/^([^.]*)(?:\.(.+)|)$/;function ab(){return!0}function bb(){return!1}function cb(){try{return y.activeElement}catch(a){}}m.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=m.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof m===K||a&&m.event.triggered===a.type?void 0:m.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(E)||[""],h=b.length;while(h--)f=_.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=m.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=m.event.special[o]||{},l=m.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&m.expr.match.needsContext.test(e),namespace:p.join(".")},i),(n=g[o])||(n=g[o]=[],n.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?n.splice(n.delegateCount++,0,l):n.push(l),m.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,n,o,p,q,r=m.hasData(a)&&m._data(a);if(r&&(k=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=_.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=m.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,n=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=n.length;while(f--)g=n[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(n.splice(f,1),g.selector&&n.delegateCount--,l.remove&&l.remove.call(a,g));i&&!n.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||m.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)m.event.remove(a,o+b[j],c,d,!0);m.isEmptyObject(k)&&(delete r.handle,m._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,n,o=[d||y],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||y,3!==d.nodeType&&8!==d.nodeType&&!$.test(p+m.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[m.expando]?b:new m.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:m.makeArray(c,[b]),k=m.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!m.isWindow(d)){for(i=k.delegateType||p,$.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||y)&&o.push(l.defaultView||l.parentWindow||a)}n=0;while((h=o[n++])&&!b.isPropagationStopped())b.type=n>1?i:k.bindType||p,f=(m._data(h,"events")||{})[b.type]&&m._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&m.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&m.acceptData(d)&&g&&d[p]&&!m.isWindow(d)){l=d[g],l&&(d[g]=null),m.event.triggered=p;try{d[p]()}catch(r){}m.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?m(c,this).index(i)>=0:m.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),hb=/^\s+/,ib=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,jb=/<([\w:]+)/,kb=/\s*$/g,rb={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:k.htmlSerialize?[0,"",""]:[1,"X
","
"]},sb=db(y),tb=sb.appendChild(y.createElement("div"));rb.optgroup=rb.option,rb.tbody=rb.tfoot=rb.colgroup=rb.caption=rb.thead,rb.th=rb.td;function ub(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ub(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function vb(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wb(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xb(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function yb(a){var b=pb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function zb(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Ab(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Bb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xb(b).text=a.text,yb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!gb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(tb.innerHTML=a.outerHTML,tb.removeChild(f=tb.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ub(f),h=ub(a),g=0;null!=(e=h[g]);++g)d[g]&&Bb(e,d[g]);if(b)if(c)for(h=h||ub(a),d=d||ub(f),g=0;null!=(e=h[g]);g++)Ab(e,d[g]);else Ab(a,f);return d=ub(f,"script"),d.length>0&&zb(d,!i&&ub(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=db(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(lb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(jb.exec(f)||["",""])[1].toLowerCase(),l=rb[i]||rb._default,h.innerHTML=l[1]+f.replace(ib,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&hb.test(f)&&p.push(b.createTextNode(hb.exec(f)[0])),!k.tbody){f="table"!==i||kb.test(f)?""!==l[1]||kb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ub(p,"input"),vb),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ub(o.appendChild(f),"script"),g&&zb(h),c)){e=0;while(f=h[e++])ob.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ub(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&zb(ub(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ub(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fb,""):void 0;if(!("string"!=typeof a||mb.test(a)||!k.htmlSerialize&&gb.test(a)||!k.leadingWhitespace&&hb.test(a)||rb[(jb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ib,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ub(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ub(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&nb.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ub(i,"script"),xb),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ub(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,yb),j=0;f>j;j++)d=g[j],ob.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qb,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Cb,Db={};function Eb(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fb(a){var b=y,c=Db[a];return c||(c=Eb(a,b),"none"!==c&&c||(Cb=(Cb||m("