adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: adrien:04f6eaf5dc5dea11c54264b0b03618ac85f696c1
Branches Tags
adrien:master
..
compare: adrien:df62a40c2a7f973292f6a4581387ddbc9db6fc9e
Branches Tags
adrien:master

No commits in common. "04f6eaf5dc5dea11c54264b0b03618ac85f696c1" and "df62a40c2a7f973292f6a4581387ddbc9db6fc9e" have entirely different histories.
04f6eaf5dc ... df62a40c2a

3 changed files with 8 additions and 32 deletions
Show Stats Expand all files Collapse all files

14
css/common.css
View File

@ -12,17 +12,17 @@ body {
}
.modal-content {
background-color: #2125294d;
background-color: rgba(33, 37, 41, 30%);
backdrop-filter: blur(15px);
}
}
.card {
background-color: #25292d;
background-color: rgb(37, 41, 45);
}
#matrixCard {
background: radial-gradient(#222, #25292d)
background: radial-gradient(#222, rgb(37, 41, 45))
}
.card-header {
@ -79,7 +79,7 @@ td {
@keyframes trail-animation {
from {
background-color: #ceffff40;
background-color: rgb(206, 255, 255, 25%);
filter: saturate(50%) brightness(300%);
}
to {
@ -93,7 +93,7 @@ td.trail-animation {
@keyframes cleared-line-animation {
from {
background-color: #ceffff66;
background-color: rgb(206, 255, 255, 40%);
filter: saturate(50%) brightness(300%);
box-shadow: -200px 0 5px white, 200px 0 5px white;
}
@ -124,8 +124,8 @@ tr.cleared-line-animation {
top: 5%;
left: 50%;
transform: translate(-50%, 0);
color: #fffc;
text-shadow: 1px 1px #000c;
color: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
font-size: 3vmin;
text-align: center;
}

24
css/pop.css
View File

@ -92,28 +92,4 @@ tr.matrix td:not(.mino) {
.locked.mino {
animation: locked-animation;
animation-duration: 0.2s;
}
tr.cleared-line-animation {
animation: none;
}
tr.cleared-line-animation::after {
content: "";
width: 100%;
height: var(--cell-side);
position: fixed;
left: 50%;
transform: translateX(-50%);
display: block;
background: repeating-linear-gradient(transparent, #fffb 1px);
opacity: 0;
animation: cleared-line-animation ease-out .3s;
}
@keyframes cleared-line-animation {
25% {
width: 200%;
opacity: 100%;
}
}

2
js/app.js
View File

@ -206,7 +206,7 @@ function onkeyup(event) {
scheduler.clearTimeout(repeat)
scheduler.clearInterval(autorepeat)
if (actionsQueue.length) {
if (actionsQueue[0] == playerActions.softDrop) scheduler.setInterval(autorepeat, settings.fallPeriod/20)
if (action == playerActions.softDrop) scheduler.setInterval(autorepeat, settings.fallPeriod/20)
else scheduler.setTimeout(repeat, settings.das)
} else {
matrix.drawPiece()