mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-20 23:44:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

Rewrite

Browse Source
This commit is contained in:
David Ralph
2019-09-25 18:03:02 +01:00
parent 5cd96e6d10
commit 8b809d6f7f
113 changed files with 783 additions and 2597 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/animate.css vendored
View File

@@ -1,9 +0,0 @@
/*!
* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
* Modified by ohlookitsderpy
*/
@-webkit-keyframes animate{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes animate{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.animate{-webkit-animation-name:amimated;animation-name:animate;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

1
src/assets/css/base.css
View File

File diff suppressed because one or more lines are too long

1
src/assets/css/base.css.map
View File

@@ -1 +0,0 @@
{"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"}

115
src/assets/css/dark.css
View File

@@ -1,115 +0,0 @@
a {
color: #ffffff;
}
.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 */
}
h1, h2, h3, p {
color: #ffffff;
}
.modal-content {
background-color: #2d3436;
margin: auto;
padding: 30px;
width: 450px;
max-height: 800px;
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;
}
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;
}
/* Track */
::-webkit-scrollbar-track {
background: #2d3436;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #34495e;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #2c3e50;
}
.drop-btn {
color: #fff;
}
.dropdown {
background: #2d3436;
color: #fff;
}

108
src/assets/css/light.css
View File

@@ -1,108 +0,0 @@
.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 */
}
h1, h2, h3, p {
color: #000000;
}
.modal-content {
background-color: #ecf0f1;
margin: auto;
padding: 30px;
width: 450px;
max-height: 800px;
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;
}
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;
}
.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;
}
.drop-btn {
color: #555;
}

1
src/assets/css/themes/dark.css
View File

@@ -1 +0,0 @@
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 */

1
src/assets/css/themes/dark.css.map
View File

@@ -1 +0,0 @@
{"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"}

1
src/assets/css/themes/light.css
View File

@@ -1 +0,0 @@
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 */

1
src/assets/css/themes/light.css.map
View File

@@ -1 +0,0 @@
{"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"}

438
src/assets/css/yee.css
View File

@@ -1,438 +0,0 @@
.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 */

BIN
src/assets/font/MaterialIcons-Regular.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-bold-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-bolditalic-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-extrabold-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-extrabolditalic-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-lightitalic-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-regular-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-semibold-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/opensans-semibolditalic-webfont.woff2
View File

Binary file not shown.

BIN
src/assets/font/roboto-v18-latin-regular.woff2
View File

Binary file not shown.

BIN
src/assets/img/1.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 128 KiB

BIN
src/assets/img/10.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 280 KiB

BIN
src/assets/img/11.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 200 KiB

BIN
src/assets/img/12.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 146 KiB

BIN
src/assets/img/13.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 230 KiB

BIN
src/assets/img/14.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 161 KiB

BIN
src/assets/img/15.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 135 KiB

BIN
src/assets/img/16.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 174 KiB

BIN
src/assets/img/17.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 55 KiB

BIN
src/assets/img/18.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 401 KiB

BIN
src/assets/img/19.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 737 KiB

BIN
src/assets/img/2.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 94 KiB

BIN
src/assets/img/20.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 92 KiB

BIN
src/assets/img/21.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 36 KiB

BIN
src/assets/img/22.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 390 KiB

BIN
src/assets/img/23.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 225 KiB

BIN
src/assets/img/24.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 251 KiB

BIN
src/assets/img/25.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 300 KiB

BIN
src/assets/img/3.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 148 KiB

BIN
src/assets/img/4.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 290 KiB

BIN
src/assets/img/5.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 324 KiB

BIN
src/assets/img/6.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 264 KiB

BIN
src/assets/img/7.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 495 KiB

BIN
src/assets/img/8.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 322 KiB

BIN
src/assets/img/9.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 472 KiB

BIN
src/assets/img/favicons/favicon-16x16.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/img/favicons/favicon-32x32.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/assets/img/favicons/favicon-96x96.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
src/assets/img/favicons/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
src/assets/img/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
src/assets/img/muesettings.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 746 KiB

BIN
src/assets/img/updatenewlogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 33 KiB

1
src/assets/js/base.js
View File

File diff suppressed because one or more lines are too long

9
src/assets/js/bg-opera.js
View File

@@ -1,9 +0,0 @@
// Original code sourced from https://forums.opera.com/topic/25046/how-to-disable-completely-the-speed-dial/14
chrome.tabs.onCreated.addListener((tab) => {
if (tab.status === 'complete' && tab.url === 'chrome://startpage/') chrome.tabs.update(tab.id, { url: chrome.extension.getURL('index.html') });
});
chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (changeInfo.status === 'complete' && tab.url === 'chrome://startpage/') chrome.tabs.update(tabId, { url: chrome.extension.getURL('index.html') });
});

88
src/assets/js/index.js
View File

@@ -1,88 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
const func = require('./modules/func.js');
const settings = require('./modules/settings.js');
const init = () => {
// init() gets executed only when the page is fully loaded
func.setDaytimeMsg();
func.setRandBg();
func.setRandQuote();
func.setTime();
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
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');
copybtn.onclick = () => {
const quote = document.getElementById('quote');
quote.select();
document.execCommand('copy');
};*/
function copyQuote() {
const quote = document.createRange();
quote.selectNode(document.getElementById('quoteText'));
window.getSelection().removeAllRanges();
window.getSelection().addRange(quote);
document.execCommand("copy");
window.getSelection().removeAllRanges();
}
// 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;
};

45
src/assets/js/modules/bg.js
View File

@@ -1,45 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
module.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'
];

31
src/assets/js/modules/code.js
View File

@@ -1,31 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
module.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']
};

92
src/assets/js/modules/func.js
View File

@@ -1,92 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
const bg = require('./bg.js');
const msg = require('./msg.js');
const util = require('./util.js');
const codes = require('./code.js');
const quotes = require('./quote.js');
const nal = navigator.language;
module.exports = class Func {
static setDaytimeMsg() {
if (util.contains.call(codes.itcodes, nal)) msg.itMsgSet(); // Italian
if (util.contains.call(codes.nlcodes, nal)) msg.nlMsgSet(); // Dutch
if (util.contains.call(codes.frcodes, nal)) msg.frMsgSet(); // French
//else if (util.contains.call(codes.ptcodes, nal)) msg.ptMsgSet(); // Portuguese
if (util.contains.call(codes.spcodes, nal)) msg.spMsgSet(); // Spanish
if (util.contains.call(codes.ficodes, nal)) msg.fiMsgSet(); // Finnish
if (util.contains.call(codes.decodes, nal)) msg.spMsgSet(); // German
if (util.contains.call(codes.hecodes, nal)) msg.heMsgSet(); // Hebrew
if (util.contains.call(codes.rucodes, nal)) msg.ruMsgSet(); // Russian
if (util.contains.call(codes.arcodes, nal)) msg.arMsgSet(); // Arabic
if (util.contains.call(codes.svcodes, nal)) msg.svMsgSet(); // Swedish
else msg.engMsgSet(); // English
}
static setRandBg() {
document.body.classList.add(util.pickFromArray(bg));
/*util.getJSON(`https://api.muetab.xyz/getImage?category=Outdoors`,
(err, data) => {
document.body.style.background = `#f3f3f3 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);
/*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() {
const date = new Date(),
time = [
util.formatTimeUnit(date.getHours()),
util.formatTimeUnit(date.getMinutes()),
util.formatTimeUnit(date.getSeconds())
];
// Joins all of the array elements into a string using the ':' separator
// Example: [16, 32, 03] -> "16:32:03"
document.getElementById('withSeconds').innerHTML = time.join(':');
}
};

107
src/assets/js/modules/msg.js
View File

@@ -1,107 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
const hour = new Date().getHours(); // Get the current hour
module.exports = class Msg {
// English
static engMsgSet() {
let time = 'Good evening'; // Set the default time string to "Good evening"
if (hour < 12) time = 'Good morning'; //If it's before 12am, set the time string to "Good morning"
else if (hour < 18) time = 'Good afternoon'; //If it's before 6pm, set the time string to "Good afternoon"
document.querySelector('.greeting').innerHTML = time; // Write the string contents to the HTML
}
// Italian
static itMsgSet() {
let time = 'Buongiorno'; // Set the default time string
if (hour > 18) time = 'Buonasera'; // In Italian there is just Buongiorno or Buonasera, if it's before 6pm then set the time string to Buonasera
document.querySelector('.greeting').innerHTML = time; // Write the string contents to the HTML
}
// Dutch
static nlMsgSet() { // Everything below is the same as English, check the comments there for information
let time = 'Goedemiddag';
if (hour < 12) time = 'Goedemorgen';
else if (hour > 18) time = 'Goedenavond';
document.querySelector('.greeting').innerHTML = time;
}
// French
static frMsgSet() {
let time = 'Bonsoir';
if (hour < 12) time = 'Bonjour';
else if (hour > 18) time = 'Bonne après-midi';
document.querySelector('.greeting').innerHTML = time;
}
// Spanish
static spMsgSet() {
let time = 'Buenas Tardes'; // Set the default time string to "Good evening"
if (hour < 12) time = 'Buenos Días'; // If it's before 12am, set the time string to "Good morning"
else if (hour > 18) time = 'Buenas Noches'; // If it's before 6pm, set the time string to "Good afternoon"
document.querySelector('.greeting').innerHTML = time; // Write the string contents to the HTML
}
// Finnish
static fiMsgSet() {
let time = 'Hyvää iltaa'; // Set the default time string to "Good evening"
if (hour < 12) time = 'Hyvää huomenta'; // If it's before 12am, set the time string to "Good morning"
else if (hour > 18) time = 'Hyvää iltapäivää'; // If it's before 6pm, set the time string to "Good afternoon"
document.querySelector('.greeting').innerHTML = time; // Write the string contents to the HTML
}
// German
static deMsgSet() {
let time = 'Guten Abend';
if (hour < 12) time = 'Guten Morgen';
else if (hour > 18) time = 'Guten Nachmittag';
document.querySelector('.greeting').innerHTML = time;
}
// Hebrew
static heMsgSet() {
let time = 'ערב טוב';
if (hour < 12) time = 'בוקר טוב';
else if (hour > 18) time = 'אחר הצהריים טובים';
document.querySelector('.greeting').innerHTML = time;
}
// Russian
static ruMsgSet() {
let time = 'Добрый Вечер';
if (hour < 12) time = 'добрый утро';
else if (hour > 18) time = 'добрый день';
document.querySelector('.greeting').innerHTML = time;
}
// Arabic
static arMsgSet() {
let time = 'مساء الخير';
if (hour < 12) time = 'صباح الخير';
else if (hour > 18) time = 'مساء الخير';
document.querySelector('.greeting').innerHTML = time;
}
// Swedish
static svMsgSet() {
let time = 'God kväll';
if (hour < 12) time = 'God morgon';
document.querySelector('.greeting').innerHTML = time;
}
};

115
src/assets/js/modules/quote.js
View File

@@ -1,115 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
module.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'
]
};

123
src/assets/js/modules/settings.js
View File

@@ -1,123 +0,0 @@
// 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;

67
src/assets/js/modules/util.js
View File

@@ -1,67 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
module.exports = class Util {
// Format time
static formatTimeUnit(unit) {
return unit < 10 ? '0' + unit : unit;
}
// Get random item
static getRandIndex(array) {
return Math.floor(Math.random() * (array.length - 1));
}
// Pick random from array
static pickFromArray(array) {
return array[Math.floor(Math.random() * (array.length - 1))];
}
static contains(needle) {
const findNaN = needle !== needle;
let indexOf;
if (!findNaN && typeof Array.prototype.indexOf === 'function') indexOf = Array.prototype.indexOf;
else {
indexOf = (needle) => {
let i = -1,
index = -1;
for (i = 0; i < this.length; i++) {
const item = this[i];
if ((findNaN && item !== item) || item === needle) {
index = i;
break;
}
}
return index;
};
}
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();
};
};

54
src/assets/js/stuff.js
View File

@@ -1,54 +0,0 @@
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);
};
changeCSS(`./assets/css/${localStorage.getItem('theme')}.css`);
const changeTheme = () => {
let themeBox = document.getElementById('check');
if (themeBox.checked === true) {
changeCSS('./assets/css/light.css');
localStorage.setItem('theme', 'light');
} else {
changeCSS('./assets/css/dark.css');
localStorage.setItem('theme', 'dark');
}
}
const hideQuotes = () => {
let quoteBox = document.getElementById('quoteCheck');
let quoteText = document.getElementById('quoteText');
if (quoteBox.checked === true) quoteText.style.display = 'none';
else quoteText.style.display = 'block';
}
const hideGreeting = () => {
let greetingBox = document.getElementById('greetingCheck');
let greetingText = document.getElementById('greetingText');
if (greetingBox.checked === true) greetingText.style.display = 'none';
else greetingText.style.display = 'block';
}
const hideSeconds = () => {
let secondsBox = document.getElementById('secondsCheck');
let withSecondsText = document.getElementById('withSeconds');
let withoutSecondsText = document.getElementById('withoutSeconds');
if (secondsBox.checked === true) {
withoutSecondsText.style.display = 'block';
withSeconds.style.display = 'none';
} else {
withSeconds.style.display = 'block';
withoutSecondsText.style.display = 'none';
}
}

26
src/assets/scss/base.scss
View File

@@ -1,26 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
@import 'modules/bg';
@import 'modules/font';
@import 'modules/misc';
@import 'modules/quote';
@import 'modules/search';
@import 'modules/buttons';
@import 'modules/settings-modal';
@import 'modules/time-greeting';

43
src/assets/scss/modules/_bg.scss
View File

@@ -1,43 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
.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'); }

42
src/assets/scss/modules/_buttons.scss
View File

@@ -1,42 +0,0 @@
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
}

55
src/assets/scss/modules/_font.scss
View File

@@ -1,55 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ 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
}

41
src/assets/scss/modules/_misc.scss
View File

@@ -1,41 +0,0 @@
/* Body */
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: black; /* Prevent white flash on page load */
font-family: 'Open Sans';
color: white;
overflow: hidden;
-moz-user-select: none; /* Firefox */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
/* Shadow */
:root {
--shadow-color: #111111CC;
}
.greeting,
time,
.quote {
position: absolute;
filter: drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color));
}
/* Selection */
::selection {
background: #FF4F4E;
color: #fff;
}

48
src/assets/scss/modules/_quote.scss
View File

@@ -1,48 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
.quote {
padding-top: 15em;
--shadow-shift: 0.125rem;
width: 37.5%;
max-width: 37.5rem; /* 600px on desktop */
font-size: 1.5rem;
text-align: center;
blockquote {
margin: 0 0 0.25rem 0;
line-height: 1.125;
::before {
content: '“';
margin-right: 0.25ch;
}
::after {
content: '”';
margin-left: 0.25ch;
}
}
cite {
font-size: 83.33%;
}
}

58
src/assets/scss/modules/_search.scss
View File

@@ -1,58 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ 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;
}

182
src/assets/scss/modules/_settings-modal.scss
View File

@@ -1,182 +0,0 @@
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;
}

30
src/assets/scss/modules/_settings.scss
View File

@@ -1,30 +0,0 @@
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;
}

43
src/assets/scss/modules/_time-greeting.scss
View File

@@ -1,43 +0,0 @@
/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
/* Greeting */
.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 */
time {
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 */
}

124
src/assets/scss/themes/dark.scss
View File

@@ -1,124 +0,0 @@
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;
}

182
src/assets/scss/themes/light.scss
View File

@@ -1,182 +0,0 @@
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%;
}