Figma.logo

commit 9415244927b3008af8cbafe7cbcb58ee5e44ecc5 Author: Gerome Matilla Date: Thu Jun 4 07:31:49 2020 +0800 init diff --git a/assets/backgrounds/evening-low.webp b/assets/backgrounds/evening-low.webp new file mode 100644 index 0000000..389eda5 Binary files /dev/null and b/assets/backgrounds/evening-low.webp differ diff --git a/assets/backgrounds/evening.webp b/assets/backgrounds/evening.webp new file mode 100644 index 0000000..3fc6f82 Binary files /dev/null and b/assets/backgrounds/evening.webp differ diff --git a/assets/backgrounds/morning-low.webp b/assets/backgrounds/morning-low.webp new file mode 100644 index 0000000..4e9daa9 Binary files /dev/null and b/assets/backgrounds/morning-low.webp differ diff --git a/assets/backgrounds/morning.webp b/assets/backgrounds/morning.webp new file mode 100644 index 0000000..134557c Binary files /dev/null and b/assets/backgrounds/morning.webp differ diff --git a/assets/backgrounds/noon-low.webp b/assets/backgrounds/noon-low.webp new file mode 100644 index 0000000..de9d2f4 Binary files /dev/null and b/assets/backgrounds/noon-low.webp differ diff --git a/assets/backgrounds/noon.webp b/assets/backgrounds/noon.webp new file mode 100644 index 0000000..43d2b39 Binary files /dev/null and b/assets/backgrounds/noon.webp differ diff --git a/assets/buttons/launch.svg b/assets/buttons/launch.svg new file mode 100644 index 0000000..616879f --- /dev/null +++ b/assets/buttons/launch.svg @@ -0,0 +1,257 @@ + + + + diff --git a/assets/buttons/menu.svg b/assets/buttons/menu.svg new file mode 100644 index 0000000..c95ecd7 --- /dev/null +++ b/assets/buttons/menu.svg @@ -0,0 +1,100 @@ + + diff --git a/assets/buttons/weather.svg b/assets/buttons/weather.svg new file mode 100644 index 0000000..afcb331 --- /dev/null +++ b/assets/buttons/weather.svg @@ -0,0 +1,73 @@ + + diff --git a/assets/favicon/browserconfig.xml b/assets/favicon/browserconfig.xml new file mode 100644 index 0000000..068581e --- /dev/null +++ b/assets/favicon/browserconfig.xml @@ -0,0 +1,11 @@ + + + + + + + + #FFFFFF + + + \ No newline at end of file diff --git a/assets/favicon/favicon-114.png b/assets/favicon/favicon-114.png new file mode 100644 index 0000000..7e013f5 Binary files /dev/null and b/assets/favicon/favicon-114.png differ diff --git a/assets/favicon/favicon-120.png b/assets/favicon/favicon-120.png new file mode 100644 index 0000000..baf82d6 Binary files /dev/null and b/assets/favicon/favicon-120.png differ diff --git a/assets/favicon/favicon-144.png b/assets/favicon/favicon-144.png new file mode 100644 index 0000000..22eafe0 Binary files /dev/null and b/assets/favicon/favicon-144.png differ diff --git a/assets/favicon/favicon-150.png b/assets/favicon/favicon-150.png new file mode 100644 index 0000000..586881a Binary files /dev/null and b/assets/favicon/favicon-150.png differ diff --git a/assets/favicon/favicon-152.png b/assets/favicon/favicon-152.png new file mode 100644 index 0000000..3600c73 Binary files /dev/null and b/assets/favicon/favicon-152.png differ diff --git a/assets/favicon/favicon-16.png b/assets/favicon/favicon-16.png new file mode 100644 index 0000000..2176a36 Binary files /dev/null and b/assets/favicon/favicon-16.png differ diff --git a/assets/favicon/favicon-160.png b/assets/favicon/favicon-160.png new file mode 100644 index 0000000..a0ca9c4 Binary files /dev/null and b/assets/favicon/favicon-160.png differ diff --git a/assets/favicon/favicon-180.png b/assets/favicon/favicon-180.png new file mode 100644 index 0000000..cbc4e8e Binary files /dev/null and b/assets/favicon/favicon-180.png differ diff --git a/assets/favicon/favicon-192.png b/assets/favicon/favicon-192.png new file mode 100644 index 0000000..0a4b3ef Binary files /dev/null and b/assets/favicon/favicon-192.png differ diff --git a/assets/favicon/favicon-310.png b/assets/favicon/favicon-310.png new file mode 100644 index 0000000..4fca8ec Binary files /dev/null and b/assets/favicon/favicon-310.png differ diff --git a/assets/favicon/favicon-32.png b/assets/favicon/favicon-32.png new file mode 100644 index 0000000..ac0d6e7 Binary files /dev/null and b/assets/favicon/favicon-32.png differ diff --git a/assets/favicon/favicon-57.png b/assets/favicon/favicon-57.png new file mode 100644 index 0000000..6cfed1a Binary files /dev/null and b/assets/favicon/favicon-57.png differ diff --git a/assets/favicon/favicon-60.png b/assets/favicon/favicon-60.png new file mode 100644 index 0000000..7e446c4 Binary files /dev/null and b/assets/favicon/favicon-60.png differ diff --git a/assets/favicon/favicon-64.png b/assets/favicon/favicon-64.png new file mode 100644 index 0000000..9f807a9 Binary files /dev/null and b/assets/favicon/favicon-64.png differ diff --git a/assets/favicon/favicon-70.png b/assets/favicon/favicon-70.png new file mode 100644 index 0000000..687c82e Binary files /dev/null and b/assets/favicon/favicon-70.png differ diff --git a/assets/favicon/favicon-72.png b/assets/favicon/favicon-72.png new file mode 100644 index 0000000..cd8143a Binary files /dev/null and b/assets/favicon/favicon-72.png differ diff --git a/assets/favicon/favicon-76.png b/assets/favicon/favicon-76.png new file mode 100644 index 0000000..eb8f7b8 Binary files /dev/null and b/assets/favicon/favicon-76.png differ diff --git a/assets/favicon/favicon-96.png b/assets/favicon/favicon-96.png new file mode 100644 index 0000000..9865bb3 Binary files /dev/null and b/assets/favicon/favicon-96.png differ diff --git a/assets/favicon/favicon.ico b/assets/favicon/favicon.ico new file mode 100644 index 0000000..d236ae7 Binary files /dev/null and b/assets/favicon/favicon.ico differ diff --git a/assets/favicon/faviconit-instructions.txt b/assets/favicon/faviconit-instructions.txt new file mode 100644 index 0000000..ce56fc7 --- /dev/null +++ b/assets/favicon/faviconit-instructions.txt @@ -0,0 +1,25 @@ +thanks for using faviconit! +copy the files to your site and add this code inside the HTML tag: + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/ui-icons/close.svg b/assets/ui-icons/close.svg new file mode 100644 index 0000000..bd89d79 --- /dev/null +++ b/assets/ui-icons/close.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/ui-icons/internet.svg b/assets/ui-icons/internet.svg new file mode 100644 index 0000000..acc881a --- /dev/null +++ b/assets/ui-icons/internet.svg @@ -0,0 +1,104 @@ + + diff --git a/assets/ui-icons/theme.svg b/assets/ui-icons/theme.svg new file mode 100644 index 0000000..6657973 --- /dev/null +++ b/assets/ui-icons/theme.svg @@ -0,0 +1,91 @@ + + diff --git a/assets/ui-icons/weather.svg b/assets/ui-icons/weather.svg new file mode 100644 index 0000000..2e68915 --- /dev/null +++ b/assets/ui-icons/weather.svg @@ -0,0 +1,115 @@ + + diff --git a/assets/user.png b/assets/user.png new file mode 100644 index 0000000..d30b750 Binary files /dev/null and b/assets/user.png differ diff --git a/assets/weather-icons/d_rain.svg b/assets/weather-icons/d_rain.svg new file mode 100644 index 0000000..44cacc1 --- /dev/null +++ b/assets/weather-icons/d_rain.svg @@ -0,0 +1,78 @@ + + + + diff --git a/assets/weather-icons/dbroken_clouds.svg b/assets/weather-icons/dbroken_clouds.svg new file mode 100644 index 0000000..8fa8005 --- /dev/null +++ b/assets/weather-icons/dbroken_clouds.svg @@ -0,0 +1,64 @@ + + + + diff --git a/assets/weather-icons/dfew_clouds.svg b/assets/weather-icons/dfew_clouds.svg new file mode 100644 index 0000000..a4f1fd3 --- /dev/null +++ b/assets/weather-icons/dfew_clouds.svg @@ -0,0 +1,72 @@ + + + + diff --git a/assets/weather-icons/dmist.svg b/assets/weather-icons/dmist.svg new file mode 100644 index 0000000..b23f3bf --- /dev/null +++ b/assets/weather-icons/dmist.svg @@ -0,0 +1,77 @@ + + + + diff --git a/assets/weather-icons/dscattered_clouds.svg b/assets/weather-icons/dscattered_clouds.svg new file mode 100644 index 0000000..9c0ebcb --- /dev/null +++ b/assets/weather-icons/dscattered_clouds.svg @@ -0,0 +1,64 @@ + + + + diff --git a/assets/weather-icons/dshower_rain.svg b/assets/weather-icons/dshower_rain.svg new file mode 100644 index 0000000..3a88004 --- /dev/null +++ b/assets/weather-icons/dshower_rain.svg @@ -0,0 +1,72 @@ + + + + diff --git a/assets/weather-icons/dthunderstorm.svg b/assets/weather-icons/dthunderstorm.svg new file mode 100644 index 0000000..10375e4 --- /dev/null +++ b/assets/weather-icons/dthunderstorm.svg @@ -0,0 +1,78 @@ + + + + diff --git a/assets/weather-icons/moon_icon.svg b/assets/weather-icons/moon_icon.svg new file mode 100644 index 0000000..b9e5c3a --- /dev/null +++ b/assets/weather-icons/moon_icon.svg @@ -0,0 +1,67 @@ + + + + diff --git a/assets/weather-icons/n_rain.svg b/assets/weather-icons/n_rain.svg new file mode 100644 index 0000000..3ba466a --- /dev/null +++ b/assets/weather-icons/n_rain.svg @@ -0,0 +1,78 @@ + + + + diff --git a/assets/weather-icons/nbroken_clouds.svg b/assets/weather-icons/nbroken_clouds.svg new file mode 100644 index 0000000..d462c33 --- /dev/null +++ b/assets/weather-icons/nbroken_clouds.svg @@ -0,0 +1,64 @@ + + + + diff --git a/assets/weather-icons/nfew_clouds.svg b/assets/weather-icons/nfew_clouds.svg new file mode 100644 index 0000000..74575ee --- /dev/null +++ b/assets/weather-icons/nfew_clouds.svg @@ -0,0 +1,83 @@ + + + + diff --git a/assets/weather-icons/nmist.svg b/assets/weather-icons/nmist.svg new file mode 100644 index 0000000..34d0e41 --- /dev/null +++ b/assets/weather-icons/nmist.svg @@ -0,0 +1,78 @@ + + + + diff --git a/assets/weather-icons/nscattered_clouds.svg b/assets/weather-icons/nscattered_clouds.svg new file mode 100644 index 0000000..007e66b --- /dev/null +++ b/assets/weather-icons/nscattered_clouds.svg @@ -0,0 +1,64 @@ + + + + diff --git a/assets/weather-icons/nshower_rain.svg b/assets/weather-icons/nshower_rain.svg new file mode 100644 index 0000000..50b4ebc --- /dev/null +++ b/assets/weather-icons/nshower_rain.svg @@ -0,0 +1,73 @@ + + + + diff --git a/assets/weather-icons/nthunderstorm.svg b/assets/weather-icons/nthunderstorm.svg new file mode 100644 index 0000000..73f67e5 --- /dev/null +++ b/assets/weather-icons/nthunderstorm.svg @@ -0,0 +1,78 @@ + + + + diff --git a/assets/weather-icons/refresh.svg b/assets/weather-icons/refresh.svg new file mode 100644 index 0000000..0eb9ef7 --- /dev/null +++ b/assets/weather-icons/refresh.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/weather-icons/snow.svg b/assets/weather-icons/snow.svg new file mode 100644 index 0000000..f4fcc6a --- /dev/null +++ b/assets/weather-icons/snow.svg @@ -0,0 +1,63 @@ + + + + diff --git a/assets/weather-icons/sun_icon.svg b/assets/weather-icons/sun_icon.svg new file mode 100644 index 0000000..24ac40d --- /dev/null +++ b/assets/weather-icons/sun_icon.svg @@ -0,0 +1,64 @@ + + + + diff --git a/assets/weather-icons/sunrise.svg b/assets/weather-icons/sunrise.svg new file mode 100644 index 0000000..f0e8a47 --- /dev/null +++ b/assets/weather-icons/sunrise.svg @@ -0,0 +1,77 @@ + + diff --git a/assets/weather-icons/sunset.svg b/assets/weather-icons/sunset.svg new file mode 100644 index 0000000..d60f574 --- /dev/null +++ b/assets/weather-icons/sunset.svg @@ -0,0 +1,72 @@ + + diff --git a/assets/weather-icons/weather-error.svg b/assets/weather-icons/weather-error.svg new file mode 100644 index 0000000..afcb331 --- /dev/null +++ b/assets/weather-icons/weather-error.svg @@ -0,0 +1,73 @@ + + diff --git a/assets/webcons/4chan.svg b/assets/webcons/4chan.svg new file mode 100644 index 0000000..be4062a --- /dev/null +++ b/assets/webcons/4chan.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/archwiki.svg b/assets/webcons/archwiki.svg new file mode 100644 index 0000000..0a6279d --- /dev/null +++ b/assets/webcons/archwiki.svg @@ -0,0 +1,152 @@ + + diff --git a/assets/webcons/bitbucket.svg b/assets/webcons/bitbucket.svg new file mode 100644 index 0000000..fcafa35 --- /dev/null +++ b/assets/webcons/bitbucket.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/calendar.svg b/assets/webcons/calendar.svg new file mode 100644 index 0000000..7fc3078 --- /dev/null +++ b/assets/webcons/calendar.svg @@ -0,0 +1,128 @@ + + diff --git a/assets/webcons/deviantart.svg b/assets/webcons/deviantart.svg new file mode 100644 index 0000000..d0f248c --- /dev/null +++ b/assets/webcons/deviantart.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/discord.svg b/assets/webcons/discord.svg new file mode 100644 index 0000000..0080809 --- /dev/null +++ b/assets/webcons/discord.svg @@ -0,0 +1,67 @@ + + diff --git a/assets/webcons/duckduckgo.svg b/assets/webcons/duckduckgo.svg new file mode 100644 index 0000000..7a271da --- /dev/null +++ b/assets/webcons/duckduckgo.svg @@ -0,0 +1,130 @@ + + diff --git a/assets/webcons/ebay.svg b/assets/webcons/ebay.svg new file mode 100644 index 0000000..a248a23 --- /dev/null +++ b/assets/webcons/ebay.svg @@ -0,0 +1,124 @@ + + diff --git a/assets/webcons/ecosia.svg b/assets/webcons/ecosia.svg new file mode 100644 index 0000000..fae6a64 --- /dev/null +++ b/assets/webcons/ecosia.svg @@ -0,0 +1,68 @@ + + diff --git a/assets/webcons/facebook.svg b/assets/webcons/facebook.svg new file mode 100644 index 0000000..a6dd2cd --- /dev/null +++ b/assets/webcons/facebook.svg @@ -0,0 +1,64 @@ + + diff --git a/assets/webcons/figma.svg b/assets/webcons/figma.svg new file mode 100644 index 0000000..ca34acd --- /dev/null +++ b/assets/webcons/figma.svg @@ -0,0 +1,82 @@ + + diff --git a/assets/webcons/gdrive.svg b/assets/webcons/gdrive.svg new file mode 100644 index 0000000..066e60b --- /dev/null +++ b/assets/webcons/gdrive.svg @@ -0,0 +1,120 @@ + + diff --git a/assets/webcons/github.svg b/assets/webcons/github.svg new file mode 100644 index 0000000..d4e4e65 --- /dev/null +++ b/assets/webcons/github.svg @@ -0,0 +1,58 @@ + + diff --git a/assets/webcons/gitlab.svg b/assets/webcons/gitlab.svg new file mode 100644 index 0000000..99cae28 --- /dev/null +++ b/assets/webcons/gitlab.svg @@ -0,0 +1,84 @@ + + diff --git a/assets/webcons/gmail.svg b/assets/webcons/gmail.svg new file mode 100644 index 0000000..e8495f3 --- /dev/null +++ b/assets/webcons/gmail.svg @@ -0,0 +1,118 @@ + + diff --git a/assets/webcons/google.svg b/assets/webcons/google.svg new file mode 100644 index 0000000..609de95 --- /dev/null +++ b/assets/webcons/google.svg @@ -0,0 +1,81 @@ + + diff --git a/assets/webcons/icons8.svg b/assets/webcons/icons8.svg new file mode 100644 index 0000000..1251ab4 --- /dev/null +++ b/assets/webcons/icons8.svg @@ -0,0 +1,284 @@ + + diff --git a/assets/webcons/instagram.svg b/assets/webcons/instagram.svg new file mode 100644 index 0000000..c18dcd5 --- /dev/null +++ b/assets/webcons/instagram.svg @@ -0,0 +1,87 @@ + + diff --git a/assets/webcons/interneting-is-hard.svg b/assets/webcons/interneting-is-hard.svg new file mode 100644 index 0000000..610f36f --- /dev/null +++ b/assets/webcons/interneting-is-hard.svg @@ -0,0 +1,90 @@ + + diff --git a/assets/webcons/jsfiddle.svg b/assets/webcons/jsfiddle.svg new file mode 100644 index 0000000..a2c5c78 --- /dev/null +++ b/assets/webcons/jsfiddle.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/keycode.svg b/assets/webcons/keycode.svg new file mode 100644 index 0000000..cba3760 --- /dev/null +++ b/assets/webcons/keycode.svg @@ -0,0 +1,168 @@ + + diff --git a/assets/webcons/markdown.svg b/assets/webcons/markdown.svg new file mode 100644 index 0000000..9cec867 --- /dev/null +++ b/assets/webcons/markdown.svg @@ -0,0 +1,56 @@ + + diff --git a/assets/webcons/materialio.svg b/assets/webcons/materialio.svg new file mode 100644 index 0000000..e5b40e0 --- /dev/null +++ b/assets/webcons/materialio.svg @@ -0,0 +1,72 @@ + + diff --git a/assets/webcons/messenger.svg b/assets/webcons/messenger.svg new file mode 100644 index 0000000..c5471a9 --- /dev/null +++ b/assets/webcons/messenger.svg @@ -0,0 +1,99 @@ + + diff --git a/assets/webcons/netflix.svg b/assets/webcons/netflix.svg new file mode 100644 index 0000000..8ebc923 --- /dev/null +++ b/assets/webcons/netflix.svg @@ -0,0 +1,107 @@ + + diff --git a/assets/webcons/office365.svg b/assets/webcons/office365.svg new file mode 100644 index 0000000..99e5500 --- /dev/null +++ b/assets/webcons/office365.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/webcons/pornhub.svg b/assets/webcons/pornhub.svg new file mode 100644 index 0000000..5d02666 --- /dev/null +++ b/assets/webcons/pornhub.svg @@ -0,0 +1,65 @@ + + diff --git a/assets/webcons/reddit.svg b/assets/webcons/reddit.svg new file mode 100644 index 0000000..b0372e5 --- /dev/null +++ b/assets/webcons/reddit.svg @@ -0,0 +1,65 @@ + + diff --git a/assets/webcons/soundcloud.svg b/assets/webcons/soundcloud.svg new file mode 100644 index 0000000..43c8ff9 --- /dev/null +++ b/assets/webcons/soundcloud.svg @@ -0,0 +1,113 @@ + + diff --git a/assets/webcons/spotify.svg b/assets/webcons/spotify.svg new file mode 100644 index 0000000..d155944 --- /dev/null +++ b/assets/webcons/spotify.svg @@ -0,0 +1,76 @@ + + diff --git a/assets/webcons/stackexchange.svg b/assets/webcons/stackexchange.svg new file mode 100644 index 0000000..8e6133d --- /dev/null +++ b/assets/webcons/stackexchange.svg @@ -0,0 +1,74 @@ + + diff --git a/assets/webcons/stackoverflow.svg b/assets/webcons/stackoverflow.svg new file mode 100644 index 0000000..4fade15 --- /dev/null +++ b/assets/webcons/stackoverflow.svg @@ -0,0 +1,66 @@ + + diff --git a/assets/webcons/superuser.svg b/assets/webcons/superuser.svg new file mode 100644 index 0000000..ccdb5f7 --- /dev/null +++ b/assets/webcons/superuser.svg @@ -0,0 +1,82 @@ + + diff --git a/assets/webcons/twitch.svg b/assets/webcons/twitch.svg new file mode 100644 index 0000000..636c1ea --- /dev/null +++ b/assets/webcons/twitch.svg @@ -0,0 +1,126 @@ + + diff --git a/assets/webcons/twitter.svg b/assets/webcons/twitter.svg new file mode 100644 index 0000000..55afcdc --- /dev/null +++ b/assets/webcons/twitter.svg @@ -0,0 +1,93 @@ + + diff --git a/assets/webcons/unsplash.svg b/assets/webcons/unsplash.svg new file mode 100644 index 0000000..079cdff --- /dev/null +++ b/assets/webcons/unsplash.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/wikipedia.svg b/assets/webcons/wikipedia.svg new file mode 100644 index 0000000..18dfec4 --- /dev/null +++ b/assets/webcons/wikipedia.svg @@ -0,0 +1,57 @@ + + diff --git a/assets/webcons/yahoo.svg b/assets/webcons/yahoo.svg new file mode 100644 index 0000000..799c226 --- /dev/null +++ b/assets/webcons/yahoo.svg @@ -0,0 +1,116 @@ + + diff --git a/assets/webcons/youtube.svg b/assets/webcons/youtube.svg new file mode 100644 index 0000000..9bfb545 --- /dev/null +++ b/assets/webcons/youtube.svg @@ -0,0 +1,58 @@ + + diff --git a/css/normalize.css b/css/normalize.css new file mode 100644 index 0000000..b0c1902 --- /dev/null +++ b/css/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} \ No newline at end of file diff --git a/css/set-body-background.css b/css/set-body-background.css new file mode 100644 index 0000000..1ad42cd --- /dev/null +++ b/css/set-body-background.css @@ -0,0 +1,23 @@ +/*Filter for body's lazy loaded background */ + +#backgroundBody { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + overflow: hidden; + color: var(--foreground); +} + +.blurBody { + filter: blur(5px); + -webkit-filter: blur(5px); + transition: all 1s; +} + +.noBlurBody { + transition: all 1s; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..0170b7e --- /dev/null +++ b/css/style.css @@ -0,0 +1,132 @@ +@import url('normalize.css'); +@import url('set-body-background.css'); + +:root { + /* Colors */ + --base-bg: #00000060; + --base-color: #f2f2f2; + --base-container: #f2f2f220; + + --base-hover-bg: #f2f2f240; + --base-active-bg: #fefefe60; + + --blur-strength: 6px; + + --panel-bg: var(--base-bg); + --panel-color: var(--base-color); + + --transition-speed: 300ms; + + --rounded-radius: 12px; +} + +* { + /*Font rendering*/ + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; + text-rendering: optimizeLegibility !important; + font-variant-ligatures: none !important; +} + +body { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + overflow: hidden; + background: #1a1a1a; + color: var(--foreground); +} + +html, body { + height: 100% !important; + position: fixed !important; +} + +/* roboto-300 - latin */ +@font-face { + font-family: 'roboto-light'; + font-style: normal; + font-weight: 300; + src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ + src: local('Roboto Light'), local('Roboto-Light'), + url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ + url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ +} +/* roboto-regular - latin */ +@font-face { + font-family: 'roboto'; + font-style: normal; + font-weight: 400; + src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Roboto'), local('Roboto-Regular'), + url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ +} + +/* roboto-700 - latin */ +@font-face { + font-family: 'roboto-bold'; + font-style: normal; + font-weight: 700; + src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ + src: local('Roboto Bold'), local('Roboto-Bold'), + url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ +} + +/*Scrollbar*/ + +/*Placeholder*/ +::placeholder { + color: var(--base-color); + opacity: 0.75; +} + +/* width */ +::-webkit-scrollbar { + width: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: var(--base-container); +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: var(--base-active-bg); +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: var(--base-hover-bg); +} + +/*Hide focus elements outline*/ +input:focus, +textarea:focus, +select:focus{ + outline: none; +} + +select { + text-align: center; + text-align-last: center; +} + +option { + text-align: left; +} diff --git a/fonts/roboto-v20-latin-300.eot b/fonts/roboto-v20-latin-300.eot new file mode 100644 index 0000000..574375d Binary files /dev/null and b/fonts/roboto-v20-latin-300.eot differ diff --git a/fonts/roboto-v20-latin-300.svg b/fonts/roboto-v20-latin-300.svg new file mode 100644 index 0000000..4ded944 --- /dev/null +++ b/fonts/roboto-v20-latin-300.svg @@ -0,0 +1,312 @@ + + + diff --git a/fonts/roboto-v20-latin-300.ttf b/fonts/roboto-v20-latin-300.ttf new file mode 100644 index 0000000..57a24e8 Binary files /dev/null and b/fonts/roboto-v20-latin-300.ttf differ diff --git a/fonts/roboto-v20-latin-300.woff b/fonts/roboto-v20-latin-300.woff new file mode 100644 index 0000000..2f6bdb5 Binary files /dev/null and b/fonts/roboto-v20-latin-300.woff differ diff --git a/fonts/roboto-v20-latin-300.woff2 b/fonts/roboto-v20-latin-300.woff2 new file mode 100644 index 0000000..ef8c883 Binary files /dev/null and b/fonts/roboto-v20-latin-300.woff2 differ diff --git a/fonts/roboto-v20-latin-700.eot b/fonts/roboto-v20-latin-700.eot new file mode 100644 index 0000000..0168f09 Binary files /dev/null and b/fonts/roboto-v20-latin-700.eot differ diff --git a/fonts/roboto-v20-latin-700.svg b/fonts/roboto-v20-latin-700.svg new file mode 100644 index 0000000..11db87d --- /dev/null +++ b/fonts/roboto-v20-latin-700.svg @@ -0,0 +1,309 @@ + + + diff --git a/fonts/roboto-v20-latin-700.ttf b/fonts/roboto-v20-latin-700.ttf new file mode 100644 index 0000000..ea06a63 Binary files /dev/null and b/fonts/roboto-v20-latin-700.ttf differ diff --git a/fonts/roboto-v20-latin-700.woff b/fonts/roboto-v20-latin-700.woff new file mode 100644 index 0000000..0f14eff Binary files /dev/null and b/fonts/roboto-v20-latin-700.woff differ diff --git a/fonts/roboto-v20-latin-700.woff2 b/fonts/roboto-v20-latin-700.woff2 new file mode 100644 index 0000000..32b25ee Binary files /dev/null and b/fonts/roboto-v20-latin-700.woff2 differ diff --git a/fonts/roboto-v20-latin-regular.eot b/fonts/roboto-v20-latin-regular.eot new file mode 100644 index 0000000..4f34800 Binary files /dev/null and b/fonts/roboto-v20-latin-regular.eot differ diff --git a/fonts/roboto-v20-latin-regular.svg b/fonts/roboto-v20-latin-regular.svg new file mode 100644 index 0000000..627f5a3 --- /dev/null +++ b/fonts/roboto-v20-latin-regular.svg @@ -0,0 +1,308 @@ + + + diff --git a/fonts/roboto-v20-latin-regular.ttf b/fonts/roboto-v20-latin-regular.ttf new file mode 100644 index 0000000..a97385d Binary files /dev/null and b/fonts/roboto-v20-latin-regular.ttf differ diff --git a/fonts/roboto-v20-latin-regular.woff b/fonts/roboto-v20-latin-regular.woff new file mode 100644 index 0000000..69c8825 Binary files /dev/null and b/fonts/roboto-v20-latin-regular.woff differ diff --git a/fonts/roboto-v20-latin-regular.woff2 b/fonts/roboto-v20-latin-regular.woff2 new file mode 100644 index 0000000..1a53701 Binary files /dev/null and b/fonts/roboto-v20-latin-regular.woff2 differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..51b6789 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Home + + + + +

+ + + + + + \ No newline at end of file diff --git a/js/set-body-background.js b/js/set-body-background.js new file mode 100644 index 0000000..9029163 --- /dev/null +++ b/js/set-body-background.js @@ -0,0 +1,52 @@ +// High quality background, we'll lazy load this +var hqBG = document.createElement("img"); +var backgroundImage = document.getElementById('backgroundBody') + +const styleBodyBackground = () => { + backgroundBody.style.backgroundSize = 'cover'; + backgroundBody.style.backgroundRepeat = "no-repeat"; + backgroundBody.style.backgroundPosition = "center"; + backgroundBody.style.backgroundAttachment = "fixed"; +} + +const lazyLoadBackground = (fileName) => { + + // Set a low quality background image + backgroundBody.style.background = "url('assets/backgrounds/" + + fileName + "-low" + ".webp')"; + styleBodyBackground(); + backgroundBody.className = "blurBody"; + + hqBG.onload = function() { + // After downloading the HQ image, set it as bg + backgroundBody.style.background = "url("+ hqBG.src; + ")"; + styleBodyBackground(); + backgroundBody.className = "noBlurBody"; + } + + // Add a delay when to fetch background + setTimeout( + function() { + hqBG.src = "assets/backgrounds/" + + fileName + ".webp"; + }, + 50 + ); +} + +const initLazyLoad = () => { + var date = new Date(); + var hour = date.getHours(); + + if (hour >= 6 && hour < 12) { + lazyLoadBackground("morning"); + + } else if (hour >= 12 && hour < 18 ) { + lazyLoadBackground("noon"); + + } else { + lazyLoadBackground("evening"); + } +} + +window.onload = initLazyLoad(); \ No newline at end of file