Version - 47

This commit is contained in:
2024-04-18 21:00:29 +02:00
parent e204fd9016
commit 2564dd549e
20 changed files with 1840 additions and 1977 deletions

3
css/basic.css Normal file
View File

@@ -0,0 +1,3 @@
body{
background: #333;
}

View File

@@ -77,4 +77,32 @@ body{
}
.changelog:hover svg{
color: #a33;
}
/* Ligt NODE */
@media (prefers-color-scheme: light){
body{
background: #fff;
}
#jonathan{
background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%);
}
#disclick{
color: #000;
text-shadow: none;
}
}
/* DARJ MODE */
@media (prefers-color-scheme: dark){
body{
background: #333;
}
#jonathan{
background: radial-gradient(125% 100% at 50% 0%,#5add5a 20%,#333 70%);
}
#disclick{
color: #f5f5f5;
text-shadow: 2px 2px 4px #000;
}
}

View File

@@ -66,7 +66,7 @@ main section button{
position: relative;
width: 150px;
height: 50px;
background: cornflowerblue;
background: var(--cls);
display: flex;
flex-direction: row;
justify-content: space-around;
@@ -83,6 +83,7 @@ main section button{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.site img{
height: 25px;
@@ -95,4 +96,52 @@ main section button{
::-webkit-scrollbar-thumb{
background: linear-gradient(transparent, #00ec00);
border-radius: 0 0 0.5rem 0.5rem;
}
/* Ligt NODE */
@media (prefers-color-scheme: light){
body{
background: #ddd;
}
.item{
background: #ffefd5;
color: #000;
}
.change{
background: #8fbc8f;
color: #fff;
text-shadow: none;
}
h3{
color: #000;
text-shadow: none;
}
#sites{
color: #000;
text-shadow: none;
}
}
/* DARJ MODE */
@media (prefers-color-scheme: dark){
body{
background: #333;
}
.item{
background: #666055;
color: #fff;
}
.change{
background: #008b8b;
color: #fff;
text-shadow: 2px 2px 4px #000;
}
h3{
color: #eee;
text-shadow: 2px 2px 4px #000;
}
#sites{
color: #fff;
text-shadow: 2px 2px 4px #000;
}
}

View File

@@ -75,59 +75,61 @@ body {
border: none;
top: 5px;
margin: 2rem/* 1.5vw 2rem 1.5vw*/;
padding: 1rem;
padding: .5rem 1rem 0 .5rem;
border-radius: 6.9px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 400px;
min-height: 340px;
width: 300px;
min-height: 275px;
filter: drop-shadow(0px 20px 14px #444);
text-align: center;
}
.item img{
width: 100px;
.item .title{
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.item .title img{
width: 50px;
aspect-ratio: 1/1;
margin: 0.5rem;
margin-right: 1.25rem;
object-fit: contain;
filter: drop-shadow(10px 8px 6px #333);
pointer-events: none
}
.buttons{
display: flex;
justify-content: space-around;
}
/* By MrEidam */
.buttons button{
background-color: var(--Bcolor);
border-radius: 8px;
margin: 1rem;
}
.buyone{
width: 200px;
width: 190px;
height: 50px;
cursor: pointer;
border-radius: 8px 0 0 8px;
}
.buymax{
width: 50px;
width: 45px;
height: 50px;
cursor: pointer;
border-radius: 0 8px 8px 0;
border-left: #00000033 solid;
}
/* By MrEidam */
.clickbtn{
display: flex;
justify-content: space-around;
}
.clickbtn button{
background-color: var(--Bcolor);
border-radius: 8px;
margin: 0 1rem 0.5rem 1rem;
}
.row{
@@ -138,6 +140,7 @@ body {
button{
border: none;
filter: drop-shadow(8px 6px 4px #555);
cursor: pointer;
}
.upwards{
@@ -173,4 +176,39 @@ button{
::-webkit-scrollbar-thumb{
background: linear-gradient(transparent, #00ec00);
border-radius: 0 0 0.5rem 0.5rem;
}
@media (prefers-color-scheme: dark){
body{
background: #333;
color: #fff;
}
.item{
background: #666055;
}
#logclick{
background: #666055;
border: 5px dashed #006;
filter: drop-shadow(10px 8px 6px #222);
}
#disclick{
text-shadow: 2px 2px 4px #000;
}
}
@media (prefers-color-scheme: light){
body{
background: #ddd;
color: #000;
}
.item{
background: #ffefd5;
}
#logclick{
background: #ffefd5;
border: 5px dashed #00f;
filter: drop-shadow(10px 8px 6px #222);
}
#disclick{
text-shadow: none;
}
}

View File

@@ -26,9 +26,6 @@ header{
color: #fff;
border-radius: 0 0 2rem 2rem;
box-shadow: 0 0 50px 10px #fff;
}
h1{
}
h3{
position: absolute;
@@ -36,6 +33,8 @@ h3{
}
img{
width: 300px;
cursor: pointer;
border-radius: 50%;
}
#jonathan{
z-index: -36;
@@ -136,4 +135,23 @@ footer{
transform: rotate(calc(360deg/-4*var(--i)));
box-shadow: 0 3px 4px rgba(0,0,0,0.15)
}
.socmenu li a img{width:1em;}
.socmenu li a img{width:1em;}
@media (prefers-color-scheme: dark){
body{
background: #333;
color: #fff;
}
h3{
color: #fff;
}
}
@media (prefers-color-scheme: light){
body{
background: #ddd;
color: #000;
}
h3{
color: #000;
}
}

View File

@@ -190,4 +190,35 @@ h2{
::-webkit-scrollbar-thumb{
background: linear-gradient(transparent, #00ec00);
border-radius: 0 0 0.5rem 0.5rem;
}
/* Ligt NODE */
@media (prefers-color-scheme: light){
body{
background: #ddd;
color: #000;
}
#loglm{
background: #ffefd5;
filter: drop-shadow(10px 8px 6px #222);
}
.item{
background: #ffefd5;
}
}
/* DARJ MODE */
@media (prefers-color-scheme: dark){
body{
background: #333;
color: #fff;
}
.item{
background: #666055;
}
#loglm{
background: #666055;
filter: drop-shadow(10px 8px 6px #222);
}
}