├── 128.png ├── 16.png ├── 48.png ├── README.md ├── bg.jpeg ├── index.html ├── inter ├── font.css └── src │ ├── Inter-Black.woff │ ├── Inter-Black.woff2 │ ├── Inter-BlackItalic.woff │ ├── Inter-BlackItalic.woff2 │ ├── Inter-Bold.woff │ ├── Inter-Bold.woff2 │ ├── Inter-BoldItalic.woff │ ├── Inter-BoldItalic.woff2 │ ├── Inter-ExtraBold.woff │ ├── Inter-ExtraBold.woff2 │ ├── Inter-ExtraBoldItalic.woff │ ├── Inter-ExtraBoldItalic.woff2 │ ├── Inter-ExtraLight.woff │ ├── Inter-ExtraLight.woff2 │ ├── Inter-ExtraLightItalic.woff │ ├── Inter-ExtraLightItalic.woff2 │ ├── Inter-Italic.woff │ ├── Inter-Italic.woff2 │ ├── Inter-Light.woff │ ├── Inter-Light.woff2 │ ├── Inter-LightItalic.woff │ ├── Inter-LightItalic.woff2 │ ├── Inter-Medium.woff │ ├── Inter-Medium.woff2 │ ├── Inter-MediumItalic.woff │ ├── Inter-MediumItalic.woff2 │ ├── Inter-Regular.woff │ ├── Inter-Regular.woff2 │ ├── Inter-SemiBold.woff │ ├── Inter-SemiBold.woff2 │ ├── Inter-SemiBoldItalic.woff │ ├── Inter-SemiBoldItalic.woff2 │ ├── Inter-Thin.woff │ ├── Inter-Thin.woff2 │ ├── Inter-ThinItalic.woff │ └── Inter-ThinItalic.woff2 ├── manifest.json ├── options.css ├── options.html ├── options.js ├── script.js ├── style.css ├── water.css └── weather.css /128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/128.png -------------------------------------------------------------------------------- /16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/16.png -------------------------------------------------------------------------------- /48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/48.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

Scape

2 | 3 |

Scape is a simple and elegant new tab page designed to show you important information quickly.

4 | 5 |

6 | 7 | Get Scape for Chrome 8 | 9 | 10 | Get Scape for Firefox 11 | 12 |

13 | 14 |

15 | Screen Shot 16 |

17 | 18 | **Some of the core features:** 19 | - **Free and Open Source** - 20 | Scape is open-source software, which means that the source code is available to anyone. You can find the source code on GitHub. Scape is also a completely free extension. 21 | 22 | - **Customisable** - 23 | Scape offers a wide range of customisations such as, time zones, custom backgrounds, bookmarks and search engines. 24 | 25 | - **Accurate Weather** - 26 | Scape has a fast weather service to let you know what is waiting for you outside. 27 | 28 | - **Cross Platform** - 29 | Scape is ready to meet your needs. Whether you are using a Firefox based browser or a Chromium based browser you can still install Scape. 30 | 31 |
32 | 33 | Chrome Web Store Chrome Web Store 34 | -------------------------------------------------------------------------------- /bg.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/bg.jpeg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | New Tab 7 | 11 | 15 | 19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 32 | 33 | 38 | 55 |
56 | 59 |
60 |
61 | 62 | 63 | -------------------------------------------------------------------------------- /inter/font.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Inter'; 3 | src: url('src/Inter-MediumItalic.woff2') format('woff2'), 4 | url('src/Inter-MediumItalic.woff') format('woff'); 5 | font-weight: 500; 6 | font-style: italic; 7 | font-display: swap; 8 | } 9 | 10 | @font-face { 11 | font-family: 'Inter'; 12 | src: url('src/Inter-ExtraBold.woff2') format('woff2'), 13 | url('src/Inter-ExtraBold.woff') format('woff'); 14 | font-weight: 800; 15 | font-style: normal; 16 | font-display: swap; 17 | } 18 | 19 | @font-face { 20 | font-family: 'Inter'; 21 | src: url('src/Inter-BlackItalic.woff2') format('woff2'), 22 | url('src/Inter-BlackItalic.woff') format('woff'); 23 | font-weight: 900; 24 | font-style: italic; 25 | font-display: swap; 26 | } 27 | 28 | @font-face { 29 | font-family: 'Inter'; 30 | src: url('src/Inter-Regular.woff2') format('woff2'), 31 | url('src/Inter-Regular.woff') format('woff'); 32 | font-weight: normal; 33 | font-style: normal; 34 | font-display: swap; 35 | } 36 | 37 | @font-face { 38 | font-family: 'Inter'; 39 | src: url('src/Inter-LightItalic.woff2') format('woff2'), 40 | url('src/Inter-LightItalic.woff') format('woff'); 41 | font-weight: 300; 42 | font-style: italic; 43 | font-display: swap; 44 | } 45 | 46 | @font-face { 47 | font-family: 'Inter'; 48 | src: url('src/Inter-SemiBoldItalic.woff2') format('woff2'), 49 | url('src/Inter-SemiBoldItalic.woff') format('woff'); 50 | font-weight: 600; 51 | font-style: italic; 52 | font-display: swap; 53 | } 54 | 55 | @font-face { 56 | font-family: 'Inter'; 57 | src: url('src/Inter-BoldItalic.woff2') format('woff2'), 58 | url('src/Inter-BoldItalic.woff') format('woff'); 59 | font-weight: bold; 60 | font-style: italic; 61 | font-display: swap; 62 | } 63 | 64 | @font-face { 65 | font-family: 'Inter'; 66 | src: url('src/Inter-SemiBold.woff2') format('woff2'), 67 | url('src/Inter-SemiBold.woff') format('woff'); 68 | font-weight: 600; 69 | font-style: normal; 70 | font-display: swap; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Inter'; 75 | src: url('src/Inter-Black.woff2') format('woff2'), 76 | url('src/Inter-Black.woff') format('woff'); 77 | font-weight: 900; 78 | font-style: normal; 79 | font-display: swap; 80 | } 81 | 82 | @font-face { 83 | font-family: 'Inter'; 84 | src: url('src/Inter-ExtraLightItalic.woff2') format('woff2'), 85 | url('src/Inter-ExtraLightItalic.woff') format('woff'); 86 | font-weight: 200; 87 | font-style: italic; 88 | font-display: swap; 89 | } 90 | 91 | @font-face { 92 | font-family: 'Inter'; 93 | src: url('src/Inter-Light.woff2') format('woff2'), 94 | url('src/Inter-Light.woff') format('woff'); 95 | font-weight: 300; 96 | font-style: normal; 97 | font-display: swap; 98 | } 99 | 100 | @font-face { 101 | font-family: 'Inter'; 102 | src: url('src/Inter-Bold.woff2') format('woff2'), 103 | url('src/Inter-Bold.woff') format('woff'); 104 | font-weight: bold; 105 | font-style: normal; 106 | font-display: swap; 107 | } 108 | 109 | @font-face { 110 | font-family: 'Inter'; 111 | src: url('src/Inter-ExtraLight.woff2') format('woff2'), 112 | url('src/Inter-ExtraLight.woff') format('woff'); 113 | font-weight: 200; 114 | font-style: normal; 115 | font-display: swap; 116 | } 117 | 118 | @font-face { 119 | font-family: 'Inter'; 120 | src: url('src/Inter-Medium.woff2') format('woff2'), 121 | url('src/Inter-Medium.woff') format('woff'); 122 | font-weight: 500; 123 | font-style: normal; 124 | font-display: swap; 125 | } 126 | 127 | @font-face { 128 | font-family: 'Inter'; 129 | src: url('src/Inter-ExtraBoldItalic.woff2') format('woff2'), 130 | url('src/Inter-ExtraBoldItalic.woff') format('woff'); 131 | font-weight: 800; 132 | font-style: italic; 133 | font-display: swap; 134 | } 135 | 136 | @font-face { 137 | font-family: 'Inter'; 138 | src: url('/src/Inter-Thin.woff2') format('woff2'), 139 | url('src/Inter-Thin.woff') format('woff'); 140 | font-weight: 100; 141 | font-style: normal; 142 | font-display: swap; 143 | } 144 | 145 | @font-face { 146 | font-family: 'Inter'; 147 | src: url('src/Inter-ThinItalic.woff2') format('woff2'), 148 | url('src/Inter-ThinItalic.woff') format('woff'); 149 | font-weight: 100; 150 | font-style: italic; 151 | font-display: swap; 152 | } 153 | 154 | @font-face { 155 | font-family: 'Inter'; 156 | src: url('src/Inter-Italic.woff2') format('woff2'), 157 | url('src/Inter-Italic.woff') format('woff'); 158 | font-weight: normal; 159 | font-style: italic; 160 | font-display: swap; 161 | } -------------------------------------------------------------------------------- /inter/src/Inter-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Black.woff -------------------------------------------------------------------------------- /inter/src/Inter-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Black.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-BlackItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-BlackItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Bold.woff -------------------------------------------------------------------------------- /inter/src/Inter-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Bold.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-BoldItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-BoldItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraBold.woff -------------------------------------------------------------------------------- /inter/src/Inter-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraBold.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-ExtraBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraBoldItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-ExtraBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraBoldItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-ExtraLight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraLight.woff -------------------------------------------------------------------------------- /inter/src/Inter-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraLight.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-ExtraLightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraLightItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-ExtraLightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ExtraLightItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Italic.woff -------------------------------------------------------------------------------- /inter/src/Inter-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Italic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Light.woff -------------------------------------------------------------------------------- /inter/src/Inter-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Light.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-LightItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-LightItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Medium.woff -------------------------------------------------------------------------------- /inter/src/Inter-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Medium.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-MediumItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-MediumItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-MediumItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-MediumItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Regular.woff -------------------------------------------------------------------------------- /inter/src/Inter-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Regular.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-SemiBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-SemiBold.woff -------------------------------------------------------------------------------- /inter/src/Inter-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-SemiBold.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-SemiBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-SemiBoldItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-SemiBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-SemiBoldItalic.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-Thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Thin.woff -------------------------------------------------------------------------------- /inter/src/Inter-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-Thin.woff2 -------------------------------------------------------------------------------- /inter/src/Inter-ThinItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ThinItalic.woff -------------------------------------------------------------------------------- /inter/src/Inter-ThinItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/littlegrapeguy/scape/74c7af345d020698cea364abcb2e19de5ad0ed43/inter/src/Inter-ThinItalic.woff2 -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 2, 3 | "name": "Scape", 4 | "description": "Give your browser the fresh coat of paint it deserves!", 5 | "version": "2.1.2", 6 | "chrome_url_overrides": { 7 | "newtab": "index.html" 8 | }, 9 | "icons": { 10 | "128": "128.png", 11 | "48": "48.png", 12 | "16": "16.png" 13 | }, 14 | "options_ui": { 15 | "open_in_tab": true, 16 | "page": "options.html" 17 | }, 18 | "permissions": ["storage", "geolocation"] 19 | } 20 | -------------------------------------------------------------------------------- /options.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 2em; 3 | } 4 | 5 | h1, 6 | h2, 7 | h3, 8 | h4, 9 | h5, 10 | h6, 11 | p { 12 | margin: 0 0 10px 0; 13 | } 14 | 15 | p { 16 | font-weight: 600; 17 | } 18 | 19 | .card { 20 | position: relative; 21 | margin: 20px 0; 22 | padding: 20px; 23 | background-color: #c9c9c9; 24 | border-radius: 10px; 25 | transition: 0.5s; 26 | } 27 | 28 | .card:hover { 29 | box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, 30 | rgba(17, 17, 26, 0.05) 0px 8px 32px; 31 | } 32 | 33 | .show-hide-label { 34 | font-weight: 600; 35 | position: absolute; 36 | margin: 0 !important; 37 | right: 20px; 38 | top: 20px; 39 | } 40 | 41 | .show-hide { 42 | margin-left: 5px !important; 43 | } 44 | 45 | input, 46 | select { 47 | margin: 5px 0; 48 | } 49 | 50 | input[type="checkbox"], 51 | input[type="radio"] { 52 | margin: 0 5px 0 0; 53 | } 54 | 55 | .toolbar { 56 | background-color: grey; 57 | border-radius: 8px; 58 | padding: 10px; 59 | position: fixed; 60 | bottom: 10px; 61 | right: 10px; 62 | } 63 | 64 | .bookmark { 65 | background-color: #efefef; 66 | border-radius: 8px; 67 | padding: 10px; 68 | margin: 5px 0; 69 | } 70 | 71 | .bookmark span { 72 | cursor: pointer; 73 | } 74 | 75 | #bookmarks input, 76 | #weather input { 77 | display: inline-block; 78 | } 79 | 80 | #bookmarks button, 81 | #weather button { 82 | margin: 5px 0; 83 | } 84 | 85 | #save { 86 | margin: 0; 87 | transition: 0.7s; 88 | } 89 | 90 | #save:hover { 91 | background-color: #cad7ed; 92 | } 93 | 94 | ::-webkit-scrollbar { 95 | width: 10px; 96 | } 97 | 98 | ::-webkit-scrollbar-track { 99 | background: #ffffff; 100 | } 101 | 102 | ::-webkit-scrollbar-thumb { 103 | background: #c4c4c4; 104 | border-radius: 45px; 105 | } 106 | 107 | ::-webkit-scrollbar-thumb:hover { 108 | background: #9e9e9e; 109 | } 110 | -------------------------------------------------------------------------------- /options.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Scape Options Editor 7 | 11 | 15 | 19 | 20 | 21 | 22 | 23 | 24 |

Scape Options Editor

25 |

26 | Need help? 31 |

32 |

33 | Report a bug. 34 |

35 |

36 | Default background image credit. 37 |

38 |

39 | 🏝 Style 40 |

41 |
42 |

43 | 🌄 Background 44 |

45 | 46 |
47 |
48 |

49 | 🎨 Foreground Color 50 |

51 | 52 |
53 |
54 |

55 | 📱 UI Style 56 |

57 | 61 |
62 |
63 |

64 | 👨‍💻 Custom CSS 65 |

66 | 67 |
68 |

69 | 🎛 Modules 70 |

71 |
72 | 73 |

⏰ Time

74 | 12-hour 75 |
76 | 24-hour 77 |
78 | Display AM / PM 79 |
80 |
81 | 82 |

🌥 Weather

83 | Units 84 | 89 |
90 | 106 |
107 | 108 |

📋 Bookmarks

109 | 110 |
111 |
112 |

113 | ⚙️ Settings 114 |

115 |
116 |

🌐 Timezone

117 | 371 |
372 |
373 | 376 |
377 | 378 | 379 | -------------------------------------------------------------------------------- /options.js: -------------------------------------------------------------------------------- 1 | const reg = /^#([0-9a-f]{3}){1,2}$/i; 2 | 3 | // Save Options 4 | function save() { 5 | const config = { 6 | style: { 7 | background: document.querySelector("#background input").value ? document.querySelector("#background input").value : "https://cdn.glitch.com/fbcc75ee-28e3-462b-9d78-8dd9e7264ccd%2Ffirewatch-nature-m1-1920x1080.jpeg", 8 | foreground: reg.test(document.querySelector("#foreground input").value) ? document.querySelector("#foreground input").value : "#FFFFFF", 9 | circular: 10 | document.querySelector("#ui-style select").value === "true" 11 | ? true 12 | : false, 13 | css: document.querySelector("#custom-css textarea").value 14 | }, 15 | modules: { 16 | time: { 17 | show: document.querySelector("#time .show-hide").checked, 18 | "24hour": document.querySelector("#time input[type=radio]").checked 19 | ? false 20 | : true, 21 | ampm: document.querySelector("#time input[name=ampm]").checked 22 | }, 23 | weather: { 24 | show: document.querySelector("#weather .show-hide").checked, 25 | units: document.querySelector("#weather select").value 26 | }, 27 | search: { 28 | show: document.querySelector("#search .show-hide").checked, 29 | engine: document.querySelector("#search select").value, 30 | placeholder: document.querySelector("#search #placeholder").value 31 | ? document.querySelector("#search #placeholder").value 32 | : false 33 | }, 34 | bookmarks: { 35 | show: document.querySelector("#bookmarks .show-hide").checked, 36 | items: document.querySelector("#bookmarks textarea").value.split("\n") ? document.querySelector("#bookmarks textarea").value.split("\n") : [] 37 | } 38 | }, 39 | settings: { 40 | timezone: 41 | document.querySelector("#timezone > select").value === "false" 42 | ? false 43 | : document.querySelector("#timezone > select").value 44 | } 45 | }; 46 | 47 | console.log(config); 48 | 49 | chrome.storage.sync.set(config, () => { 50 | document.getElementById("save").innerText = "Saved!"; 51 | setTimeout(() => { 52 | document.getElementById("save").innerText = "Save"; 53 | }, 750); 54 | }); 55 | } 56 | 57 | // Restore Previously Set Options 58 | function restore() { 59 | const defaults = { 60 | style: { 61 | background: "https://cdn.glitch.com/fbcc75ee-28e3-462b-9d78-8dd9e7264ccd%2Ffirewatch-nature-m1-1920x1080.jpeg", 62 | foreground: "#FFFFFF", 63 | circular: false, 64 | css: "" 65 | }, 66 | modules: { 67 | time: { 68 | show: true, 69 | "24hour": true, 70 | ampm: false 71 | }, 72 | weather: { 73 | show: true, 74 | units: "metric" 75 | }, 76 | search: { 77 | show: true, 78 | engine: "https://www.google.com/search", 79 | placeholder: false 80 | }, 81 | bookmarks: { 82 | show: true, 83 | items: [ 84 | "https://google.com", 85 | "https://youtube.com", 86 | "https://mail.google.com" 87 | ] 88 | } 89 | }, 90 | settings: { 91 | timezone: false 92 | } 93 | }; 94 | 95 | chrome.storage.sync.get(defaults, config => { 96 | // Background 97 | document.querySelector("#background input").value = config.style.background 98 | 99 | // Foreground 100 | document.querySelector("#foreground input").value = config.style.foreground 101 | 102 | // UI Style 103 | document.querySelector( 104 | "#ui-style select" 105 | ).value = config.style.circular.toString(); 106 | 107 | // Custom CSS 108 | document.querySelector("#custom-css textarea").value = config.style.css; 109 | 110 | // Time 111 | document.querySelector("#time .show-hide").checked = config.modules.time.show 112 | 113 | config.modules.time["24hr"] 114 | ? (document.querySelectorAll( 115 | "#time input[type=radio]" 116 | )[1].checked = true) 117 | : (document.querySelectorAll( 118 | "#time input[type=radio]" 119 | )[0].checked = true); 120 | 121 | document.querySelector("#time input[name=ampm]").checked = 122 | config.modules.time.ampm; 123 | 124 | // Weather 125 | document.querySelector("#weather .show-hide").checked = config.modules.weather.show 126 | 127 | document.querySelector("#weather select").value = 128 | config.modules.weather.units; 129 | 130 | // Search 131 | document.querySelector("#search .show-hide").checked = config.modules.search.show 132 | 133 | document.querySelector("#search select").value = 134 | config.modules.search.engine; 135 | 136 | document.querySelector("#search #placeholder").value = config.modules.search 137 | .placeholder 138 | ? config.modules.search.placeholder 139 | : ""; 140 | 141 | // Bookmarks 142 | document.querySelector("#bookmarks .show-hide").checked = config.modules.bookmarks.show 143 | 144 | document.querySelector("#bookmarks textarea").value = config.modules.bookmarks.items.join("\n") 145 | 146 | // Timezone 147 | document.querySelector("#timezone select").value = 148 | config.settings.timezone; 149 | }); 150 | } 151 | 152 | // CTRL + S Keyboard Shortcut 153 | document.addEventListener('keyup', function (event) { 154 | if (event.ctrlKey && event.key === 's') save() 155 | }); 156 | 157 | // Run Code 158 | document.addEventListener("DOMContentLoaded", restore); 159 | document.getElementById("save").addEventListener("click", save); -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | const defaults = { 2 | style: { 3 | background: 4 | "https://cdn.glitch.com/fbcc75ee-28e3-462b-9d78-8dd9e7264ccd%2Ffirewatch-nature-m1-1920x1080.jpeg", 5 | foreground: "#FFFFFF", 6 | circular: false, 7 | css: "", 8 | }, 9 | modules: { 10 | time: { 11 | show: true, 12 | "24hour": true, 13 | ampm: false, 14 | }, 15 | weather: { 16 | show: true, 17 | units: "metric", 18 | }, 19 | search: { 20 | show: true, 21 | engine: "https://www.google.com/search", 22 | placeholder: false, 23 | }, 24 | bookmarks: { 25 | show: true, 26 | items: [ 27 | "https://google.com", 28 | "https://youtube.com", 29 | "https://mail.google.com", 30 | ], 31 | }, 32 | }, 33 | settings: { 34 | timezone: false, 35 | }, 36 | }; 37 | 38 | chrome.storage.sync.get(defaults, (config) => { 39 | const body = document.querySelector("body"); 40 | const style = document.querySelector("style"); 41 | const time = document.getElementById("time"); 42 | const weather = document.getElementById("weather"); 43 | const icon = document.getElementById("icon"); 44 | const type = document.getElementById("type"); 45 | const temp = document.getElementById("temp"); 46 | const search = document.getElementById("search"); 47 | const input = search.elements.q; 48 | const bookmarks = document.getElementById("bookmarks"); 49 | 50 | // Style 51 | body.style.background = `url("${ 52 | config.style.background === 53 | "https://cdn.glitch.com/fbcc75ee-28e3-462b-9d78-8dd9e7264ccd%2Ffirewatch-nature-m1-1920x1080.jpeg" 54 | ? "/bg.jpeg" 55 | : config.style.background 56 | }") no-repeat center fixed`; 57 | body.style.backgroundSize = `cover`; 58 | body.style.backgroundPosition = `center`; 59 | body.style.height = `100%`; 60 | const booka = convertToRGB(config.style.foreground); 61 | const bookb = convertToRGB(config.style.foreground); 62 | booka.push(0.15); 63 | bookb.push(0.2); 64 | style.innerHTML = 65 | `:root { --color: ${config.style.foreground}; --booka: rgba(${booka.join( 66 | ", " 67 | )}); bookb: rgba(${bookb.join(", ")}); }` + config.style.css; 68 | document 69 | .getElementById("point") 70 | .setAttribute("stroke", config.style.foreground); 71 | 72 | if (config.style.circular === true) { 73 | search.setAttribute("class", "circle"); 74 | bookmarks.setAttribute("class", "circle"); 75 | } 76 | 77 | // Time 78 | if (config.modules.time.show === true) { 79 | time.style.display = ""; 80 | 81 | var options = config.modules.time["24hour"] 82 | ? { hour: "numeric", minute: "numeric", hour12: false } 83 | : { 84 | hour: "numeric", 85 | minute: "numeric", 86 | hour12: true, 87 | }; 88 | 89 | if (config.settings.timezone !== false) 90 | options.timeZone = config.settings.timezone; 91 | 92 | function loadTime() { 93 | var newTime = config.modules.time.ampm 94 | ? new Date().toLocaleString("en-GB", options) 95 | : new Date() 96 | .toLocaleString("en-GB", options) 97 | .replace(/am|pm| /gi, "") 98 | 99 | if (newTime.indexOf("0:") === 0) { 100 | time.innerText = newTime.replace("0:", "12:"); 101 | } else { 102 | time.innerText = newTime; 103 | } 104 | } 105 | 106 | loadTime(); 107 | 108 | setInterval(loadTime, 1000); 109 | } 110 | 111 | // Weather 112 | if (config.modules.weather.show === true) { 113 | weather.style.display = ""; 114 | function loadWeather() { 115 | navigator.geolocation.getCurrentPosition( 116 | function (location) { 117 | var units = config.modules.weather.units; 118 | fetch( 119 | `https://api.openweathermap.org/data/2.5/weather?lang=EN&lat=${location.coords.latitude}&lon=${location.coords.longitude}&units=${units}&appid=8e586fc94a1f3326672f6733aa38fd55` 120 | ) 121 | .then((response) => response.json()) 122 | .then((weatherData) => { 123 | icon.setAttribute( 124 | "class", 125 | "wi wi-owm-" + weatherData.weather[0].id 126 | ); 127 | type.innerText = weatherData.weather[0].main; 128 | temp.innerText = Math.round(weatherData.main.temp) + "°"; 129 | }); 130 | }, 131 | function (error) { console.log(error) } 132 | ); 133 | } 134 | 135 | loadWeather() 136 | 137 | setInterval(loadWeather, 300000); 138 | } 139 | 140 | // Search 141 | if (config.modules.search.show === true) { 142 | search.style.display = ""; 143 | 144 | const placeholders = [ 145 | "What is my IP?", 146 | "What is the time?", 147 | "What is the weather?", 148 | "How do I vote?", 149 | "How do I tie a tie?", 150 | "What song is this?", 151 | "When is mother's day?", 152 | "How to take a screenshot.", 153 | "How do I make money?", 154 | "How do I spell?", 155 | "How do I make French Toast?", 156 | "When is Labor Day?", 157 | "Why is the sky blue?", 158 | "What does 'lol' mean?", 159 | "What is a verb?", 160 | "Why am I bored?", 161 | "How do I boil an egg?", 162 | "What should I watch?", 163 | "What is global warming?", 164 | "What is a meme?", 165 | "Who unfollowed me?", 166 | "How do I learn English?", 167 | "How do I code?", 168 | "Who invented the internet?", 169 | "How do I make guacamole?", 170 | "How do I French Braid?", 171 | "How do I make cookies?", 172 | "How old is Selena Gomez?", 173 | "How much water should I drink?", 174 | "How do I clear cache?", 175 | "How do I draw?", 176 | "How to write a book?", 177 | "How to cook bacon?", 178 | "Why do we yawn?", 179 | "How do I sell on eBay?", 180 | "How do I make Mac 'n' Cheese?", 181 | "Who invented the light bulb?", 182 | "What does 🙌 mean?", 183 | "How do I tie a scarf?", 184 | "When are the Oscars?", 185 | "What is a computer?", 186 | "How to play UNO?", 187 | "What is a CV?", 188 | "How do I install Windows?", 189 | "Can you see me?", 190 | "Hint: hover on the bottom right", 191 | ]; 192 | const placeholder = 193 | placeholders[Math.floor(Math.random() * placeholders.length)]; 194 | 195 | search.setAttribute("action", config.modules.search.engine); 196 | if (config.modules.search.placeholder !== false) { 197 | input.setAttribute("placeholder", config.modules.search.placeholder); 198 | } else { 199 | input.setAttribute("placeholder", placeholder); 200 | } 201 | } 202 | 203 | // Bookmarks 204 | if ( 205 | config.modules.bookmarks.show === true && 206 | config.modules.bookmarks.items != 0 207 | ) { 208 | bookmarks.style.display = ""; 209 | 210 | config.modules.bookmarks.items.forEach((bookmark) => { 211 | bookmarks.innerHTML += ` 212 | 213 | 218 | 219 | `; 220 | }); 221 | } 222 | }); 223 | 224 | // Convert to RGB 225 | function convertToRGB(hex) { 226 | hex = hex.replace(/#/g, ""); 227 | if (hex.length === 3) { 228 | hex = hex 229 | .split("") 230 | .map(function (hex) { 231 | return hex + hex; 232 | }) 233 | .join(""); 234 | } 235 | // validate hex format 236 | var result = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})[\da-z]{0,0}$/i.exec(hex); 237 | if (result) { 238 | var red = parseInt(result[1], 16); 239 | var green = parseInt(result[2], 16); 240 | var blue = parseInt(result[3], 16); 241 | 242 | return [red, green, blue]; 243 | } else { 244 | // invalid color 245 | return null; 246 | } 247 | } 248 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --color: #FFFFFF; 3 | --booka: rgba(225, 225, 255, 0.15); 4 | --bookb: rgba(225, 225, 255, 0.2); 5 | } 6 | 7 | * { 8 | font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", 9 | Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", 10 | "Helvetica Neue", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", 11 | sans-serif; 12 | } 13 | 14 | body { 15 | color: var(--color); 16 | margin: 4em; 17 | line-height: 1.15; 18 | background-repeat: no-repeat; 19 | background-attachment: fixed; 20 | background-size: cover; 21 | user-select: none; 22 | -webkit-user-select: none; 23 | } 24 | 25 | footer { 26 | position: fixed; 27 | bottom: 4em; 28 | left: 4em; 29 | } 30 | 31 | #time, 32 | #weather { 33 | display: block; 34 | cursor: default; 35 | } 36 | 37 | #time { 38 | font-size: 4.5rem; 39 | font-weight: 600; 40 | margin-bottom: 5px; 41 | } 42 | 43 | #weather { 44 | font-size: 1.5rem; 45 | font-weight: 400; 46 | opacity: 0.8; 47 | } 48 | 49 | noscript > p { 50 | color: black; 51 | } 52 | 53 | .javascript { 54 | color: red; 55 | } 56 | 57 | form { 58 | font-size: 10px; 59 | } 60 | 61 | input { 62 | padding: 10px; 63 | margin: 20px 0; 64 | border-radius: 10px; 65 | font-size: 15px; 66 | border: 2px solid var(--color); 67 | color: var(--color); 68 | background-color: transparent; 69 | width: 250px; 70 | outline: none; 71 | transition: 0.5s; 72 | } 73 | 74 | input:focus, 75 | input:hover { 76 | background-color: rgba(0, 0, 0, 0.05); 77 | } 78 | 79 | ::-webkit-input-placeholder { 80 | color: var(--color); 81 | } 82 | 83 | ::-moz-placeholder { 84 | color: var(--color); 85 | } 86 | 87 | #bookmarks > a { 88 | display: inline-block; 89 | padding: 10.5px 12px; 90 | margin: 0 5px; 91 | border-radius: 10px; 92 | background-color: var(--booka); 93 | text-decoration: none; 94 | transition: 0.5s; 95 | } 96 | 97 | #bookmarks > a:hover { 98 | background-color: var(--bookb); 99 | } 100 | 101 | #bookmarks > a > img { 102 | display: inline-block; 103 | } 104 | 105 | #search.circle > input { 106 | border-radius: 45px; 107 | } 108 | 109 | #bookmarks.circle > a { 110 | border-radius: 50%; 111 | } 112 | 113 | .settings { 114 | position: fixed; 115 | bottom: 4em; 116 | right: 4em; 117 | width: 20px; 118 | opacity: 0; 119 | transition: 0.3s; 120 | padding-left: 200px; 121 | padding-top: 300px; 122 | } 123 | 124 | .settings:hover { 125 | opacity: 1; 126 | transition: 0.3s; 127 | } 128 | 129 | #point:hover { 130 | cursor: pointer; 131 | } -------------------------------------------------------------------------------- /water.css: -------------------------------------------------------------------------------- 1 | :root{--background-body:#fff;--background:#efefef;--background-alt:#f7f7f7;--selection:#9e9e9e;--text-main:#363636;--text-bright:#000;--text-muted:#70777f;--links:#0076d1;--focus:rgba(0,150,191,0.67);--border:#dbdbdb;--code:#000;--animation-duration:0.1s;--button-hover:#ddd;--scrollbar-thumb:#d5d5d5;--scrollbar-thumb-hover:#c4c4c4;--form-placeholder:#949494;--form-text:#000;--variable:#39a33c;--highlight:#ff0;--select-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")}html{scrollbar-color:#d5d5d5 #fff;scrollbar-color:var(--scrollbar-thumb) var(--background-body);scrollbar-width:thin}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;word-wrap:break-word;color:#363636;color:var(--text-main);background:#fff;background:var(--background-body);text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease;transition:background-color var(--animation-duration) linear,border-color var(--animation-duration) linear,color var(--animation-duration) linear,box-shadow var(--animation-duration) linear,transform var(--animation-duration) ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px;margin-top:24px}h1,h2,h3,h4,h5,h6,strong{color:#000;color:var(--text-bright)}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}q:after,q:before{content:none}blockquote,q{border-left:4px solid rgba(0,150,191,.67);border-left:4px solid var(--focus);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{font-style:normal;border:0}address,blockquote cite{font-style:normal}a[href^=tel\:]:before{content:"📞 "}a[href^=sms\:]:before{content:"💬 "}mark{background-color:#ff0;background-color:var(--highlight);border-radius:2px;padding:0 2px;color:#000}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],select{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#000;color:var(--form-text);background-color:#efefef;background-color:var(--background);font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}input[type=checkbox],input[type=radio]{height:1em;width:1em}input[type=radio]{border-radius:100%}input{vertical-align:top}label{vertical-align:middle;margin-bottom:4px;display:inline-block}button,input:not([type=checkbox]):not([type=radio]),input[type=range],select,textarea{-webkit-appearance:none}textarea{display:block;margin-right:0;box-sizing:border-box;resize:vertical}textarea:not([cols]){width:100%}textarea:not([rows]){min-height:40px;height:140px}select{background:#efefef url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E") calc(100% - 12px) 50%/12px no-repeat;background:var(--background) var(--select-arrow) calc(100% - 12px) 50%/12px no-repeat;padding-right:35px}select::-ms-expand{display:none}select[multiple]{padding-right:10px;background-image:none;overflow-y:auto}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd;background:var(--button-hover)}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67);box-shadow:0 0 0 2px var(--focus)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=range]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-moz-placeholder{color:#949494;color:var(--form-placeholder)}:-ms-input-placeholder{color:#949494;color:var(--form-placeholder)}::-ms-input-placeholder{color:#949494;color:var(--form-placeholder)}::placeholder{color:#949494;color:var(--form-placeholder)}fieldset{border:1px solid rgba(0,150,191,.67);border:1px solid var(--focus);border-radius:6px;margin:0 0 12px;padding:10px}legend{font-size:.9em;font-weight:600}input[type=range]{margin:10px 0;padding:10px 0;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:9.5px;-webkit-transition:.2s;transition:.2s;background:#efefef;background:var(--background);border-radius:3px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border);-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#efefef;background:var(--background)}input[type=range]::-moz-range-track{width:100%;height:9.5px;-moz-transition:.2s;transition:.2s;background:#efefef;background:var(--background);border-radius:3px}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border)}input[type=range]::-ms-track{width:100%;height:9.5px;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#efefef;background:var(--background);border:.2px solid #010101;border-radius:3px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:20px;width:20px;border-radius:50%;background:#dbdbdb;background:var(--border)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#efefef;background:var(--background)}a{text-decoration:none;color:#0076d1;color:var(--links)}a:hover{text-decoration:underline}code,samp,time{background:#efefef;background:var(--background);color:#000;color:var(--code);padding:2.5px 5px;border-radius:6px;font-size:1em}pre>code{padding:10px;display:block;overflow-x:auto}var{color:#39a33c;color:var(--variable);font-style:normal;font-family:monospace}kbd{background:#efefef;background:var(--background);border:1px solid #dbdbdb;border:1px solid var(--border);border-radius:2px;color:#363636;color:var(--text-main);padding:2px 4px}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb;border-top:1px solid var(--border)}table{border-collapse:collapse;margin-bottom:10px;width:100%;table-layout:fixed}table caption,td,th{text-align:left}td,th{padding:6px;vertical-align:top;word-wrap:break-word}thead{border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border)}tfoot{border-top:1px solid #dbdbdb;border-top:1px solid var(--border)}tbody tr:nth-child(2n){background-color:#f7f7f7;background-color:var(--background-alt)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;background:var(--background);border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4;background:var(--scrollbar-thumb-hover)}::-moz-selection{background-color:#9e9e9e;background-color:var(--selection);color:#000;color:var(--text-bright)}::selection{background-color:#9e9e9e;background-color:var(--selection);color:#000;color:var(--text-bright)}details{display:flex;flex-direction:column;align-items:flex-start;background-color:#f7f7f7;background-color:var(--background-alt);padding:10px 10px 0;margin:1em 0;border-radius:6px;overflow:hidden}details[open]{padding:10px}details>:last-child{margin-bottom:0}details[open] summary{margin-bottom:10px}summary{display:list-item;background-color:#efefef;background-color:var(--background);padding:10px;margin:-10px -10px 0;cursor:pointer;outline:none}summary:focus,summary:hover{text-decoration:underline}details>:not(summary){margin-top:0}summary::-webkit-details-marker{color:#363636;color:var(--text-main)}footer{border-top:1px solid #dbdbdb;border-top:1px solid var(--border);padding-top:10px;color:#70777f;color:var(--text-muted)}body>footer{margin-top:40px}@media print{body,button,code,details,input,pre,summary,textarea{background-color:#fff}button,input,textarea{border:1px solid #000}body,button,code,footer,h1,h2,h3,h4,h5,h6,input,pre,strong,summary,textarea{color:#000}summary::marker{color:#000}summary::-webkit-details-marker{color:#000}tbody tr:nth-child(2n){background-color:#f2f2f2}a{color:#00f;text-decoration:underline}} -------------------------------------------------------------------------------- /weather.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:weathericons;src:url(https://cdn.glitch.com/fbcc75ee-28e3-462b-9d78-8dd9e7264ccd%2Fweathericons.woff2?v=1619507590704);font-weight:400;font-style:normal}.wi{display:inline-block;font-family:weathericons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wi-fw{text-align:center;width:1.4em}.wi-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.wi-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.wi-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.wi-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.wi-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.wi-day-sunny:before{content:"\f00d"}.wi-day-cloudy:before{content:"\f002"}.wi-day-cloudy-gusts:before{content:"\f000"}.wi-day-cloudy-windy:before{content:"\f001"}.wi-day-fog:before{content:"\f003"}.wi-day-hail:before{content:"\f004"}.wi-day-haze:before{content:"\f0b6"}.wi-day-lightning:before{content:"\f005"}.wi-day-rain:before{content:"\f008"}.wi-day-rain-mix:before{content:"\f006"}.wi-day-rain-wind:before{content:"\f007"}.wi-day-showers:before{content:"\f009"}.wi-day-sleet:before{content:"\f0b2"}.wi-day-sleet-storm:before{content:"\f068"}.wi-day-snow:before{content:"\f00a"}.wi-day-snow-thunderstorm:before{content:"\f06b"}.wi-day-snow-wind:before{content:"\f065"}.wi-day-sprinkle:before{content:"\f00b"}.wi-day-storm-showers:before{content:"\f00e"}.wi-day-sunny-overcast:before{content:"\f00c"}.wi-day-thunderstorm:before{content:"\f010"}.wi-day-windy:before{content:"\f085"}.wi-solar-eclipse:before{content:"\f06e"}.wi-hot:before{content:"\f072"}.wi-day-cloudy-high:before{content:"\f07d"}.wi-day-light-wind:before{content:"\f0c4"}.wi-night-clear:before{content:"\f02e"}.wi-night-alt-cloudy:before{content:"\f086"}.wi-night-alt-cloudy-gusts:before{content:"\f022"}.wi-night-alt-cloudy-windy:before{content:"\f023"}.wi-night-alt-hail:before{content:"\f024"}.wi-night-alt-lightning:before{content:"\f025"}.wi-night-alt-rain:before{content:"\f028"}.wi-night-alt-rain-mix:before{content:"\f026"}.wi-night-alt-rain-wind:before{content:"\f027"}.wi-night-alt-showers:before{content:"\f029"}.wi-night-alt-sleet:before{content:"\f0b4"}.wi-night-alt-sleet-storm:before{content:"\f06a"}.wi-night-alt-snow:before{content:"\f02a"}.wi-night-alt-snow-thunderstorm:before{content:"\f06d"}.wi-night-alt-snow-wind:before{content:"\f067"}.wi-night-alt-sprinkle:before{content:"\f02b"}.wi-night-alt-storm-showers:before{content:"\f02c"}.wi-night-alt-thunderstorm:before{content:"\f02d"}.wi-night-cloudy:before{content:"\f031"}.wi-night-cloudy-gusts:before{content:"\f02f"}.wi-night-cloudy-windy:before{content:"\f030"}.wi-night-fog:before{content:"\f04a"}.wi-night-hail:before{content:"\f032"}.wi-night-lightning:before{content:"\f033"}.wi-night-partly-cloudy:before{content:"\f083"}.wi-night-rain:before{content:"\f036"}.wi-night-rain-mix:before{content:"\f034"}.wi-night-rain-wind:before{content:"\f035"}.wi-night-showers:before{content:"\f037"}.wi-night-sleet:before{content:"\f0b3"}.wi-night-sleet-storm:before{content:"\f069"}.wi-night-snow:before{content:"\f038"}.wi-night-snow-thunderstorm:before{content:"\f06c"}.wi-night-snow-wind:before{content:"\f066"}.wi-night-sprinkle:before{content:"\f039"}.wi-night-storm-showers:before{content:"\f03a"}.wi-night-thunderstorm:before{content:"\f03b"}.wi-lunar-eclipse:before{content:"\f070"}.wi-stars:before{content:"\f077"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-night-alt-cloudy-high:before{content:"\f07e"}.wi-night-cloudy-high:before{content:"\f080"}.wi-night-alt-partly-cloudy:before{content:"\f081"}.wi-cloud:before{content:"\f041"}.wi-cloudy:before{content:"\f013"}.wi-cloudy-gusts:before{content:"\f011"}.wi-cloudy-windy:before{content:"\f012"}.wi-fog:before{content:"\f014"}.wi-hail:before{content:"\f015"}.wi-rain:before{content:"\f019"}.wi-rain-mix:before{content:"\f017"}.wi-rain-wind:before{content:"\f018"}.wi-showers:before{content:"\f01a"}.wi-sleet:before{content:"\f0b5"}.wi-snow:before{content:"\f01b"}.wi-sprinkle:before{content:"\f01c"}.wi-storm-showers:before{content:"\f01d"}.wi-thunderstorm:before{content:"\f01e"}.wi-snow-wind:before{content:"\f064"}.wi-snow:before{content:"\f01b"}.wi-smog:before{content:"\f074"}.wi-smoke:before{content:"\f062"}.wi-lightning:before{content:"\f016"}.wi-raindrops:before{content:"\f04e"}.wi-raindrop:before{content:"\f078"}.wi-dust:before{content:"\f063"}.wi-snowflake-cold:before{content:"\f076"}.wi-windy:before{content:"\f021"}.wi-strong-wind:before{content:"\f050"}.wi-sandstorm:before{content:"\f082"}.wi-earthquake:before{content:"\f0c6"}.wi-fire:before{content:"\f0c7"}.wi-flood:before{content:"\f07c"}.wi-meteor:before{content:"\f071"}.wi-tsunami:before{content:"\f0c5"}.wi-volcano:before{content:"\f0c8"}.wi-hurricane:before{content:"\f073"}.wi-tornado:before{content:"\f056"}.wi-small-craft-advisory:before{content:"\f0cc"}.wi-gale-warning:before{content:"\f0cd"}.wi-storm-warning:before{content:"\f0ce"}.wi-hurricane-warning:before{content:"\f0cf"}.wi-wind-direction:before{content:"\f0b1"}.wi-alien:before{content:"\f075"}.wi-celsius:before{content:"\f03c"}.wi-fahrenheit:before{content:"\f045"}.wi-degrees:before{content:"\f042"}.wi-thermometer:before{content:"\f055"}.wi-thermometer-exterior:before{content:"\f053"}.wi-thermometer-internal:before{content:"\f054"}.wi-cloud-down:before{content:"\f03d"}.wi-cloud-up:before{content:"\f040"}.wi-cloud-refresh:before{content:"\f03e"}.wi-horizon:before{content:"\f047"}.wi-horizon-alt:before{content:"\f046"}.wi-sunrise:before{content:"\f051"}.wi-sunset:before{content:"\f052"}.wi-moonrise:before{content:"\f0c9"}.wi-moonset:before{content:"\f0ca"}.wi-refresh:before{content:"\f04c"}.wi-refresh-alt:before{content:"\f04b"}.wi-umbrella:before{content:"\f084"}.wi-barometer:before{content:"\f079"}.wi-humidity:before{content:"\f07a"}.wi-na:before{content:"\f07b"}.wi-train:before{content:"\f0cb"}.wi-moon-new:before{content:"\f095"}.wi-moon-waxing-crescent-1:before{content:"\f096"}.wi-moon-waxing-crescent-2:before{content:"\f097"}.wi-moon-waxing-crescent-3:before{content:"\f098"}.wi-moon-waxing-crescent-4:before{content:"\f099"}.wi-moon-waxing-crescent-5:before{content:"\f09a"}.wi-moon-waxing-crescent-6:before{content:"\f09b"}.wi-moon-first-quarter:before{content:"\f09c"}.wi-moon-waxing-gibbous-1:before{content:"\f09d"}.wi-moon-waxing-gibbous-2:before{content:"\f09e"}.wi-moon-waxing-gibbous-3:before{content:"\f09f"}.wi-moon-waxing-gibbous-4:before{content:"\f0a0"}.wi-moon-waxing-gibbous-5:before{content:"\f0a1"}.wi-moon-waxing-gibbous-6:before{content:"\f0a2"}.wi-moon-full:before{content:"\f0a3"}.wi-moon-waning-gibbous-1:before{content:"\f0a4"}.wi-moon-waning-gibbous-2:before{content:"\f0a5"}.wi-moon-waning-gibbous-3:before{content:"\f0a6"}.wi-moon-waning-gibbous-4:before{content:"\f0a7"}.wi-moon-waning-gibbous-5:before{content:"\f0a8"}.wi-moon-waning-gibbous-6:before{content:"\f0a9"}.wi-moon-third-quarter:before{content:"\f0aa"}.wi-moon-waning-crescent-1:before{content:"\f0ab"}.wi-moon-waning-crescent-2:before{content:"\f0ac"}.wi-moon-waning-crescent-3:before{content:"\f0ad"}.wi-moon-waning-crescent-4:before{content:"\f0ae"}.wi-moon-waning-crescent-5:before{content:"\f0af"}.wi-moon-waning-crescent-6:before{content:"\f0b0"}.wi-moon-alt-new:before{content:"\f0eb"}.wi-moon-alt-waxing-crescent-1:before{content:"\f0d0"}.wi-moon-alt-waxing-crescent-2:before{content:"\f0d1"}.wi-moon-alt-waxing-crescent-3:before{content:"\f0d2"}.wi-moon-alt-waxing-crescent-4:before{content:"\f0d3"}.wi-moon-alt-waxing-crescent-5:before{content:"\f0d4"}.wi-moon-alt-waxing-crescent-6:before{content:"\f0d5"}.wi-moon-alt-first-quarter:before{content:"\f0d6"}.wi-moon-alt-waxing-gibbous-1:before{content:"\f0d7"}.wi-moon-alt-waxing-gibbous-2:before{content:"\f0d8"}.wi-moon-alt-waxing-gibbous-3:before{content:"\f0d9"}.wi-moon-alt-waxing-gibbous-4:before{content:"\f0da"}.wi-moon-alt-waxing-gibbous-5:before{content:"\f0db"}.wi-moon-alt-waxing-gibbous-6:before{content:"\f0dc"}.wi-moon-alt-full:before{content:"\f0dd"}.wi-moon-alt-waning-gibbous-1:before{content:"\f0de"}.wi-moon-alt-waning-gibbous-2:before{content:"\f0df"}.wi-moon-alt-waning-gibbous-3:before{content:"\f0e0"}.wi-moon-alt-waning-gibbous-4:before{content:"\f0e1"}.wi-moon-alt-waning-gibbous-5:before{content:"\f0e2"}.wi-moon-alt-waning-gibbous-6:before{content:"\f0e3"}.wi-moon-alt-third-quarter:before{content:"\f0e4"}.wi-moon-alt-waning-crescent-1:before{content:"\f0e5"}.wi-moon-alt-waning-crescent-2:before{content:"\f0e6"}.wi-moon-alt-waning-crescent-3:before{content:"\f0e7"}.wi-moon-alt-waning-crescent-4:before{content:"\f0e8"}.wi-moon-alt-waning-crescent-5:before{content:"\f0e9"}.wi-moon-alt-waning-crescent-6:before{content:"\f0ea"}.wi-moon-0:before{content:"\f095"}.wi-moon-1:before{content:"\f096"}.wi-moon-2:before{content:"\f097"}.wi-moon-3:before{content:"\f098"}.wi-moon-4:before{content:"\f099"}.wi-moon-5:before{content:"\f09a"}.wi-moon-6:before{content:"\f09b"}.wi-moon-7:before{content:"\f09c"}.wi-moon-8:before{content:"\f09d"}.wi-moon-9:before{content:"\f09e"}.wi-moon-10:before{content:"\f09f"}.wi-moon-11:before{content:"\f0a0"}.wi-moon-12:before{content:"\f0a1"}.wi-moon-13:before{content:"\f0a2"}.wi-moon-14:before{content:"\f0a3"}.wi-moon-15:before{content:"\f0a4"}.wi-moon-16:before{content:"\f0a5"}.wi-moon-17:before{content:"\f0a6"}.wi-moon-18:before{content:"\f0a7"}.wi-moon-19:before{content:"\f0a8"}.wi-moon-20:before{content:"\f0a9"}.wi-moon-21:before{content:"\f0aa"}.wi-moon-22:before{content:"\f0ab"}.wi-moon-23:before{content:"\f0ac"}.wi-moon-24:before{content:"\f0ad"}.wi-moon-25:before{content:"\f0ae"}.wi-moon-26:before{content:"\f0af"}.wi-moon-27:before{content:"\f0b0"}.wi-time-1:before{content:"\f08a"}.wi-time-2:before{content:"\f08b"}.wi-time-3:before{content:"\f08c"}.wi-time-4:before{content:"\f08d"}.wi-time-5:before{content:"\f08e"}.wi-time-6:before{content:"\f08f"}.wi-time-7:before{content:"\f090"}.wi-time-8:before{content:"\f091"}.wi-time-9:before{content:"\f092"}.wi-time-10:before{content:"\f093"}.wi-time-11:before{content:"\f094"}.wi-time-12:before{content:"\f089"}.wi-direction-up:before{content:"\f058"}.wi-direction-up-right:before{content:"\f057"}.wi-direction-right:before{content:"\f04d"}.wi-direction-down-right:before{content:"\f088"}.wi-direction-down:before{content:"\f044"}.wi-direction-down-left:before{content:"\f043"}.wi-direction-left:before{content:"\f048"}.wi-direction-up-left:before{content:"\f087"}.wi-wind-beaufort-0:before{content:"\f0b7"}.wi-wind-beaufort-1:before{content:"\f0b8"}.wi-wind-beaufort-2:before{content:"\f0b9"}.wi-wind-beaufort-3:before{content:"\f0ba"}.wi-wind-beaufort-4:before{content:"\f0bb"}.wi-wind-beaufort-5:before{content:"\f0bc"}.wi-wind-beaufort-6:before{content:"\f0bd"}.wi-wind-beaufort-7:before{content:"\f0be"}.wi-wind-beaufort-8:before{content:"\f0bf"}.wi-wind-beaufort-9:before{content:"\f0c0"}.wi-wind-beaufort-10:before{content:"\f0c1"}.wi-wind-beaufort-11:before{content:"\f0c2"}.wi-wind-beaufort-12:before{content:"\f0c3"}.wi-yahoo-0:before{content:"\f056"}.wi-yahoo-1:before{content:"\f00e"}.wi-yahoo-2:before{content:"\f073"}.wi-yahoo-3:before{content:"\f01e"}.wi-yahoo-4:before{content:"\f01e"}.wi-yahoo-5:before{content:"\f017"}.wi-yahoo-6:before{content:"\f017"}.wi-yahoo-7:before{content:"\f017"}.wi-yahoo-8:before{content:"\f015"}.wi-yahoo-9:before{content:"\f01a"}.wi-yahoo-10:before{content:"\f015"}.wi-yahoo-11:before{content:"\f01a"}.wi-yahoo-12:before{content:"\f01a"}.wi-yahoo-13:before{content:"\f01b"}.wi-yahoo-14:before{content:"\f00a"}.wi-yahoo-15:before{content:"\f064"}.wi-yahoo-16:before{content:"\f01b"}.wi-yahoo-17:before{content:"\f015"}.wi-yahoo-18:before{content:"\f017"}.wi-yahoo-19:before{content:"\f063"}.wi-yahoo-20:before{content:"\f014"}.wi-yahoo-21:before{content:"\f021"}.wi-yahoo-22:before{content:"\f062"}.wi-yahoo-23:before{content:"\f050"}.wi-yahoo-24:before{content:"\f050"}.wi-yahoo-25:before{content:"\f076"}.wi-yahoo-26:before{content:"\f013"}.wi-yahoo-27:before{content:"\f031"}.wi-yahoo-28:before{content:"\f002"}.wi-yahoo-29:before{content:"\f031"}.wi-yahoo-30:before{content:"\f002"}.wi-yahoo-31:before{content:"\f02e"}.wi-yahoo-32:before{content:"\f00d"}.wi-yahoo-33:before{content:"\f083"}.wi-yahoo-34:before{content:"\f00c"}.wi-yahoo-35:before{content:"\f017"}.wi-yahoo-36:before{content:"\f072"}.wi-yahoo-37:before{content:"\f00e"}.wi-yahoo-38:before{content:"\f00e"}.wi-yahoo-39:before{content:"\f00e"}.wi-yahoo-40:before{content:"\f01a"}.wi-yahoo-41:before{content:"\f064"}.wi-yahoo-42:before{content:"\f01b"}.wi-yahoo-43:before{content:"\f064"}.wi-yahoo-44:before{content:"\f00c"}.wi-yahoo-45:before{content:"\f00e"}.wi-yahoo-46:before{content:"\f01b"}.wi-yahoo-47:before{content:"\f00e"}.wi-yahoo-3200:before{content:"\f077"}.wi-forecast-io-clear-day:before{content:"\f00d"}.wi-forecast-io-clear-night:before{content:"\f02e"}.wi-forecast-io-rain:before{content:"\f019"}.wi-forecast-io-snow:before{content:"\f01b"}.wi-forecast-io-sleet:before{content:"\f0b5"}.wi-forecast-io-wind:before{content:"\f050"}.wi-forecast-io-fog:before{content:"\f014"}.wi-forecast-io-cloudy:before{content:"\f013"}.wi-forecast-io-partly-cloudy-day:before{content:"\f002"}.wi-forecast-io-partly-cloudy-night:before{content:"\f031"}.wi-forecast-io-hail:before{content:"\f015"}.wi-forecast-io-thunderstorm:before{content:"\f01e"}.wi-forecast-io-tornado:before{content:"\f056"}.wi-wmo4680-00:before,.wi-wmo4680-0:before{content:"\f055"}.wi-wmo4680-01:before,.wi-wmo4680-1:before{content:"\f013"}.wi-wmo4680-02:before,.wi-wmo4680-2:before{content:"\f055"}.wi-wmo4680-03:before,.wi-wmo4680-3:before{content:"\f013"}.wi-wmo4680-04:before,.wi-wmo4680-4:before{content:"\f014"}.wi-wmo4680-05:before,.wi-wmo4680-5:before{content:"\f014"}.wi-wmo4680-10:before{content:"\f014"}.wi-wmo4680-11:before{content:"\f014"}.wi-wmo4680-12:before{content:"\f016"}.wi-wmo4680-18:before{content:"\f050"}.wi-wmo4680-20:before{content:"\f014"}.wi-wmo4680-21:before{content:"\f017"}.wi-wmo4680-22:before{content:"\f017"}.wi-wmo4680-23:before{content:"\f019"}.wi-wmo4680-24:before{content:"\f01b"}.wi-wmo4680-25:before{content:"\f015"}.wi-wmo4680-26:before{content:"\f01e"}.wi-wmo4680-27:before{content:"\f063"}.wi-wmo4680-28:before{content:"\f063"}.wi-wmo4680-29:before{content:"\f063"}.wi-wmo4680-30:before{content:"\f014"}.wi-wmo4680-31:before{content:"\f014"}.wi-wmo4680-32:before{content:"\f014"}.wi-wmo4680-33:before{content:"\f014"}.wi-wmo4680-34:before{content:"\f014"}.wi-wmo4680-35:before{content:"\f014"}.wi-wmo4680-40:before{content:"\f017"}.wi-wmo4680-41:before{content:"\f01c"}.wi-wmo4680-42:before{content:"\f019"}.wi-wmo4680-43:before{content:"\f01c"}.wi-wmo4680-44:before{content:"\f019"}.wi-wmo4680-45:before{content:"\f015"}.wi-wmo4680-46:before{content:"\f015"}.wi-wmo4680-47:before{content:"\f01b"}.wi-wmo4680-48:before{content:"\f01b"}.wi-wmo4680-50:before{content:"\f01c"}.wi-wmo4680-51:before{content:"\f01c"}.wi-wmo4680-52:before{content:"\f019"}.wi-wmo4680-53:before{content:"\f019"}.wi-wmo4680-54:before{content:"\f076"}.wi-wmo4680-55:before{content:"\f076"}.wi-wmo4680-56:before{content:"\f076"}.wi-wmo4680-57:before{content:"\f01c"}.wi-wmo4680-58:before{content:"\f019"}.wi-wmo4680-60:before{content:"\f01c"}.wi-wmo4680-61:before{content:"\f01c"}.wi-wmo4680-62:before{content:"\f019"}.wi-wmo4680-63:before{content:"\f019"}.wi-wmo4680-64:before{content:"\f015"}.wi-wmo4680-65:before{content:"\f015"}.wi-wmo4680-66:before{content:"\f015"}.wi-wmo4680-67:before{content:"\f017"}.wi-wmo4680-68:before{content:"\f017"}.wi-wmo4680-70:before{content:"\f01b"}.wi-wmo4680-71:before{content:"\f01b"}.wi-wmo4680-72:before{content:"\f01b"}.wi-wmo4680-73:before{content:"\f01b"}.wi-wmo4680-74:before{content:"\f076"}.wi-wmo4680-75:before{content:"\f076"}.wi-wmo4680-76:before{content:"\f076"}.wi-wmo4680-77:before{content:"\f01b"}.wi-wmo4680-78:before{content:"\f076"}.wi-wmo4680-80:before{content:"\f019"}.wi-wmo4680-81:before{content:"\f01c"}.wi-wmo4680-82:before{content:"\f019"}.wi-wmo4680-83:before{content:"\f019"}.wi-wmo4680-84:before{content:"\f01d"}.wi-wmo4680-85:before{content:"\f017"}.wi-wmo4680-86:before{content:"\f017"}.wi-wmo4680-87:before{content:"\f017"}.wi-wmo4680-89:before{content:"\f015"}.wi-wmo4680-90:before{content:"\f016"}.wi-wmo4680-91:before{content:"\f01d"}.wi-wmo4680-92:before{content:"\f01e"}.wi-wmo4680-93:before{content:"\f01e"}.wi-wmo4680-94:before{content:"\f016"}.wi-wmo4680-95:before{content:"\f01e"}.wi-wmo4680-96:before{content:"\f01e"}.wi-wmo4680-99:before{content:"\f056"}.wi-owm-200:before{content:"\f01e"}.wi-owm-201:before{content:"\f01e"}.wi-owm-202:before{content:"\f01e"}.wi-owm-210:before{content:"\f016"}.wi-owm-211:before{content:"\f016"}.wi-owm-212:before{content:"\f016"}.wi-owm-221:before{content:"\f016"}.wi-owm-230:before{content:"\f01e"}.wi-owm-231:before{content:"\f01e"}.wi-owm-232:before{content:"\f01e"}.wi-owm-300:before{content:"\f01c"}.wi-owm-301:before{content:"\f01c"}.wi-owm-302:before{content:"\f019"}.wi-owm-310:before{content:"\f017"}.wi-owm-311:before{content:"\f019"}.wi-owm-312:before{content:"\f019"}.wi-owm-313:before{content:"\f01a"}.wi-owm-314:before{content:"\f019"}.wi-owm-321:before{content:"\f01c"}.wi-owm-500:before{content:"\f01c"}.wi-owm-501:before{content:"\f019"}.wi-owm-502:before{content:"\f019"}.wi-owm-503:before{content:"\f019"}.wi-owm-504:before{content:"\f019"}.wi-owm-511:before{content:"\f017"}.wi-owm-520:before{content:"\f01a"}.wi-owm-521:before{content:"\f01a"}.wi-owm-522:before{content:"\f01a"}.wi-owm-531:before{content:"\f01d"}.wi-owm-600:before{content:"\f01b"}.wi-owm-601:before{content:"\f01b"}.wi-owm-602:before{content:"\f0b5"}.wi-owm-611:before{content:"\f017"}.wi-owm-612:before{content:"\f017"}.wi-owm-615:before{content:"\f017"}.wi-owm-616:before{content:"\f017"}.wi-owm-620:before{content:"\f017"}.wi-owm-621:before{content:"\f01b"}.wi-owm-622:before{content:"\f01b"}.wi-owm-701:before{content:"\f01a"}.wi-owm-711:before{content:"\f062"}.wi-owm-721:before{content:"\f0b6"}.wi-owm-731:before{content:"\f063"}.wi-owm-741:before{content:"\f014"}.wi-owm-761:before{content:"\f063"}.wi-owm-762:before{content:"\f063"}.wi-owm-771:before{content:"\f011"}.wi-owm-781:before{content:"\f056"}.wi-owm-800:before{content:"\f00d"}.wi-owm-801:before{content:"\f011"}.wi-owm-802:before{content:"\f011"}.wi-owm-803:before{content:"\f012"}.wi-owm-804:before{content:"\f013"}.wi-owm-900:before{content:"\f056"}.wi-owm-901:before{content:"\f01d"}.wi-owm-902:before{content:"\f073"}.wi-owm-903:before{content:"\f076"}.wi-owm-904:before{content:"\f072"}.wi-owm-905:before{content:"\f021"}.wi-owm-906:before{content:"\f015"}.wi-owm-957:before{content:"\f050"}.wi-owm-day-200:before{content:"\f010"}.wi-owm-day-201:before{content:"\f010"}.wi-owm-day-202:before{content:"\f010"}.wi-owm-day-210:before{content:"\f005"}.wi-owm-day-211:before{content:"\f005"}.wi-owm-day-212:before{content:"\f005"}.wi-owm-day-221:before{content:"\f005"}.wi-owm-day-230:before{content:"\f010"}.wi-owm-day-231:before{content:"\f010"}.wi-owm-day-232:before{content:"\f010"}.wi-owm-day-300:before{content:"\f00b"}.wi-owm-day-301:before{content:"\f00b"}.wi-owm-day-302:before{content:"\f008"}.wi-owm-day-310:before{content:"\f008"}.wi-owm-day-311:before{content:"\f008"}.wi-owm-day-312:before{content:"\f008"}.wi-owm-day-313:before{content:"\f008"}.wi-owm-day-314:before{content:"\f008"}.wi-owm-day-321:before{content:"\f00b"}.wi-owm-day-500:before{content:"\f00b"}.wi-owm-day-501:before{content:"\f008"}.wi-owm-day-502:before{content:"\f008"}.wi-owm-day-503:before{content:"\f008"}.wi-owm-day-504:before{content:"\f008"}.wi-owm-day-511:before{content:"\f006"}.wi-owm-day-520:before{content:"\f009"}.wi-owm-day-521:before{content:"\f009"}.wi-owm-day-522:before{content:"\f009"}.wi-owm-day-531:before{content:"\f00e"}.wi-owm-day-600:before{content:"\f00a"}.wi-owm-day-601:before{content:"\f0b2"}.wi-owm-day-602:before{content:"\f00a"}.wi-owm-day-611:before{content:"\f006"}.wi-owm-day-612:before{content:"\f006"}.wi-owm-day-615:before{content:"\f006"}.wi-owm-day-616:before{content:"\f006"}.wi-owm-day-620:before{content:"\f006"}.wi-owm-day-621:before{content:"\f00a"}.wi-owm-day-622:before{content:"\f00a"}.wi-owm-day-701:before{content:"\f009"}.wi-owm-day-711:before{content:"\f062"}.wi-owm-day-721:before{content:"\f0b6"}.wi-owm-day-731:before{content:"\f063"}.wi-owm-day-741:before{content:"\f003"}.wi-owm-day-761:before{content:"\f063"}.wi-owm-day-762:before{content:"\f063"}.wi-owm-day-781:before{content:"\f056"}.wi-owm-day-800:before{content:"\f00d"}.wi-owm-day-801:before{content:"\f000"}.wi-owm-day-802:before{content:"\f000"}.wi-owm-day-803:before{content:"\f000"}.wi-owm-day-804:before{content:"\f00c"}.wi-owm-day-900:before{content:"\f056"}.wi-owm-day-902:before{content:"\f073"}.wi-owm-day-903:before{content:"\f076"}.wi-owm-day-904:before{content:"\f072"}.wi-owm-day-906:before{content:"\f004"}.wi-owm-day-957:before{content:"\f050"}.wi-owm-night-200:before{content:"\f02d"}.wi-owm-night-201:before{content:"\f02d"}.wi-owm-night-202:before{content:"\f02d"}.wi-owm-night-210:before{content:"\f025"}.wi-owm-night-211:before{content:"\f025"}.wi-owm-night-212:before{content:"\f025"}.wi-owm-night-221:before{content:"\f025"}.wi-owm-night-230:before{content:"\f02d"}.wi-owm-night-231:before{content:"\f02d"}.wi-owm-night-232:before{content:"\f02d"}.wi-owm-night-300:before{content:"\f02b"}.wi-owm-night-301:before{content:"\f02b"}.wi-owm-night-302:before{content:"\f028"}.wi-owm-night-310:before{content:"\f028"}.wi-owm-night-311:before{content:"\f028"}.wi-owm-night-312:before{content:"\f028"}.wi-owm-night-313:before{content:"\f028"}.wi-owm-night-314:before{content:"\f028"}.wi-owm-night-321:before{content:"\f02b"}.wi-owm-night-500:before{content:"\f02b"}.wi-owm-night-501:before{content:"\f028"}.wi-owm-night-502:before{content:"\f028"}.wi-owm-night-503:before{content:"\f028"}.wi-owm-night-504:before{content:"\f028"}.wi-owm-night-511:before{content:"\f026"}.wi-owm-night-520:before{content:"\f029"}.wi-owm-night-521:before{content:"\f029"}.wi-owm-night-522:before{content:"\f029"}.wi-owm-night-531:before{content:"\f02c"}.wi-owm-night-600:before{content:"\f02a"}.wi-owm-night-601:before{content:"\f0b4"}.wi-owm-night-602:before{content:"\f02a"}.wi-owm-night-611:before{content:"\f026"}.wi-owm-night-612:before{content:"\f026"}.wi-owm-night-615:before{content:"\f026"}.wi-owm-night-616:before{content:"\f026"}.wi-owm-night-620:before{content:"\f026"}.wi-owm-night-621:before{content:"\f02a"}.wi-owm-night-622:before{content:"\f02a"}.wi-owm-night-701:before{content:"\f029"}.wi-owm-night-711:before{content:"\f062"}.wi-owm-night-721:before{content:"\f0b6"}.wi-owm-night-731:before{content:"\f063"}.wi-owm-night-741:before{content:"\f04a"}.wi-owm-night-761:before{content:"\f063"}.wi-owm-night-762:before{content:"\f063"}.wi-owm-night-781:before{content:"\f056"}.wi-owm-night-800:before{content:"\f02e"}.wi-owm-night-801:before{content:"\f022"}.wi-owm-night-802:before{content:"\f022"}.wi-owm-night-803:before{content:"\f022"}.wi-owm-night-804:before{content:"\f086"}.wi-owm-night-900:before{content:"\f056"}.wi-owm-night-902:before{content:"\f073"}.wi-owm-night-903:before{content:"\f076"}.wi-owm-night-904:before{content:"\f072"}.wi-owm-night-906:before{content:"\f024"}.wi-owm-night-957:before{content:"\f050"}.wi-wu-chanceflurries:before{content:"\f064"}.wi-wu-chancerain:before{content:"\f019"}.wi-wu-chancesleat:before{content:"\f0b5"}.wi-wu-chancesnow:before{content:"\f01b"}.wi-wu-chancetstorms:before{content:"\f01e"}.wi-wu-clear:before{content:"\f00d"}.wi-wu-cloudy:before{content:"\f002"}.wi-wu-flurries:before{content:"\f064"}.wi-wu-hazy:before{content:"\f0b6"}.wi-wu-mostlycloudy:before{content:"\f002"}.wi-wu-mostlysunny:before{content:"\f00d"}.wi-wu-partlycloudy:before{content:"\f002"}.wi-wu-partlysunny:before{content:"\f00d"}.wi-wu-rain:before{content:"\f01a"}.wi-wu-sleat:before{content:"\f0b5"}.wi-wu-snow:before{content:"\f01b"}.wi-wu-sunny:before{content:"\f00d"}.wi-wu-tstorms:before{content:"\f01e"}.wi-wu-unknown:before{content:"\f00d"} --------------------------------------------------------------------------------