diff --git a/assets/css/Mue - Shortcut.lnk b/assets/css/Mue - Shortcut.lnk new file mode 100644 index 00000000..90a215be Binary files /dev/null and b/assets/css/Mue - Shortcut.lnk differ diff --git a/src/assets/css/base.css b/src/assets/css/base.css index 032f3c98..09d74564 100644 --- a/src/assets/css/base.css +++ b/src/assets/css/base.css @@ -1 +1 @@ -.mountain{background-image:url("../img/1.jpeg")}.sunrise{background-image:url("../img/2.jpeg")}.butterfly{background-image:url("../img/3.jpeg")}.leaves{background-image:url("../img/4.jpeg")}.river{background-image:url("../img/5.jpeg")}.sea{background-image:url("../img/6.jpeg")}.space{background-image:url("../img/7.jpeg")}.ice{background-image:url("../img/8.jpeg")}.waterfall{background-image:url("../img/9.jpeg")}.lake{background-image:url("../img/10.jpeg")}.sunset{background-image:url("../img/11.jpeg")}.desert{background-image:url("../img/12.jpeg")}.canyon{background-image:url("../img/13.jpeg")}.rose{background-image:url("../img/14.jpeg")}.forest{background-image:url("../img/15.jpeg")}.cherry{background-image:url("../img/16.jpeg")}.clouds{background-image:url("../img/17.jpeg")}.winter{background-image:url("../img/18.jpeg")}.autumn{background-image:url("../img/19.jpeg")}.flowers{background-image:url("../img/20.jpeg")}.sunrise{background-image:url("../img/21.jpeg")}.rocks{background-image:url("../img/22.jpeg")}.trees{background-image:url("../img/23.jpeg")}.mountains{background-image:url("../img/24.jpeg")}.beach{background-image:url("../img/25.jpeg")}html,body{height:100%}body{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:0;background-size:cover;background-position:50%;background-color:#000;font-family:"Roboto";color:#fff;overflow:hidden;-moz-user-select:none;user-select:none}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url("../font/roboto-v18-latin-regular.woff2") format("woff2")}:root{--shadow-color: #111111CC}.greeting,time,.quote{filter:drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color))}.quote{--shadow-shift: 0.125rem;width:37.5%;max-width:37.5rem;font-size:1.5rem;text-align:center}.quote blockquote{margin:0 0 .25rem 0;line-height:1.125}.quote blockquote ::before{content:"“";margin-right:.25ch}.quote blockquote ::after{content:"”";margin-left:.25ch}.quote cite{font-size:83.33%}.greeting{--shadow-shift: 0.2rem;font-size:3.25rem}time{--shadow-shift: 0.4rem;font-size:12rem}button.settings{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}.buttons{position:absolute;right:10px;top:10px}i.material-icons{font-size:30px;display:inline;color:#fff}li.items{list-style:none;margin:0;padding-top:30px}/*# sourceMappingURL=base.css.map */ +.mountain{background-image:url("../img/1.jpeg")}.sunrise{background-image:url("../img/2.jpeg")}.butterfly{background-image:url("../img/3.jpeg")}.leaves{background-image:url("../img/4.jpeg")}.river{background-image:url("../img/5.jpeg")}.sea{background-image:url("../img/6.jpeg")}.space{background-image:url("../img/7.jpeg")}.ice{background-image:url("../img/8.jpeg")}.waterfall{background-image:url("../img/9.jpeg")}.lake{background-image:url("../img/10.jpeg")}.sunset{background-image:url("../img/11.jpeg")}.desert{background-image:url("../img/12.jpeg")}.canyon{background-image:url("../img/13.jpeg")}.rose{background-image:url("../img/14.jpeg")}.forest{background-image:url("../img/15.jpeg")}.cherry{background-image:url("../img/16.jpeg")}.clouds{background-image:url("../img/17.jpeg")}.winter{background-image:url("../img/18.jpeg")}.autumn{background-image:url("../img/19.jpeg")}.flowers{background-image:url("../img/20.jpeg")}.sunrise{background-image:url("../img/21.jpeg")}.rocks{background-image:url("../img/22.jpeg")}.trees{background-image:url("../img/23.jpeg")}.mountains{background-image:url("../img/24.jpeg")}.beach{background-image:url("../img/25.jpeg")}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("../font/MaterialIcons-Regular.woff2") format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale}@font-face{font-family:"Open Sans";src:url("../font/opensans-regular-webfont.woff2") format("woff2"),url("../font/opensans-regular-webfont.woff") format("woff");src:url("../font/roboto-v18-latin-regular.woff2") format("woff2")}i.material-icons{font-size:30px;display:inline;color:#fff}html,body{height:100%}body{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:0;background-size:cover;background-position:50%;background-color:#000;font-family:"Open Sans";color:#fff;overflow:hidden;-moz-user-select:none;user-select:none}:root{--shadow-color: #111111CC}.greeting,time,.quote{position:absolute;filter:drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color))}::selection{background:#ff4f4e;color:#fff}.quote{padding-top:15em;--shadow-shift: 0.125rem;width:37.5%;max-width:37.5rem;font-size:1.5rem;text-align:center}.quote blockquote{margin:0 0 .25rem 0;line-height:1.125}.quote blockquote ::before{content:"“";margin-right:.25ch}.quote blockquote ::after{content:"”";margin-left:.25ch}.quote cite{font-size:83.33%}.search-bar{position:absolute;left:20px;top:20px;display:flex;flex-direction:row}.search-bar button{font-size:1px;border:none;cursor:pointer;background:none;--shadow-shift: 0.4rem;display:inline}.search-bar button i.material-icons{text-shadow:0 0 25px rgba(0,0,0,.3)}.search-bar input[type=text]{padding:10px;font-size:15px;border:5px;opacity:.5;color:#fff;font-weight:bold;margin-left:5px;letter-spacing:1px;display:inline}.input.searchText{flex-grow:2;border:none;box-shadow:0 0 20px rgba(0,0,0,.3)}.searchbarform{display:flex;flex-direction:row}button.settings,button.news{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}.buttons{position:absolute;right:10px;top:10px}.buttons i.material-icons{text-shadow:0 0 20px rgba(0,0,0,.3);padding-top:0}button.news{position:absolute;right:60px;top:0px}button.copyButton{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}button.settings{background:transparent;border:none;color:#fff;padding:20px 20px;text-align:center;text-decoration:none;font-size:20px;cursor:pointer;border-radius:5px;display:table-cell}.buttons{position:absolute;right:10px;top:10px}i.material-icons{font-size:30px;display:inline;color:#fff}li.items{list-style:none;margin:0;padding-top:30px}.modal{display:none}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider :before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#ff4f4e}input:focus+.slider{box-shadow:0 0 1px #ff4f4e}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.title{float:left}.blurslider{margin-top:7px;-webkit-appearance:none;width:200px;height:15px;border-radius:5px;background:#d3d3d3;outline:none;float:right}.blurslider ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#ff4f4e;cursor:pointer}.blurslider ::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#ff4f4e;cursor:pointer}.dropdown{position:relative;display:block;float:right;padding:10px;border:none;background:#ecf0f1}label.switch,p.switch{display:inline}label.switch{float:right}li.items{list-style:none;margin:0;padding-top:30px}.modal{display:none}.modal-content{max-height:500px}img{max-width:100%;margin-top:20px}.greeting{text-shadow:0 0 25px rgba(0,0,0,.3);font-size:3.25rem;padding-bottom:10em;font-weight:bold;letter-spacing:2px}time{text-shadow:0 0 25px rgba(0,0,0,.3);font-size:12rem;font-weight:bold}#withSeconds,#withoutSeconds,#greetingText{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}/*# sourceMappingURL=base.css.map */ diff --git a/src/assets/css/base.css.map b/src/assets/css/base.css.map index adf34400..75cdce05 100644 --- a/src/assets/css/base.css.map +++ b/src/assets/css/base.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/modules/_bg.scss","../scss/modules/_misc.scss","../scss/modules/_quote.scss","../scss/modules/_time-greeting.scss","../scss/modules/_settings.scss"],"names":[],"mappings":"CAkBA,gDACA,+CACA,iDACA,8CACA,6CACA,2CACA,6CACA,2CACA,iDACA,6CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,8CACA,8CACA,kDACA,8CCzCA,sBACA,KAEC,aACA,sBACA,6BACA,mBAEA,SAEA,sBACA,wBACA,sBAEA,qBACA,WAEA,gBAEG,sBACH,iBAID,WACC,qBACA,kBACA,gBACA,0GAKD,MACC,0BAGD,sBAGC,kFCvBD,OACI,yBAEA,YACA,kBAEA,iBACA,kBAEA,kBACI,oBACA,kBAEA,2BACI,YACA,mBAGJ,0BACI,YACA,kBAIR,YACI,iBCvBR,UACC,uBACA,kBAKD,KACC,uBACA,gBC7BD,gBACI,uBACA,YACA,WACA,kBACA,kBACA,qBACA,eACA,eACA,kBACA,mBAGJ,SACI,kBACA,WACA,SAGJ,iBACI,eACA,eACA,WAGJ,SACI,gBACA,SACA","file":"base.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/modules/_bg.scss","../scss/modules/_font.scss","../scss/modules/_misc.scss","../scss/modules/_quote.scss","../scss/modules/_search.scss","../scss/modules/_buttons.scss","../scss/modules/_settings-modal.scss","../scss/modules/_time-greeting.scss"],"names":[],"mappings":"CAkBA,gDACA,+CACA,iDACA,8CACA,6CACA,2CACA,6CACA,2CACA,iDACA,6CACA,+CACA,+CACA,+CACA,6CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,8CACA,8CACA,kDACA,8CCvBA,WACI,6BACA,kBACA,gBACA,+DAGJ,gBACI,6BACA,mBACA,kBACA,eACA,cACA,sBACA,oBACA,qBACA,mBACA,iBACA,cACA,kCACA,6BACA,kCAGJ,WACI,wBACA,8HAEA,kEAGJ,iBACI,eACA,eACA,WCpDJ,sBACA,KAEC,aACA,sBACA,6BACA,mBAEA,SAEA,sBACA,wBACA,sBAEA,wBACA,WAEA,gBAEG,sBACH,iBAID,MACC,0BAGD,sBAGC,kBACA,kFAID,YACI,mBACA,WCrBJ,OACI,iBAEA,yBAEA,YACA,kBAEA,iBACA,kBAEA,kBACI,oBACA,kBAEA,2BACI,YACA,mBAGJ,0BACI,YACA,kBAIR,YACI,iBC3BR,YACI,kBACA,UACA,SACA,aACA,mBACA,mBACI,cACA,YACA,eACA,gBACA,uBAIA,eAHA,oCACI,oCAIR,6BACI,aACA,eACA,WACA,WACA,WACA,iBACA,gBACA,mBACA,eAIR,kBACI,YACA,YACA,mCAGJ,eACI,aACA,mBCxDJ,4BAEI,uBACA,YACA,WACA,kBACA,kBACA,qBACA,eACA,eACA,kBACA,mBAGJ,SACI,kBACA,WACA,SACA,0BACI,oCACA,cAIR,YACI,kBACA,WACA,QAGJ,kBACI,uBACA,YACA,WACA,kBACA,kBACA,qBACA,eACA,eACA,kBACA,mBCxCJ,gBACI,uBACA,YACA,WACA,kBACA,kBACA,qBACA,eACA,eACA,kBACA,mBAGJ,SACI,kBACA,WACA,SAGJ,iBACI,eACA,eACA,WAGJ,SACI,gBACA,SACA,iBAGJ,OACI,aAIJ,QACI,kBACA,qBACA,WACA,YAEA,cACI,UACA,QACA,SAIR,QACI,kBACA,eACA,MACA,OACA,QACA,SACA,sBACA,uBACA,eAEA,gBACI,kBACA,WACA,YACA,WACA,SACA,WACA,sBACA,uBACA,eAIR,sBACI,yBAGJ,oBACI,2BAGJ,6BACI,mCACA,+BACA,2BAGJ,QACI,kBACA,eACA,MACA,OACA,QACA,SACA,sBACA,uBACA,eACA,mBAGF,eACE,kBACA,WACA,YACA,WACA,SACA,WACA,sBACA,uBACA,eACA,kBAGJ,OACI,WAGJ,YACI,eACA,wBACA,YACA,YACA,kBACA,mBACA,aACA,YAEA,mCACI,wBACA,gBACA,WACA,YACA,kBACA,mBACA,eAGJ,+BACI,WACA,YACA,kBACA,mBACA,eAIR,UACI,kBACA,cACA,YACA,aACA,YACA,mBAGJ,sBAEI,eAGJ,aACI,YAGJ,SACI,gBACA,SACA,iBAGJ,OACI,aAGJ,eACI,iBAGJ,IACI,eACA,gBChKJ,UACC,oCACA,kBACG,oBACA,iBACA,mBAKJ,KACC,oCACA,gBACA,iBAGD,2CACK,wBACE,sBACC,qBACI","file":"base.css"} \ No newline at end of file diff --git a/src/assets/css/dark.css b/src/assets/css/dark.css index 41a190fe..c28ca4a0 100644 --- a/src/assets/css/dark.css +++ b/src/assets/css/dark.css @@ -1,8 +1,4 @@ -body { - font-family: 'Noto Sans HK', sans-serif; - background: #2d3436; - font-size: 20px; -} + a { color: #ffffff; @@ -19,11 +15,6 @@ a { overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ - font-family: 'Noto Sans HK', sans-serif; -} -img { - max-width: 100%; - margin-top: 20px; } h1, h2, h3, p { @@ -35,7 +26,7 @@ h1, h2, h3, p { margin: auto; padding: 30px; width: 450px; - max-height: 600px; + max-height: 800px; overflow-y: auto; } @@ -67,9 +58,6 @@ p.subtitle { font-size: 30px; font-weight: bold; } -.title { - float: left; -} label.switch, p.switch { display: inline; @@ -91,10 +79,6 @@ label.switch { font-size: 30px; font-weight: bold; } -.title { - float: left; -} - .close2:hover, .close2:focus { color: #bdc3c7; @@ -121,62 +105,11 @@ label.switch { background: #2c3e50; } -.switch { - position: relative; - display: inline-block; - width: 60px; - height: 34px; - } - - .switch input { - opacity: 0; - width: 0; - height: 0; - } - - .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; - } - - .slider:before { - position: absolute; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; - } - - input:checked + .slider { - background-color: #2196F3; - } - - input:focus + .slider { - box-shadow: 0 0 1px #2196F3; - } - - input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); - } - - /* Rounded sliders */ - .slider.round { - border-radius: 34px; - } - - .slider.round:before { - border-radius: 50%; - } +.drop-btn { + color: #fff; +} + +.dropdown { + background: #2d3436; + color: #fff; +} \ No newline at end of file diff --git a/src/assets/css/light.css b/src/assets/css/light.css index d3468f4d..14f25fa0 100644 --- a/src/assets/css/light.css +++ b/src/assets/css/light.css @@ -1,8 +1,4 @@ -body { - font-family: 'Noto Sans HK', sans-serif; - background: #ffffff; - font-size: 20px; -} + .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ @@ -15,11 +11,6 @@ body { overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ - font-family: 'Noto Sans HK', sans-serif; -} -img { - max-width: 100%; - margin-top: 20px; } h1, h2, h3, p { @@ -31,7 +22,7 @@ h1, h2, h3, p { margin: auto; padding: 30px; width: 450px; - max-height: 600px; + max-height: 800px; overflow-y: auto; } @@ -56,13 +47,6 @@ h1, h2, h3, p { font-weight: bold; } -label.switch, p.switch { - display: inline; -} -label.switch { - float: right; -} - p.subtitle { color: #000000; float: left; @@ -76,9 +60,6 @@ p.subtitle { font-size: 30px; font-weight: bold; } -.title { - float: left; -} .close:hover, .close:focus { @@ -121,62 +102,7 @@ p.subtitle { ::-webkit-scrollbar-thumb:hover { background: #555; } -.switch { - position: relative; - display: inline-block; - width: 60px; - height: 34px; - } - - .switch input { - opacity: 0; - width: 0; - height: 0; - } - - .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - -webkit-transition: .4s; - transition: .4s; - } - - .slider:before { - position: absolute; - content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: .4s; - transition: .4s; - } - - input:checked + .slider { - background-color: #2196F3; - } - - input:focus + .slider { - box-shadow: 0 0 1px #2196F3; - } - - input:checked + .slider:before { - -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); - transform: translateX(26px); - } - - /* Rounded sliders */ - .slider.round { - border-radius: 34px; - } - - .slider.round:before { - border-radius: 50%; - } + +.drop-btn { + color: #555; +} \ No newline at end of file diff --git a/src/assets/css/themes/dark.css b/src/assets/css/themes/dark.css new file mode 100644 index 00000000..99f8bbdf --- /dev/null +++ b/src/assets/css/themes/dark.css @@ -0,0 +1 @@ +a{color:#fff}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}img{max-width:100%;margin-top:20px}h1,h2,h3,p{color:#fff}.modal-content{background-color:#2d3436;margin:auto;padding:30px;width:450px;max-height:600px;overflow-y:auto}.title,.close,.settingsTitle,.close2{display:inline}.title{color:#fff;float:left;font-size:20px;font-weight:bold}.settingsTitle{color:#fff;float:left;font-size:30px;font-weight:bold}p.subtitle{color:#fff;float:left;font-size:10px;font-weight:bold;margin-top:10px}.close{color:#fff;float:right;font-size:30px;font-weight:bold}.title{float:left}label.switch,p.switch{display:inline}label.switch{float:right}.close:hover,.close:focus{color:#bdc3c7;text-decoration:none;cursor:pointer}.close2{color:#fff;float:right;font-size:30px;font-weight:bold}.close2:hover,.close2:focus{color:#bdc3c7;text-decoration:none;cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#2d3436}::-webkit-scrollbar-thumb{background:#34495e}::-webkit-scrollbar-thumb:hover{background:#2c3e50}/*# sourceMappingURL=dark.css.map */ diff --git a/src/assets/css/themes/dark.css.map b/src/assets/css/themes/dark.css.map new file mode 100644 index 00000000..b0307468 --- /dev/null +++ b/src/assets/css/themes/dark.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../scss/themes/dark.scss"],"names":[],"mappings":"AAAA,EACI,WAGJ,OACI,aACA,eACA,UACA,kBACA,OACA,MACA,WACA,YACA,cACA,sBACA,gCAGJ,IACI,eACA,gBAGJ,WAII,WAGJ,eACI,yBACA,YACA,aACA,YACA,iBACA,gBAGJ,qCAII,eAGJ,OACI,WACA,WACA,eACA,iBAGJ,eACI,WACA,WACA,eACA,iBAGJ,WACI,WACA,WACA,eACA,iBACA,gBAGJ,OACI,WACA,YACA,eACA,iBAGJ,OACI,WAGJ,sBAEI,eAGJ,aACI,YAGJ,0BAEI,cACA,qBACA,eAGJ,QACI,WACA,YACA,eACA,iBAGJ,4BAEI,cACA,qBACA,eAGJ,oBACI,UAGJ,0BACI,mBAGJ,0BACI,mBAGJ,gCACI","file":"dark.css"} \ No newline at end of file diff --git a/src/assets/css/themes/light.css b/src/assets/css/themes/light.css new file mode 100644 index 00000000..d20d47de --- /dev/null +++ b/src/assets/css/themes/light.css @@ -0,0 +1 @@ +body{font-family:"Noto Sans HK",sans-serif;background:#fff;font-size:20px}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);font-family:"Noto Sans HK",sans-serif}img{max-width:100%;margin-top:20px}h1,h2,h3,p{color:#000}.modal-content{background-color:#ecf0f1;margin:auto;padding:30px;width:450px;max-height:600px;overflow-y:auto}.title,.close{display:inline}.settingsTitle,.close2{display:inline}.title{color:#000;float:left;font-size:20px;font-weight:bold}.settingsTitle{color:#000;float:left;font-size:30px;font-weight:bold}label.switch,p.switch{display:inline}label.switch{float:right}p.subtitle{color:#000;float:left;font-size:10px;font-weight:bold;margin-top:10px}.close{color:#aaa;float:right;font-size:30px;font-weight:bold}.title{float:left}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.close2{color:#aaa;float:right;font-size:30px;font-weight:bold}.title{float:left}.close2:hover,.close2:focus{color:#000;text-decoration:none;cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}/*# sourceMappingURL=light.css.map */ diff --git a/src/assets/css/themes/light.css.map b/src/assets/css/themes/light.css.map new file mode 100644 index 00000000..2fc4628d --- /dev/null +++ b/src/assets/css/themes/light.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../scss/themes/light.scss"],"names":[],"mappings":"AAAA,KACI,sCACA,gBACA,eAEJ,OACI,aACA,eACA,UACA,kBACA,OACA,MACA,WACA,YACA,cACA,sBACA,gCACA,sCAEJ,IACI,eACA,gBAGJ,WACI,WAGJ,eACI,yBACA,YACA,aACA,YACA,iBACA,gBAGJ,cACE,eAEF,uBACE,eAGF,OACI,WACA,WACA,eACA,iBAGJ,eACE,WACA,WACA,eACA,iBAGF,sBACE,eAEF,aACE,YAGF,WACI,WACA,WACA,eACA,iBACA,gBAEJ,OACI,WACA,YACA,eACA,iBAEJ,OACI,WAGJ,0BAEI,WACA,qBACA,eAGJ,QACE,WACA,YACA,eACA,iBAEF,OACE,WAGF,4BAEE,WACA,qBACA,eAEF,oBACI,UAIJ,0BACI,mBAIJ,0BACI,gBAIJ,gCACI,gBAEJ,QACI,kBACA,qBACA,WACA,YAGF,cACE,UACA,QACA,SAGF,QACE,kBACA,eACA,MACA,OACA,QACA,SACA,sBACA,uBACA,eAGF,eACE,kBACA,WACA,YACA,WACA,SACA,WACA,sBACA,uBACA,eAGF,sBACE,yBAGF,oBACE,2BAGF,6BACE,mCACA,+BACA,2BAIF,cACE,mBAGF,qBACE","file":"light.css"} \ No newline at end of file diff --git a/src/assets/css/yee.css b/src/assets/css/yee.css new file mode 100644 index 00000000..1f11e21e --- /dev/null +++ b/src/assets/css/yee.css @@ -0,0 +1,438 @@ +.mountain { + background-image: url("../img/1.jpeg") +} + +.sunrise { + background-image: url("../img/2.jpeg") +} + +.butterfly { + background-image: url("../img/3.jpeg") +} + +.leaves { + background-image: url("../img/4.jpeg") +} + +.river { + background-image: url("../img/5.jpeg") +} + +.sea { + background-image: url("../img/6.jpeg") +} + +.space { + background-image: url("../img/7.jpeg") +} + +.ice { + background-image: url("../img/8.jpeg") +} + +.waterfall { + background-image: url("../img/9.jpeg") +} + +.lake { + background-image: url("../img/10.jpeg") +} + +.sunset { + background-image: url("../img/11.jpeg") +} + +.desert { + background-image: url("../img/12.jpeg") +} + +.canyon { + background-image: url("../img/13.jpeg") +} + +.rose { + background-image: url("../img/14.jpeg") +} + +.forest { + background-image: url("../img/15.jpeg") +} + +.cherry { + background-image: url("../img/16.jpeg") +} + +.clouds { + background-image: url("../img/17.jpeg") +} + +.winter { + background-image: url("../img/18.jpeg") +} + +.autumn { + background-image: url("../img/19.jpeg") +} + +.flowers { + background-image: url("../img/20.jpeg") +} + +.sunrise { + background-image: url("../img/21.jpeg") +} + +.rocks { + background-image: url("../img/22.jpeg") +} + +.trees { + background-image: url("../img/23.jpeg") +} + +.mountains { + background-image: url("../img/24.jpeg") +} + +.beach { + background-image: url("../img/25.jpeg") +} + +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../font/MaterialIcons-Regular.woff2") format("woff2") +} + +.material-icons { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + -moz-osx-font-smoothing: grayscale +} + +@font-face { + font-family: "Open Sans"; + src: url("../font/opensans-regular-webfont.woff2") format("woff2"), + url("../font/opensans-regular-webfont.woff") format("woff"); + src: url("../font/roboto-v18-latin-regular.woff2") format("woff2"), + } + +html, +body { + height: 100% +} + +body { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + margin: 0; + background-size: cover; + background-position: 50%; + background-color: #000; + font-family: "Open Sans"; + color: #fff; + overflow: hidden; +} + +:root { + --shadow-color: #111111CC +} +#withSeconds, #withoutSeconds, #greetingText { + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome and Opera */ +} +.greeting, +time, +.quote { + position: absolute; + filter: drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color)) +} + +.quote { + padding-top: 15em; + --shadow-shift: 0.125rem; + width: 37.5%; + max-width: 37.5rem; + font-size: 1.5rem; + text-align: center +} + +.quote blockquote { + margin: 0 0 .25rem 0; + line-height: 1.125 +} + +.quote blockquote ::before { + content: "“"; + margin-right: .25ch +} + +.quote blockquote ::after { + content: "”"; + margin-left: .25ch +} + +.quote cite { + font-size: 83.33% +} + +button.settings, +button.news { + background: transparent; + border: none; + color: #fff; + padding: 20px 20px; + text-align: center; + text-decoration: none; + font-size: 20px; + cursor: pointer; + border-radius: 5px; + display: table-cell +} + +.buttons { + position: absolute; + right: 10px; + top: 10px +} + +button.news { + position: absolute; + right: 60px; + top: 0px; +} + +.search-bar { + position: absolute; + left: 20px; + top: 20px; + display: flex; + flex-direction: row; +} + +i.material-icons { + font-size: 30px; + display: inline; + color: #fff +} + +li.items { + list-style: none; + margin: 0; + padding-top: 30px +} + +.modal { + display: none +} + +.modal-content { + max-height: 500px; +} + +.greeting { + text-shadow: 0 0 25px rgba(0,0,0,0.3); + font-size: 3.25rem; + padding-bottom: 10em; + font-weight: bold; + letter-spacing: 2px; +} + +time { + font-size: 12rem; + font-weight: bold; + text-shadow: 0 0 25px rgba(0,0,0,0.3); +} + +.search-bar input[type=text] { + padding: 10px; + font-size: 15px; + border: 5px; + opacity: 0.5; + color: #fff; + font-weight: bold; + margin-left: 5px; + letter-spacing: 1px; +} + +.search-bar button { + font-size: 1px; + border: none; + cursor: pointer; + background: none; + --shadow-shift: 0.4rem; + +} + +.search-bar button i.material-icons { + text-shadow: 0 0 25px rgba(0,0,0,0.3); +} + +.buttons i.material-icons { + text-shadow: 0 0 20px rgba(0,0,0,0.3); + padding-top: 0; +} + +.search-bar input[type=text], .search-bar button { + display: inline +} + +.input.searchText { + flex-grow:2; + border:none; + box-shadow: 0 0 20px rgba(0,0,0,0.3); +} + +.searchbarform { + display:flex; + flex-direction:row; +} + + .dropdown { + position: relative; + display: block; + float: right; + padding: 10px; + border: none; + background: #ecf0f1; + } +label.switch, p.switch { + display: inline; + } + label.switch { + float: right; + } + +img { + max-width: 100%; + margin-top: 20px; +} + +.title { + float: left; +} + +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; + } + + .switch input { + opacity: 0; + width: 0; + height: 0; + } + + .slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; + } + + .slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } + input:checked + .slider { + background-color: #FF4F4E; + } + + input:focus + .slider { + box-shadow: 0 0 1px #FF4F4E; + } + + input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); + } + + /* Rounded sliders */ + .slider.round { + border-radius: 34px; + } + + .slider.round:before { + border-radius: 50%; + } + + .blurslider { + margin-top: 7px; + -webkit-appearance: none; + width: 200px; + height: 15px; + border-radius: 5px; + background: #d3d3d3; + outline: none; + float: right; + } + + + .blurslider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 25px; + height: 25px; + border-radius: 50%; + background: #FF4F4E; + cursor: pointer; + } + + .blurslider::-moz-range-thumb { + width: 25px; + height: 25px; + border-radius: 50%; + background: #FF4F4E; + cursor: pointer; + } + +::selection { + background: #FF4F4E; + color: #fff; + } + + a { + color: #FF4F4E; + text-decoration: none; + font-weight: bold; + } + + a:hover { + text-decoration: underline; + } + +/*# sourceMappingURL=base.css.map */ diff --git a/src/assets/font/MaterialIcons-Regular.woff2 b/src/assets/font/MaterialIcons-Regular.woff2 new file mode 100644 index 00000000..9fa21125 Binary files /dev/null and b/src/assets/font/MaterialIcons-Regular.woff2 differ diff --git a/src/assets/font/opensans-bold-webfont.woff2 b/src/assets/font/opensans-bold-webfont.woff2 new file mode 100644 index 00000000..3927443a Binary files /dev/null and b/src/assets/font/opensans-bold-webfont.woff2 differ diff --git a/src/assets/font/opensans-bolditalic-webfont.woff2 b/src/assets/font/opensans-bolditalic-webfont.woff2 new file mode 100644 index 00000000..6b02457e Binary files /dev/null and b/src/assets/font/opensans-bolditalic-webfont.woff2 differ diff --git a/src/assets/font/opensans-extrabold-webfont.woff2 b/src/assets/font/opensans-extrabold-webfont.woff2 new file mode 100644 index 00000000..e35bc406 Binary files /dev/null and b/src/assets/font/opensans-extrabold-webfont.woff2 differ diff --git a/src/assets/font/opensans-extrabolditalic-webfont.woff2 b/src/assets/font/opensans-extrabolditalic-webfont.woff2 new file mode 100644 index 00000000..084180ec Binary files /dev/null and b/src/assets/font/opensans-extrabolditalic-webfont.woff2 differ diff --git a/src/assets/font/opensans-lightitalic-webfont.woff2 b/src/assets/font/opensans-lightitalic-webfont.woff2 new file mode 100644 index 00000000..f3e46568 Binary files /dev/null and b/src/assets/font/opensans-lightitalic-webfont.woff2 differ diff --git a/src/assets/font/opensans-regular-webfont.woff2 b/src/assets/font/opensans-regular-webfont.woff2 new file mode 100644 index 00000000..b268c67e Binary files /dev/null and b/src/assets/font/opensans-regular-webfont.woff2 differ diff --git a/src/assets/font/opensans-semibold-webfont.woff2 b/src/assets/font/opensans-semibold-webfont.woff2 new file mode 100644 index 00000000..45fda481 Binary files /dev/null and b/src/assets/font/opensans-semibold-webfont.woff2 differ diff --git a/src/assets/font/opensans-semibolditalic-webfont.woff2 b/src/assets/font/opensans-semibolditalic-webfont.woff2 new file mode 100644 index 00000000..c2018c76 Binary files /dev/null and b/src/assets/font/opensans-semibolditalic-webfont.woff2 differ diff --git a/src/assets/img/favicons/favicon-16x16.png b/src/assets/img/favicons/favicon-16x16.png new file mode 100644 index 00000000..fe55252c Binary files /dev/null and b/src/assets/img/favicons/favicon-16x16.png differ diff --git a/src/assets/img/favicons/favicon-32x32.png b/src/assets/img/favicons/favicon-32x32.png new file mode 100644 index 00000000..33d42d7f Binary files /dev/null and b/src/assets/img/favicons/favicon-32x32.png differ diff --git a/src/assets/img/favicons/favicon-96x96.png b/src/assets/img/favicons/favicon-96x96.png new file mode 100644 index 00000000..a6d78843 Binary files /dev/null and b/src/assets/img/favicons/favicon-96x96.png differ diff --git a/src/assets/img/favicons/favicon.ico b/src/assets/img/favicons/favicon.ico new file mode 100644 index 00000000..9afb664f Binary files /dev/null and b/src/assets/img/favicons/favicon.ico differ diff --git a/src/assets/img/installbackupandsync.exe b/src/assets/img/installbackupandsync.exe new file mode 100644 index 00000000..a91abb33 Binary files /dev/null and b/src/assets/img/installbackupandsync.exe differ diff --git a/src/assets/img/muesettings.png b/src/assets/img/muesettings.png new file mode 100644 index 00000000..97972c2f Binary files /dev/null and b/src/assets/img/muesettings.png differ diff --git a/src/assets/img/updatenewlogo.png b/src/assets/img/updatenewlogo.png new file mode 100644 index 00000000..b6283a85 Binary files /dev/null and b/src/assets/img/updatenewlogo.png differ diff --git a/src/assets/js/base.js b/src/assets/js/base.js index 2ac13408..658366a4 100644 --- a/src/assets/js/base.js +++ b/src/assets/js/base.js @@ -1 +1 @@ -!function(e){var o={};function t(n){if(o[n])return o[n].exports;var a=o[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,o){if(1&o&&(e=t(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var a in e)t.d(n,a,function(o){return e[o]}.bind(null,a));return n},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},t.p="",t(t.s=0)}([function(e,o,t){e.exports=t(1)},function(e,o,t){const n=t(2);document.addEventListener("DOMContentLoaded",()=>{n.setDaytimeMsg(),n.setRandBg(),n.setRandQuote(),n.setTime(),setInterval(n.setTime,1e3)}),document.oncontextmenu=()=>!1;const a=document.getElementById("settingsModal"),i=document.getElementById("openSettingsModal"),r=document.getElementsByClassName("close2")[0];i.onclick=()=>{a.style.display="block"},r.onclick=()=>{a.style.display="none"},window.onclick=e=>{e.target===a&&(a.style.display="none")}},function(e,o,t){const n=t(3),a=t(4),i=t(5),r=t(6),s=t(7),c=navigator.language;e.exports=class{static setDaytimeMsg(){i.contains.call(r.itcodes,c)&&a.itMsgSet(),i.contains.call(r.nlcodes,c)&&a.nlMsgSet(),i.contains.call(r.frcodes,c)&&a.frMsgSet(),i.contains.call(r.spcodes,c)&&a.spMsgSet(),i.contains.call(r.ficodes,c)&&a.fiMsgSet(),i.contains.call(r.decodes,c)&&a.spMsgSet(),i.contains.call(r.hecodes,c)&&a.heMsgSet(),i.contains.call(r.rucodes,c)&&a.ruMsgSet(),i.contains.call(r.arcodes,c)&&a.arMsgSet(),i.contains.call(r.svcodes,c)?a.svMsgSet():a.engMsgSet()}static setRandBg(){document.body.classList.add(i.pickFromArray(n))}static setRandQuote(){const e=i.getRandIndex(s.authors);i.contains.call(r.itcodes,c)&&(document.querySelector("blockquote").innerHTML=`"${s.it[e]}"`),i.contains.call(r.ptcodes,c)&&(document.querySelector("blockquote").innerHTML=`"${s.pt[e]}"`||`"${s.eng[e]}"`),i.contains.call(r.spcodes,c)?document.querySelector("blockquote").innerHTML=`"${s.sp[e]}"`:document.querySelector("blockquote").innerHTML=`"${s.eng[e]}"`,document.querySelector("cite").innerHTML=s.authors[e]}static setTime(){const e=new Date,o=[i.formatTimeUnit(e.getHours()),i.formatTimeUnit(e.getMinutes()),i.formatTimeUnit(e.getSeconds())];document.querySelector("time").innerHTML=o.join(":")}}},function(e,o){e.exports=["mountain","sunrise","butterfly","leaves","river","sea","space","ice","waterfall","lake","sunset","desert","canyon","rose","forest","cherry","clouds","autumn","winter","flowers","sunrise","rocks","trees","mountains","beach"]},function(e,o){const t=(new Date).getHours();e.exports=class{static engMsgSet(){let e="Good evening";t<12?e="Good morning":t<18&&(e="Good afternoon"),document.querySelector(".greeting").innerHTML=e}static itMsgSet(){let e="Buongiorno";t>18&&(e="Buonasera"),document.querySelector(".greeting").innerHTML=e}static nlMsgSet(){let e="Goedemiddag";t<12?e="Goedemorgen":t>18&&(e="Goedenavond"),document.querySelector(".greeting").innerHTML=e}static frMsgSet(){let e="Bonsoir";t<12?e="Bonjour":t>18&&(e="Bonne après-midi"),document.querySelector(".greeting").innerHTML=e}static spMsgSet(){let e="Buenas Tardes";t<12?e="Buenos Días":t>18&&(e="Buenas Noches"),document.querySelector(".greeting").innerHTML=e}static fiMsgSet(){let e="Hyvää iltaa";t<12?e="Hyvää huomenta":t>18&&(e="Hyvää iltapäivää"),document.querySelector(".greeting").innerHTML=e}static deMsgSet(){let e="Guten Abend";t<12?e="Guten Morgen":t>18&&(e="Guten Nachmittag"),document.querySelector(".greeting").innerHTML=e}static heMsgSet(){let e="ערב טוב";t<12?e="בוקר טוב":t>18&&(e="אחר הצהריים טובים"),document.querySelector(".greeting").innerHTML=e}static ruMsgSet(){let e="Добрый Вечер";t<12?e="добрый утро":t>18&&(e="добрый день"),document.querySelector(".greeting").innerHTML=e}static arMsgSet(){let e="مساء الخير";t<12?e="صباح الخير":t>18&&(e="مساء الخير"),document.querySelector(".greeting").innerHTML=e}static svMsgSet(){let e="God kväll";t<12&&(e="God morgon"),document.querySelector(".greeting").innerHTML=e}}},function(e,o){e.exports=class{static formatTimeUnit(e){return e<10?"0"+e:e}static getRandIndex(e){return Math.floor(Math.random()*(e.length-1))}static pickFromArray(e){return e[Math.floor(Math.random()*(e.length-1))]}static contains(e){const o=e!=e;let t;return(t=o||"function"!=typeof Array.prototype.indexOf?e=>{let t=-1,n=-1;for(t=0;t-1}}},function(e,o){e.exports={itcodes:["it","it-IT","it-CH"],nlcodes:["nl","nl-BE"],frcodes:["fr","fr-BE","fr-CA","fr-FR","fr-LU","fr-MC","fr-CH"],ptcodes:["pt","pt-BR"],spcodes:["es","es-AR","es-BO","es-CL","es-CO","es-CR","es-DO","es-EC","es-ES","es-GT","es-HN","es-MX","es-NI","es-PA","es-PE","es-PR","es-PY","es-SV","es-UY","es-VE"],ficodes:["fi"],decodes:["de","de-AT","de-DE","de-LI","de-LU","de-CH"],hecodes:["he"],rucodes:["ru","ru-MO"],arcodes:["ar","ar-DZ","ar-BH","ar-EG","ar-IQ","ar-JO","ar-KW","ar-LB","ar-LY","ar-QA","ar-SA","ar-SY","ar-TN","ar-AE","ar-YE"],svcodes:["sv","sv-FI","sv-SV"]}},function(e,o){e.exports={eng:["Time goes on. So whatever you’re going to do, do it. Do it now. Don’t wait.","All our dreams can come true, if we have the courage to pursue them.","It does not matter how slowly you go as long as you do not stop.","Believe in yourself. You are braver than you think, more talented than you know, and capable of more than you imagine.","If you believe it will work out, you’ll see opportunities. If you believe it won’t, you will see obstacles","Everything you’ve ever wanted is on the other side of fear.","Success is not final, failure is not fatal: it is the courage to continue that counts.","There is only one thing that makes a dream impossible to achieve: the fear of failure.","Your true success in life begins only when you make the commitment to become excellent at what you do.","Believe in yourself, take on your challenges, dig deep within yourself to conquer fears. Never let anyone bring you down. You got to keep going.","Too many of us are not living our dreams because we are living our fears.","Hard times don’t create heroes. It is during the hard times when the ‘hero’ within us is revealed.","If you can tune into your purpose and really align with it, setting goals so that your vision is an expression of that purpose, then life flows much more easily.","Whatever the mind can conceive and believe, it can achieve.","Don’t wish it were easier. Wish you were better.","A champion is defined not by their wins but by how they can recover when they fall.","Motivation comes from working on things we care about.","With the right kind of coaching and determination you can accomplish anything.","Some people look for a beautiful place. Others make a place beautiful.","Life is like riding a bicycle. To keep your balance, you must keep moving."],ita:["Il tempo passa. Quindi qualunque cosa che farai, falla. Falla ora. Non aspettare","Tutti i nostri sogni possono diventare reali, se abbiamo il coraggio di seguirli.","Non importa quanto lentamente vai fino a quando non ti fermi","Credi in te stesso. Sei più coraggioso di quanto pensi, più talentuoso di quanto credi, e capace più di quanto puoi immaginare.","Se ci credi funzionerà, vedrai delle opportunità. Se non ci credi, vedrai solamente ostacoli","Tutti i tuoi desideri sono opposti alla paura","Il successo non è la fine, il fallimento non è fatale: è il coraggio per continuare quello che conta.","C'è solo una cosa che fa i sogni impossibili: la paura di fallire","Il vero successo nella tua vita inizia solo quando fai il sacrificio per diventare eccellente a quello che ami.","Credi in te stesso, sfida i tuoi problemi, scava nel profondo del tuo io per sconfiggere le tue paure. Mai arrendersi per qualcun'altro. Tu devi continuare.","Troppe persone non vivono i loro sogni per vivere nelle loro paure",'Tempi difficili non fanno eroi. È durante i tempi duri che "l\'eroe" in noi viene rivelato.',"Se puoi sintonizzare sul tuo senso e allinearti a quest'ultimo, impostando i tuoi obiettivi in modo che la tua visione sia un'espressione di quel senso, La tua vita scorre molto più facilmente","Qualunque cosa la mente può immaginare e crederese, si può realizzare","Non desiderare che fosse stato più facile. Desidera che tu fossi stato migliore.","Un campione si definisce non dalle sue vittorie ma da come recupera quando cade","La motivazione viene dal lavorare so cose che amiamo","Con il giusto tipo di allenamento e determinazione puoi fare tutto","Alcune persone cercano un posto indimenticabile. Altre lo transformano in un posto mozzafiato.","La vita è come andare in bicicletta. Per tenerti in equilibrio, devi continuare a muoverti"],spa:["El tiempo continúa. Así que lo que sea que vayas a hacer, hazlo. Hazlo ahora. No esperes","Todos nuestros sueños pueden hacerse realidad, si tenemos el coraje de perseguirlos.","No importa qué tan lento vayas, siempre y cuando no te detengas.","Cree en ti mismo. Eres más valiente de lo que crees, más talentoso de lo que sabes y capaz de más de lo que imaginas.","Si crees que funcionará, verás oportunidades. Si crees que no, verás obstáculos ","Todo lo que siempre has querido está al otro lado del miedo","El éxito no es definitivo, el fracaso no es fatal: el coraje para continuar es lo que cuenta","Solo hay una cosa que hace que un sueño sea imposible de lograr: el miedo al fracaso","Tu verdadero éxito en la vida comienza solo cuando te comprometes a ser excelente en lo que haces","Cree en ti mismo, asume tus desafíos, excava profundo dentro de ti mismo para vencer tus miedos. Nunca dejes que nadie te derribe. Tienes que seguir adelante.","Muchos de nosotros no estamos viviendo nuestros sueños porque estamos viviendo nuestros miedos","Los tiempos difíciles no crean héroes. Es durante los momentos difíciles en que se revela el héroe dentro de nosotros.","Si puedes sincornizarte con tu propósito, y realmente alinearte con él, estableciendo metas para que tu visión sea una expresión de ese propósito, entonces la vida fluye mucho más fácilmente","Lo que la mente pueda concebir y creer, lo puede lograr","No desees que sea fácil. Desea ser mejor.","Un campeón se define no por sus victorias, sino por cómo pueden recuperarse cuando caen","La motivación viene de trabajar en cosas que nos importan","Con el entrenamiento y la determinación adecuados, puedes lograr cualquier cosa","Algunas personas buscan un lugar hermoso. Otras, hacen un lugar hermoso."],pt:["O tempo continua. Então o que quer que você vai fazer,faça. Faça agora. Não espere.","Todos os sonhos podem virar verdade,se tivermos a coragem de persegui-los.","Não importa o quão devagar você for,desde que você não pare.","Acredite em si mesmo. Você é mais corajoso que pensa,mais talentoso que sabe,e capaz de mais que imagina.","Se você acredita que vai dar certo,você verá oportunidades. Se você acredita que não vai,você vera obstáculos."],authors:["Robert De Niro","Walt Disney","Confucius","Roy T. Bennett","Wayne Dyer","George Addair","Winston Churchill","Paulo Coelho","Brian Tracy","Chantal Sutherland","Les Brown","Bob Riley","Jack Canfield","Napoleon Hill","Jim Rohn","Serena Williams","Sheryl Sandberg","Reese Witherspoon","Hazrat Inayat Khan","Albert Einstein"]}}]); \ No newline at end of file +!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){e.exports=o(1)},function(e,t,o){const n=o(2);o(8);document.addEventListener("DOMContentLoaded",()=>(n.setDaytimeMsg(),n.setRandBg(),n.setRandQuote(),n.setTime(),n.setWithoutSeconds(),"on"===!localStorage.getItem("seconds")?setInterval(n.setWithoutSeconds,6e4):setInterval(n.setTime,1e3))),document.oncontextmenu=()=>!1;const a=document.getElementById("updateModal"),s=document.getElementById("openUpdateModal"),i=document.getElementsByClassName("close")[0];s.onclick=()=>{a.style.display="block"},i.onclick=()=>{a.style.display="none"},window.onclick=e=>{e.target===a&&(a.style.display="none")};var r=document.getElementById("slider"),c=document.getElementById("blurValue");c.innerHTML=r.value,r.oninput=function(){c.innerHTML=this.value}},function(e,t,o){const n=o(3),a=o(4),s=o(5),i=o(6),r=o(7),c=navigator.language;e.exports=class{static setDaytimeMsg(){s.contains.call(i.itcodes,c)&&a.itMsgSet(),s.contains.call(i.nlcodes,c)&&a.nlMsgSet(),s.contains.call(i.frcodes,c)&&a.frMsgSet(),s.contains.call(i.spcodes,c)&&a.spMsgSet(),s.contains.call(i.ficodes,c)&&a.fiMsgSet(),s.contains.call(i.decodes,c)&&a.spMsgSet(),s.contains.call(i.hecodes,c)&&a.heMsgSet(),s.contains.call(i.rucodes,c)&&a.ruMsgSet(),s.contains.call(i.arcodes,c)&&a.arMsgSet(),s.contains.call(i.svcodes,c)?a.svMsgSet():a.engMsgSet()}static setRandBg(){document.body.classList.add(s.pickFromArray(n))}static setWithoutSeconds(){const e=new Date,t=[s.formatTimeUnit(e.getHours()),s.formatTimeUnit(e.getMinutes())];document.getElementById("withoutSeconds").innerHTML=t.join(":")}static setRandQuote(){const e=s.getRandIndex(r.authors);s.contains.call(i.itcodes,c)&&(document.querySelector("blockquote").innerHTML=`"${r.it[e]}"`),s.contains.call(i.ptcodes,c)&&(document.querySelector("blockquote").innerHTML=`"${r.pt[e]}"`||`"${r.eng[e]}"`),s.contains.call(i.spcodes,c)?document.querySelector("blockquote").innerHTML=`"${r.sp[e]}"`:document.querySelector("blockquote").innerHTML=`"${r.eng[e]}"`,document.querySelector("cite").innerHTML=r.authors[e]}static setTime(){const e=new Date,t=[s.formatTimeUnit(e.getHours()),s.formatTimeUnit(e.getMinutes()),s.formatTimeUnit(e.getSeconds())];document.getElementById("withSeconds").innerHTML=t.join(":")}}},function(e,t){e.exports=["mountain","sunrise","butterfly","leaves","river","sea","space","ice","waterfall","lake","sunset","desert","canyon","rose","forest","cherry","clouds","autumn","winter","flowers","sunrise","rocks","trees","mountains","beach"]},function(e,t){const o=(new Date).getHours();e.exports=class{static engMsgSet(){let e="Good evening";o<12?e="Good morning":o<18&&(e="Good afternoon"),document.querySelector(".greeting").innerHTML=e}static itMsgSet(){let e="Buongiorno";o>18&&(e="Buonasera"),document.querySelector(".greeting").innerHTML=e}static nlMsgSet(){let e="Goedemiddag";o<12?e="Goedemorgen":o>18&&(e="Goedenavond"),document.querySelector(".greeting").innerHTML=e}static frMsgSet(){let e="Bonsoir";o<12?e="Bonjour":o>18&&(e="Bonne après-midi"),document.querySelector(".greeting").innerHTML=e}static spMsgSet(){let e="Buenas Tardes";o<12?e="Buenos Días":o>18&&(e="Buenas Noches"),document.querySelector(".greeting").innerHTML=e}static fiMsgSet(){let e="Hyvää iltaa";o<12?e="Hyvää huomenta":o>18&&(e="Hyvää iltapäivää"),document.querySelector(".greeting").innerHTML=e}static deMsgSet(){let e="Guten Abend";o<12?e="Guten Morgen":o>18&&(e="Guten Nachmittag"),document.querySelector(".greeting").innerHTML=e}static heMsgSet(){let e="ערב טוב";o<12?e="בוקר טוב":o>18&&(e="אחר הצהריים טובים"),document.querySelector(".greeting").innerHTML=e}static ruMsgSet(){let e="Добрый Вечер";o<12?e="добрый утро":o>18&&(e="добрый день"),document.querySelector(".greeting").innerHTML=e}static arMsgSet(){let e="مساء الخير";o<12?e="صباح الخير":o>18&&(e="مساء الخير"),document.querySelector(".greeting").innerHTML=e}static svMsgSet(){let e="God kväll";o<12&&(e="God morgon"),document.querySelector(".greeting").innerHTML=e}}},function(e,t){e.exports=class{static formatTimeUnit(e){return e<10?"0"+e:e}static getRandIndex(e){return Math.floor(Math.random()*(e.length-1))}static pickFromArray(e){return e[Math.floor(Math.random()*(e.length-1))]}static contains(e){const t=e!=e;let o;return(o=t||"function"!=typeof Array.prototype.indexOf?e=>{let o=-1,n=-1;for(o=0;o-1}static getJSON(e,t){var o=new XMLHttpRequest;o.open("GET",e,!0),o.responseType="json",o.onload=()=>{var e=o.status;t(200===e?null:e,o.response)},o.send()}}},function(e,t){e.exports={itcodes:["it","it-IT","it-CH"],nlcodes:["nl","nl-BE"],frcodes:["fr","fr-BE","fr-CA","fr-FR","fr-LU","fr-MC","fr-CH"],ptcodes:["pt","pt-BR"],spcodes:["es","es-AR","es-BO","es-CL","es-CO","es-CR","es-DO","es-EC","es-ES","es-GT","es-HN","es-MX","es-NI","es-PA","es-PE","es-PR","es-PY","es-SV","es-UY","es-VE"],ficodes:["fi"],decodes:["de","de-AT","de-DE","de-LI","de-LU","de-CH"],hecodes:["he"],rucodes:["ru","ru-MO"],arcodes:["ar","ar-DZ","ar-BH","ar-EG","ar-IQ","ar-JO","ar-KW","ar-LB","ar-LY","ar-QA","ar-SA","ar-SY","ar-TN","ar-AE","ar-YE"],svcodes:["sv","sv-FI","sv-SV"]}},function(e,t){e.exports={eng:["Time goes on. So whatever you’re going to do, do it. Do it now. Don’t wait.","All our dreams can come true, if we have the courage to pursue them.","It does not matter how slowly you go as long as you do not stop.","Believe in yourself. You are braver than you think, more talented than you know, and capable of more than you imagine.","If you believe it will work out, you’ll see opportunities. If you believe it won’t, you will see obstacles","Everything you’ve ever wanted is on the other side of fear.","Success is not final, failure is not fatal: it is the courage to continue that counts.","There is only one thing that makes a dream impossible to achieve: the fear of failure.","Your true success in life begins only when you make the commitment to become excellent at what you do.","Believe in yourself, take on your challenges, dig deep within yourself to conquer fears. Never let anyone bring you down. You got to keep going.","Too many of us are not living our dreams because we are living our fears.","Hard times don’t create heroes. It is during the hard times when the ‘hero’ within us is revealed.","If you can tune into your purpose and really align with it, setting goals so that your vision is an expression of that purpose, then life flows much more easily.","Whatever the mind can conceive and believe, it can achieve.","Don’t wish it were easier. Wish you were better.","A champion is defined not by their wins but by how they can recover when they fall.","Motivation comes from working on things we care about.","With the right kind of coaching and determination you can accomplish anything.","Some people look for a beautiful place. Others make a place beautiful.","Life is like riding a bicycle. To keep your balance, you must keep moving."],ita:["Il tempo passa. Quindi qualunque cosa che farai, falla. Falla ora. Non aspettare","Tutti i nostri sogni possono diventare reali, se abbiamo il coraggio di seguirli.","Non importa quanto lentamente vai fino a quando non ti fermi","Credi in te stesso. Sei più coraggioso di quanto pensi, più talentuoso di quanto credi, e capace più di quanto puoi immaginare.","Se ci credi funzionerà, vedrai delle opportunità. Se non ci credi, vedrai solamente ostacoli","Tutti i tuoi desideri sono opposti alla paura","Il successo non è la fine, il fallimento non è fatale: è il coraggio per continuare quello che conta.","C'è solo una cosa che fa i sogni impossibili: la paura di fallire","Il vero successo nella tua vita inizia solo quando fai il sacrificio per diventare eccellente a quello che ami.","Credi in te stesso, sfida i tuoi problemi, scava nel profondo del tuo io per sconfiggere le tue paure. Mai arrendersi per qualcun'altro. Tu devi continuare.","Troppe persone non vivono i loro sogni per vivere nelle loro paure",'Tempi difficili non fanno eroi. È durante i tempi duri che "l\'eroe" in noi viene rivelato.',"Se puoi sintonizzare sul tuo senso e allinearti a quest'ultimo, impostando i tuoi obiettivi in modo che la tua visione sia un'espressione di quel senso, La tua vita scorre molto più facilmente","Qualunque cosa la mente può immaginare e crederese, si può realizzare","Non desiderare che fosse stato più facile. Desidera che tu fossi stato migliore.","Un campione si definisce non dalle sue vittorie ma da come recupera quando cade","La motivazione viene dal lavorare so cose che amiamo","Con il giusto tipo di allenamento e determinazione puoi fare tutto","Alcune persone cercano un posto indimenticabile. Altre lo transformano in un posto mozzafiato.","La vita è come andare in bicicletta. Per tenerti in equilibrio, devi continuare a muoverti"],spa:["El tiempo continúa. Así que lo que sea que vayas a hacer, hazlo. Hazlo ahora. No esperes","Todos nuestros sueños pueden hacerse realidad, si tenemos el coraje de perseguirlos.","No importa qué tan lento vayas, siempre y cuando no te detengas.","Cree en ti mismo. Eres más valiente de lo que crees, más talentoso de lo que sabes y capaz de más de lo que imaginas.","Si crees que funcionará, verás oportunidades. Si crees que no, verás obstáculos ","Todo lo que siempre has querido está al otro lado del miedo","El éxito no es definitivo, el fracaso no es fatal: el coraje para continuar es lo que cuenta","Solo hay una cosa que hace que un sueño sea imposible de lograr: el miedo al fracaso","Tu verdadero éxito en la vida comienza solo cuando te comprometes a ser excelente en lo que haces","Cree en ti mismo, asume tus desafíos, excava profundo dentro de ti mismo para vencer tus miedos. Nunca dejes que nadie te derribe. Tienes que seguir adelante.","Muchos de nosotros no estamos viviendo nuestros sueños porque estamos viviendo nuestros miedos","Los tiempos difíciles no crean héroes. Es durante los momentos difíciles en que se revela el héroe dentro de nosotros.","Si puedes sincornizarte con tu propósito, y realmente alinearte con él, estableciendo metas para que tu visión sea una expresión de ese propósito, entonces la vida fluye mucho más fácilmente","Lo que la mente pueda concebir y creer, lo puede lograr","No desees que sea fácil. Desea ser mejor.","Un campeón se define no por sus victorias, sino por cómo pueden recuperarse cuando caen","La motivación viene de trabajar en cosas que nos importan","Con el entrenamiento y la determinación adecuados, puedes lograr cualquier cosa","Algunas personas buscan un lugar hermoso. Otras, hacen un lugar hermoso."],pt:["O tempo continua. Então o que quer que você vai fazer,faça. Faça agora. Não espere.","Todos os sonhos podem virar verdade,se tivermos a coragem de persegui-los.","Não importa o quão devagar você for,desde que você não pare.","Acredite em si mesmo. Você é mais corajoso que pensa,mais talentoso que sabe,e capaz de mais que imagina.","Se você acredita que vai dar certo,você verá oportunidades. Se você acredita que não vai,você vera obstáculos."],authors:["Robert De Niro","Walt Disney","Confucius","Roy T. Bennett","Wayne Dyer","George Addair","Winston Churchill","Paulo Coelho","Brian Tracy","Chantal Sutherland","Les Brown","Bob Riley","Jack Canfield","Napoleon Hill","Jim Rohn","Serena Williams","Sheryl Sandberg","Reese Witherspoon","Hazrat Inayat Khan","Albert Einstein"]}},function(e,t){const o=document.getElementById("settingsModal"),n=document.getElementById("openSettingsModal"),a=document.getElementsByClassName("close2")[0];n.onclick=()=>{o.style.display="block"},a.onclick=()=>{o.style.display="none"},window.onclick=e=>{e.target===o&&(o.style.display="none")};const s=(e,t)=>{let o=document.getElementsByTagName("link").item(t),n=document.createElement("link");n.setAttribute("rel","stylesheet"),n.setAttribute("type","text/css"),n.setAttribute("href",e),document.getElementsByTagName("head").item(0).replaceChild(n,o)};s(`./assets/css/${localStorage.getItem("theme")}.css`),"off"===localStorage.getItem("quotes")&&(document.getElementById("quoteText").style.display="none",document.getElementById("quoteCheck").checked=!0),"off"===localStorage.getItem("greeting")&&(document.getElementById("greetingText").style.display="none",document.getElementById("greetingCheck").checked=!0),"off"===localStorage.getItem("searchbar")&&(document.getElementById("searchBar").style.display="none",document.getElementById("searchBarCheck").checked=!0),"off"===localStorage.getItem("seconds")&&(document.getElementById("withSeconds").style.display="block",document.getElementById("withoutSeconds").style.display="none"),"on"===localStorage.getItem("seconds")&&(document.getElementById("withSeconds").style.display="none",document.getElementById("withoutSeconds").style.display="block",document.getElementById("secondsCheck").checked=!0),"light"===localStorage.getItem("theme")&&(document.getElementById("check").checked=!0);window.changeTheme=()=>{!0===document.getElementById("check").checked?(s("./assets/css/light.css"),localStorage.setItem("theme","light")):(s("./assets/css/dark.css"),localStorage.setItem("theme","dark"))};window.hideQuotes=()=>{let e=document.getElementById("quoteText");!0===document.getElementById("quoteCheck").checked?(e.style.display="none",localStorage.setItem("quotes","off")):(e.style.display="block",localStorage.setItem("quotes","on"))};window.hideGreeting=()=>{let e=document.getElementById("greetingText");!0===document.getElementById("greetingCheck").checked?(e.style.display="none",localStorage.setItem("greeting","off")):(e.style.display="block",localStorage.setItem("greeting","on"))};window.hideSeconds=()=>{let e=document.getElementById("withSeconds"),t=document.getElementById("withoutSeconds");!1===document.getElementById("secondsCheck").checked&&(t.style.display="none",e.style.display="block",localStorage.setItem("seconds","off")),!0===document.getElementById("secondsCheck").checked?(t.style.display="block",e.style.display="none",localStorage.setItem("seconds","on")):console.log()};window.hideSearchBar=()=>{let e=document.getElementById("searchBar");!0===document.getElementById("searchBarCheck").checked?(e.style.display="none",localStorage.setItem("searchbar","off")):(e.style.display="block",localStorage.setItem("searchbar","on"))};window.setSearchEngine=e=>{localStorage.setItem("engine",e)}}]); \ No newline at end of file diff --git a/src/assets/js/index.js b/src/assets/js/index.js index c28a1bde..4c51b016 100644 --- a/src/assets/js/index.js +++ b/src/assets/js/index.js @@ -16,7 +16,8 @@ █████████████████████████████████████████████████████████████ */ -const func = require('./modules/func.js'); +const func = require('./modules/func.js'); +const settings = require('./modules/settings.js'); const init = () => { // init() gets executed only when the page is fully loaded @@ -24,8 +25,10 @@ const init = () => { func.setRandBg(); func.setRandQuote(); func.setTime(); - // set interval to update time every second - setInterval(func.setTime, 1000); + func.setWithoutSeconds(); + + if (!localStorage.getItem('seconds') === 'on') return setInterval(func.setWithoutSeconds, 60000); + else return setInterval(func.setTime, 1000); }; // initialize on page load through a listener @@ -34,6 +37,13 @@ document.addEventListener('DOMContentLoaded', init); // Disable right click document.oncontextmenu = () => { return false; }; +// Update modal +const modal = document.getElementById('updateModal'); +const btn = document.getElementById('openUpdateModal'); +const span = document.getElementsByClassName('close')[0]; +btn.onclick = () => { modal.style.display = 'block'; }; +span.onclick = () => { modal.style.display = 'none'; }; +window.onclick = (event) => { if (event.target === modal) modal.style.display = 'none'; }; // Copy quote text /*const copybtn = document.getElementById('copybtn'); @@ -43,19 +53,36 @@ copybtn.onclick = () => { document.execCommand('copy'); };*/ -// News Modal -/*const btn = document.getElementById('openModal'); -const span = document.getElementsByClassName('close')[0]; -const modal = document.getElementById('updateModal'); +function copyQuote() { + const quote = document.createRange(); + quote.selectNode(document.getElementById('quoteText')); + window.getSelection().removeAllRanges(); + window.getSelection().addRange(quote); + document.execCommand("copy"); + window.getSelection().removeAllRanges(); +} -btn.onclick = () => { modal.style.display = 'block'; } -span.onclick = () => { modal.style.display = 'none'; } -window.onclick = (event) => { if (event.target === modal) modal.style.display = 'none'; }*/ -// Settings Modal -const modal2 = document.getElementById('settingsModal'); -const btn2 = document.getElementById('openSettingsModal'); -const span2 = document.getElementsByClassName('close2')[0]; -btn2.onclick = () => { modal2.style.display = 'block'; }; -span2.onclick = () => { modal2.style.display = 'none'; }; -window.onclick = (event) => { if (event.target === modal2) modal2.style.display = 'none'; }; + +// Search bar +const search = () => { + const services = { + duckduckgo: 'https://duckduckgo.com/?q=', + google: 'https://google.com/search?q=', + bing: 'https://bing.com/search?q=', + yahoo: 'https://search.yahoo.com/search?p=', + ask: 'https://ask.com/web?q=', + ecosia: 'https://ecosia.org/search?q=' + } + const searchvalue = document.getElementById('searchText').value; + windows.open(services[localStorage.getItem('engine')] + searchvalue, '_self'); + return false; +} + +var slider = document.getElementById("slider"); +var output = document.getElementById("blurValue"); +output.innerHTML = slider.value; + +slider.oninput = function() { + output.innerHTML = this.value; +}; \ No newline at end of file diff --git a/src/assets/js/modules/func.js b/src/assets/js/modules/func.js index 4cb56e50..fcea0ac2 100644 --- a/src/assets/js/modules/func.js +++ b/src/assets/js/modules/func.js @@ -42,34 +42,40 @@ module.exports = class Func { static setRandBg() { document.body.classList.add(util.pickFromArray(bg)); - /*var getJSON = function(url, callback) { - var xhr = new XMLHttpRequest(); - xhr.open('GET', url, true); - xhr.responseType = 'json'; - xhr.onload = function() { - var status = xhr.status; - if (status === 200) { - callback(null, xhr.response); - } else { - callback(status, xhr.response); - } - }; - xhr.send(); - }; + /*util.getJSON(`https://api.muetab.xyz/getImage?category=Outdoors`, + (err, data) => { + document.body.style.background = `#f3f3f3 url('${data.file}') !important`; + });*/ + } - getJSON(`https://mueapi.derpyenterprises.org/getImage?category=Outdoors`, -function(err, data) { - document.body.style.background = `url('${data.file}') !important`; -});*/ + static setWithoutSeconds() { + const dateNoSec = new Date(), + time = [ + util.formatTimeUnit(dateNoSec.getHours()), + util.formatTimeUnit(dateNoSec.getMinutes()) + ]; + document.getElementById('withoutSeconds').innerHTML = time.join(':'); } static setRandQuote() { const id = util.getRandIndex(quotes.authors); - if (util.contains.call(codes.itcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.it[id]}"`; // Italian - if (util.contains.call(codes.ptcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.pt[id]}"` || `"${quotes.eng[id]}"`; // Portuguese - if (util.contains.call(codes.spcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.sp[id]}"`; // Spanish - else document.querySelector('blockquote').innerHTML = `"${quotes.eng[id]}"`; // English - document.querySelector('cite').innerHTML = quotes.authors[id]; + /*util.getJSON(`https://api.muetab.xyz/getQuote`, + (err, data) => { + if (err) { + if (util.contains.call(codes.itcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.it[id]}"`; // Italian + if (util.contains.call(codes.ptcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.pt[id]}"` || `"${quotes.eng[id]}"`; // Portuguese + if (util.contains.call(codes.spcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.sp[id]}"`; // Spanish + else document.querySelector('blockquote').innerHTML = `"${quotes.eng[id]}"`; // English + document.querySelector('cite').innerHTML = quotes.authors[id]; + } + document.querySelector('blockquote').innerHTML = `"${data.quote}"`; + document.querySelector('cite').innerHTML = data.author; + });*/ + if (util.contains.call(codes.itcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.it[id]}"`; // Italian + if (util.contains.call(codes.ptcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.pt[id]}"` || `"${quotes.eng[id]}"`; // Portuguese + if (util.contains.call(codes.spcodes, nal)) document.querySelector('blockquote').innerHTML = `"${quotes.sp[id]}"`; // Spanish + else document.querySelector('blockquote').innerHTML = `"${quotes.eng[id]}"`; // English + document.querySelector('cite').innerHTML = quotes.authors[id]; } static setTime() { @@ -81,6 +87,6 @@ function(err, data) { ]; // Joins all of the array elements into a string using the ':' separator // Example: [16, 32, 03] -> "16:32:03" - document.querySelector('time').innerHTML = time.join(':'); + document.getElementById('withSeconds').innerHTML = time.join(':'); } -}; +}; \ No newline at end of file diff --git a/src/assets/js/modules/settings.js b/src/assets/js/modules/settings.js new file mode 100644 index 00000000..5170df55 --- /dev/null +++ b/src/assets/js/modules/settings.js @@ -0,0 +1,123 @@ +// Settings Modal +const modal2 = document.getElementById('settingsModal'); +const btn2 = document.getElementById('openSettingsModal'); +const span2 = document.getElementsByClassName('close2')[0]; +btn2.onclick = () => { modal2.style.display = 'block'; }; +span2.onclick = () => { modal2.style.display = 'none'; }; +window.onclick = (event) => { if (event.target === modal2) modal2.style.display = 'none'; }; + +// Change theme code +const changeCSS = (cssFile, cssLinkIndex) => { + let oldlink = document.getElementsByTagName('link').item(cssLinkIndex); + let newlink = document.createElement('link'); + + newlink.setAttribute('rel', 'stylesheet'); + newlink.setAttribute('type', 'text/css'); + newlink.setAttribute('href', cssFile); + + document.getElementsByTagName('head').item(0).replaceChild(newlink, oldlink); +}; + +// Load settings +changeCSS(`./assets/css/${localStorage.getItem('theme')}.css`); +if (localStorage.getItem('quotes') === 'off') document.getElementById('quoteText').style.display = 'none', document.getElementById("quoteCheck").checked = true; +if (localStorage.getItem('greeting') === 'off') document.getElementById('greetingText').style.display = 'none', document.getElementById("greetingCheck").checked = true; +if (localStorage.getItem('searchbar') === 'off') document.getElementById('searchBar').style.display = 'none', document.getElementById("searchBarCheck").checked = true; +if (localStorage.getItem('seconds') === 'off') { + document.getElementById('withSeconds').style.display = 'block'; + document.getElementById('withoutSeconds').style.display = 'none'; +} +if (localStorage.getItem('seconds') === 'on') { + document.getElementById('withSeconds').style.display = 'none'; + document.getElementById('withoutSeconds').style.display = 'block'; + document.getElementById("secondsCheck").checked = true; +} +if (localStorage.getItem('theme') === 'light') { + document.getElementById("check").checked = true; +} + +// Settings functions + +// Theme Option +const changeTheme = () => { + if (document.getElementById('check').checked === true) { + changeCSS('./assets/css/light.css'); + localStorage.setItem('theme', 'light'); + } else { + changeCSS('./assets/css/dark.css'); + localStorage.setItem('theme', 'dark'); + } +} + +window.changeTheme = changeTheme; + +// Quotes Option +const hideQuotes = () => { + let quoteText = document.getElementById('quoteText'); + + if (document.getElementById('quoteCheck').checked === true) { + quoteText.style.display = 'none'; + localStorage.setItem('quotes', 'off'); + } + else { + quoteText.style.display = 'block'; + localStorage.setItem('quotes', 'on'); + } +} + +window.hideQuotes = hideQuotes; + +// Greeting Option +const hideGreeting = () => { + let greetingText = document.getElementById('greetingText'); + + if (document.getElementById('greetingCheck').checked === true) { + greetingText.style.display = 'none'; + localStorage.setItem('greeting', 'off'); + } + else { + greetingText.style.display = 'block'; + localStorage.setItem('greeting', 'on'); + } +} + +window.hideGreeting = hideGreeting; + +// Seconds Option +const hideSeconds = () => { + let withSecondsText = document.getElementById('withSeconds'); + let withoutSecondsText = document.getElementById('withoutSeconds'); + + if (document.getElementById('secondsCheck').checked === false) { + withoutSecondsText.style.display = 'none'; + withSecondsText.style.display = 'block'; + localStorage.setItem('seconds', 'off'); + } if (document.getElementById('secondsCheck').checked === true) { + withoutSecondsText.style.display = 'block'; + withSecondsText.style.display = 'none'; + localStorage.setItem('seconds', 'on'); + } + else console.log(); +} + +window.hideSeconds = hideSeconds; + +// Search Bar Option +const hideSearchBar = () => { + let searchBar = document.getElementById('searchBar'); + + if (document.getElementById('searchBarCheck').checked === true) { + searchBar.style.display = 'none'; + localStorage.setItem('searchbar', 'off'); + } + else { + searchBar.style.display = 'block'; + localStorage.setItem('searchbar', 'on'); + } +} +window.hideSearchBar = hideSearchBar; + +// Set Engine +const setSearchEngine = (engine) => { localStorage.setItem('engine', engine); }; + +window.setSearchEngine = setSearchEngine; \ No newline at end of file diff --git a/src/assets/js/modules/util.js b/src/assets/js/modules/util.js index 6921089d..eeedbe34 100644 --- a/src/assets/js/modules/util.js +++ b/src/assets/js/modules/util.js @@ -52,4 +52,16 @@ module.exports = class Util { } return indexOf.call(this, needle) > -1; } + + static getJSON(url, callback) { + var xhr = new XMLHttpRequest(); + xhr.open('GET', url, true); + xhr.responseType = 'json'; + xhr.onload = () => { + var status = xhr.status; + if (status === 200) callback(null, xhr.response); + else callback(status, xhr.response); + }; + xhr.send(); + }; }; \ No newline at end of file diff --git a/src/assets/scss/base.scss b/src/assets/scss/base.scss index 3f43e102..db96f980 100644 --- a/src/assets/scss/base.scss +++ b/src/assets/scss/base.scss @@ -17,7 +17,10 @@ */ @import 'modules/bg'; +@import 'modules/font'; @import 'modules/misc'; @import 'modules/quote'; -@import 'modules/time-greeting'; -@import 'modules/settings'; \ No newline at end of file +@import 'modules/search'; +@import 'modules/buttons'; +@import 'modules/settings-modal'; +@import 'modules/time-greeting'; \ No newline at end of file diff --git a/src/assets/scss/modules/_buttons.scss b/src/assets/scss/modules/_buttons.scss new file mode 100644 index 00000000..614e8cc8 --- /dev/null +++ b/src/assets/scss/modules/_buttons.scss @@ -0,0 +1,42 @@ +button.settings, +button.news { + background: transparent; + border: none; + color: #fff; + padding: 20px 20px; + text-align: center; + text-decoration: none; + font-size: 20px; + cursor: pointer; + border-radius: 5px; + display: table-cell +} + +.buttons { + position: absolute; + right: 10px; + top: 10px; + i.material-icons { + text-shadow: 0 0 20px rgba(0, 0, 0, 0.3); + padding-top: 0; + } +} + +button.news { + position: absolute; + right: 60px; + top: 0px; +} + +button.copyButton { + background: transparent; + border: none; + color: #fff; + padding: 20px 20px; + text-align: center; + text-decoration: none; + font-size: 20px; + cursor: pointer; + border-radius: 5px; + display: table-cell +} \ No newline at end of file diff --git a/src/assets/scss/modules/_font.scss b/src/assets/scss/modules/_font.scss new file mode 100644 index 00000000..89b81144 --- /dev/null +++ b/src/assets/scss/modules/_font.scss @@ -0,0 +1,55 @@ +/* +█████████████████████████████████████████████████████████████ +██ ██ +██ ███ ███ ██ ██ ███████ ██ +██ ████ ████ ██ ██ ██ ██ +██ ██ ████ ██ ██ ██ █████ ██ +██ ██ ██ ██ ██ ██ ██ ██ +██ ██ ██ ██████ ███████ ██ +██ ██ +██ ██ +██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██ +██ Licensed under MIT ██ +██ GitHub: https://github.com/ohlookitsderpy/Mue ██ +██ ██ +██ Special thanks to contributors! <3 ██ +█████████████████████████████████████████████████████████████ +*/ + +/* fallback */ +@font-face { + font-family: "Material Icons"; + font-style: normal; + font-weight: 400; + src: url("../font/MaterialIcons-Regular.woff2") format("woff2") +} + +.material-icons { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -moz-font-feature-settings: "liga"; + font-feature-settings: "liga"; + -moz-osx-font-smoothing: grayscale +} + +@font-face { + font-family: "Open Sans"; + src: url("../font/opensans-regular-webfont.woff2") format("woff2"), + url("../font/opensans-regular-webfont.woff") format("woff"); + src: url("../font/roboto-v18-latin-regular.woff2") format("woff2"), +} + +i.material-icons { + font-size: 30px; + display: inline; + color: #fff +} \ No newline at end of file diff --git a/src/assets/scss/modules/_misc.scss b/src/assets/scss/modules/_misc.scss index 51ef68df..6fcc0d26 100644 --- a/src/assets/scss/modules/_misc.scss +++ b/src/assets/scss/modules/_misc.scss @@ -13,7 +13,7 @@ body { background-position: 50%; background-color: black; /* Prevent white flash on page load */ - font-family: 'Roboto'; + font-family: 'Open Sans'; color: white; overflow: hidden; @@ -22,15 +22,6 @@ body { user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } -/* Font */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - src: local('Roboto'), local('Roboto-Regular'), - url('../font/roboto-v18-latin-regular.woff2') format('woff2'); -} - /* Shadow */ :root { --shadow-color: #111111CC; @@ -39,5 +30,12 @@ body { .greeting, time, .quote { + position: absolute; filter: drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color)); +} + +/* Selection */ +::selection { + background: #FF4F4E; + color: #fff; } \ No newline at end of file diff --git a/src/assets/scss/modules/_quote.scss b/src/assets/scss/modules/_quote.scss index 17cdb9ec..955346c3 100644 --- a/src/assets/scss/modules/_quote.scss +++ b/src/assets/scss/modules/_quote.scss @@ -17,6 +17,8 @@ */ .quote { + padding-top: 15em; + --shadow-shift: 0.125rem; width: 37.5%; diff --git a/src/assets/scss/modules/_search.scss b/src/assets/scss/modules/_search.scss new file mode 100644 index 00000000..55178aa7 --- /dev/null +++ b/src/assets/scss/modules/_search.scss @@ -0,0 +1,58 @@ +/* +█████████████████████████████████████████████████████████████ +██ ██ +██ ███ ███ ██ ██ ███████ ██ +██ ████ ████ ██ ██ ██ ██ +██ ██ ████ ██ ██ ██ █████ ██ +██ ██ ██ ██ ██ ██ ██ ██ +██ ██ ██ ██████ ███████ ██ +██ ██ +██ ██ +██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██ +██ Licensed under MIT ██ +██ GitHub: https://github.com/ohlookitsderpy/Mue ██ +██ ██ +██ Special thanks to contributors! <3 ██ +█████████████████████████████████████████████████████████████ +*/ + +.search-bar { + position: absolute; + left: 20px; + top: 20px; + display: flex; + flex-direction: row; + button { + font-size: 1px; + border: none; + cursor: pointer; + background: none; + --shadow-shift: 0.4rem; + i.material-icons { + text-shadow: 0 0 25px rgba(0, 0, 0, 0.3); + } + display: inline; + } + input[type=text] { + padding: 10px; + font-size: 15px; + border: 5px; + opacity: 0.5; + color: #fff; + font-weight: bold; + margin-left: 5px; + letter-spacing: 1px; + display: inline; + } +} + +.input.searchText { + flex-grow: 2; + border: none; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); +} + +.searchbarform { + display: flex; + flex-direction: row; +} \ No newline at end of file diff --git a/src/assets/scss/modules/_settings-modal.scss b/src/assets/scss/modules/_settings-modal.scss new file mode 100644 index 00000000..3c8604c5 --- /dev/null +++ b/src/assets/scss/modules/_settings-modal.scss @@ -0,0 +1,182 @@ +button.settings { + background: transparent; + border: none; + color: white; + padding: 20px 20px; + text-align: center; + text-decoration: none; + font-size: 20px; + cursor: pointer; + border-radius: 5px; + display: table-cell; +} + +.buttons { + position: absolute; + right: 10px; + top: 10px; +} + +i.material-icons { + font-size: 30px; + display: inline; + color: #ffffff; +} + +li.items { + list-style: none; + margin: 0; + padding-top: 30px; +} + +.modal { + display: none; +} + + +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; + + input { + opacity: 0; + width: 0; + height: 0; + } +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; + + :before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } +} + +input:checked+.slider { + background-color: #FF4F4E; +} + +input:focus+.slider { + box-shadow: 0 0 1px #FF4F4E; +} + +input:checked+.slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; + border-radius: 34px; + } + + .slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + border-radius: 50%; + } + +.title { + float: left; +} + +.blurslider { + margin-top: 7px; + -webkit-appearance: none; + width: 200px; + height: 15px; + border-radius: 5px; + background: #d3d3d3; + outline: none; + float: right; + + ::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 25px; + height: 25px; + border-radius: 50%; + background: #FF4F4E; + cursor: pointer; + } + + ::-moz-range-thumb { + width: 25px; + height: 25px; + border-radius: 50%; + background: #FF4F4E; + cursor: pointer; + } +} + +.dropdown { + position: relative; + display: block; + float: right; + padding: 10px; + border: none; + background: #ecf0f1; +} + +label.switch, +p.switch { + display: inline; +} + +label.switch { + float: right; +} + +li.items { + list-style: none; + margin: 0; + padding-top: 30px +} + +.modal { + display: none +} + +.modal-content { + max-height: 500px; +} + +img { + max-width: 100%; + margin-top: 20px; +} \ No newline at end of file diff --git a/src/assets/scss/modules/_time-greeting.scss b/src/assets/scss/modules/_time-greeting.scss index 0ba058bd..104f3a7d 100644 --- a/src/assets/scss/modules/_time-greeting.scss +++ b/src/assets/scss/modules/_time-greeting.scss @@ -19,13 +19,25 @@ /* Greeting */ .greeting { - --shadow-shift: 0.2rem; + text-shadow: 0 0 25px rgba(0,0,0,0.3); font-size: 3.25rem; + padding-bottom: 10em; + font-weight: bold; + letter-spacing: 2px; } /* Time */ time { - --shadow-shift: 0.4rem; + text-shadow: 0 0 25px rgba(0,0,0,0.3); font-size: 12rem; + font-weight: bold; +} + +#withSeconds, #withoutSeconds, #greetingText { + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome and Opera */ } \ No newline at end of file diff --git a/src/assets/scss/themes/dark.scss b/src/assets/scss/themes/dark.scss new file mode 100644 index 00000000..49d1a1f2 --- /dev/null +++ b/src/assets/scss/themes/dark.scss @@ -0,0 +1,124 @@ +a { + color: #ffffff; +} + +.modal { + display: none; + position: fixed; + z-index: 1; + padding-top: 100px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +img { + max-width: 100%; + margin-top: 20px; +} + +h1, +h2, +h3, +p { + color: #ffffff; +} + +.modal-content { + background-color: #2d3436; + margin: auto; + padding: 30px; + width: 450px; + max-height: 600px; + overflow-y: auto; +} + +.title, +.close, +.settingsTitle, +.close2 { + display: inline; +} + +.title { + color: #ffffff; + float: left; + font-size: 20px; + font-weight: bold; +} + +.settingsTitle { + color: #ffffff; + float: left; + font-size: 30px; + font-weight: bold; +} + +p.subtitle { + color: #ffffff; + float: left; + font-size: 10px; + font-weight: bold; + margin-top: 10px; +} + +.close { + color: #ffffff; + float: right; + font-size: 30px; + font-weight: bold; +} + +.title { + float: left; +} + +label.switch, +p.switch { + display: inline; +} + +label.switch { + float: right; +} + +.close:hover, +.close:focus { + color: #bdc3c7; + text-decoration: none; + cursor: pointer; +} + +.close2 { + color: #ffffff; + float: right; + font-size: 30px; + font-weight: bold; +} + +.close2:hover, +.close2:focus { + color: #bdc3c7; + text-decoration: none; + cursor: pointer; +} + +::-webkit-scrollbar { + width: 5px; +} + +::-webkit-scrollbar-track { + background: #2d3436; +} + +::-webkit-scrollbar-thumb { + background: #34495e; +} + +::-webkit-scrollbar-thumb:hover { + background: #2c3e50; +} \ No newline at end of file diff --git a/src/assets/scss/themes/light.scss b/src/assets/scss/themes/light.scss new file mode 100644 index 00000000..d3468f4d --- /dev/null +++ b/src/assets/scss/themes/light.scss @@ -0,0 +1,182 @@ +body { + font-family: 'Noto Sans HK', sans-serif; + background: #ffffff; + font-size: 20px; +} +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + padding-top: 100px; /* Location of the box */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + font-family: 'Noto Sans HK', sans-serif; +} +img { + max-width: 100%; + margin-top: 20px; +} + +h1, h2, h3, p { + color: #000000; +} + +.modal-content { + background-color: #ecf0f1; + margin: auto; + padding: 30px; + width: 450px; + max-height: 600px; + overflow-y: auto; +} + +.title, .close { + display: inline; +} +.settingsTitle, .close2 { + display: inline; +} + +.title { + color: #000000; + float: left; + font-size: 20px; + font-weight: bold; +} + +.settingsTitle { + color: #000000; + float: left; + font-size: 30px; + font-weight: bold; +} + +label.switch, p.switch { + display: inline; +} +label.switch { + float: right; +} + +p.subtitle { + color: #000000; + float: left; + font-size: 10px; + font-weight: bold; + margin-top: 10px; +} +.close { + color: #aaaaaa; + float: right; + font-size: 30px; + font-weight: bold; +} +.title { + float: left; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.close2 { + color: #aaaaaa; + float: right; + font-size: 30px; + font-weight: bold; +} +.title { + float: left; +} + +.close2:hover, +.close2:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} +::-webkit-scrollbar { + width: 5px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: #f1f1f1; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; +} +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; + } + + .switch input { + opacity: 0; + width: 0; + height: 0; + } + + .slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; + } + + .slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; + } + + input:checked + .slider { + background-color: #2196F3; + } + + input:focus + .slider { + box-shadow: 0 0 1px #2196F3; + } + + input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); + } + + /* Rounded sliders */ + .slider.round { + border-radius: 34px; + } + + .slider.round:before { + border-radius: 50%; + } diff --git a/src/index.html b/src/index.html index 8bef4b2d..b02aa947 100644 --- a/src/index.html +++ b/src/index.html @@ -22,47 +22,50 @@ - - New Tab + - - + + - - - +
- +
+
- + +
+ + - \ No newline at end of file diff --git a/src/manifest-chrome.json b/src/manifest-chrome.json index 4dd90039..7bd63ecf 100644 --- a/src/manifest-chrome.json +++ b/src/manifest-chrome.json @@ -1,5 +1,6 @@ { "manifest_version": 2, + "offline_enabled": true, "name": "Mue", "version": "0.1", "browser_action": {