amanda/why5
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix bugs, add number buttons, add easter egg

Browse source
This commit is contained in:
Amanda Graven 2025-12-11 20:34:58 +01:00
parent 972d18afbe
commit 80865ace7d
6 changed files with 2184 additions and 1261 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/daniel.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 78 KiB

54
assets/main.css
View file

@ -5,51 +5,63 @@ html, body, #main {
height: 100%;
}
body {
background-color: #efeffc;
color: #000000;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #efeffc;
color: #000000;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
main {
margin: auto;
max-width: 40rem;
justify-content: space-between;
display: flex;
flex-direction: column;
height: 100%;
margin: auto;
max-width: 40rem;
justify-content: space-between;
display: flex;
flex-direction: column;
height: 100%;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 3rem 0;
}
tr {
border: 1px solid gray;
border: 1px solid gray;
}
td {
border: 1px solid gray;
text-align: center;
border: 1px solid gray;
text-align: center;
padding: 2px;
}
#controls {
.controls {
margin: 3rem 0;
display: flex;
flex-direction: column;
justify-items: stretch;
gap: 1rem;
}
.controls button {
flex: 1 1 auto;
font-size: larger;
font-weight: bold;
}
#controls > * {
flex: 1 1 auto;
.controls .number-buttons {
display: flex;
justify-content: stretch;
gap: 1rem;
}
.number {
width: 1rem;
animation: 1s ease-in-out 1s backwards number-scale;
width: 1rem;
animation: 1s ease-in-out 1s backwards number-scale;
}
@keyframes number-scale {
from { font-size: xx-large; }
to { font-size: initial; }
from { font-size: xx-large; }
to { font-size: initial; }
}

14
assets/snow.css
View file

@ -6,6 +6,10 @@
text-shadow: 0 0 5px #000;
}
.snowflake img {
width: 64px;
}
.snowflake,
.snowflake .inner {
animation-iteration-count: infinite;
@ -81,6 +85,7 @@
animation-delay: 6s
}
.snowflake:nth-of-type(12) .inner,
.snowflake:nth-of-type(3) {
left: 30%;
animation-delay: 2s
@ -147,3 +152,12 @@
left: 65%;
animation-delay: 2.5s
}
.snowflake:nth-of-type(12) {
left: 5%;
animation-delay: 3.5s;
}
.snowflake:nth-of-type(13) {
left: -5%;
}