mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-18 22:49:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

flappy Bird

Browse source
This commit is contained in:
Kai Ritthaler 2025-06-27 08:59:23 +02:00
parent 90a4a5fd59
commit a976098af0
13 changed files with 397 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

81
code/frontend/src/pages/404Page/notFound.css Normal file
View file

@ -0,0 +1,81 @@
.text {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
color: white;
font-size: 48px;
font-weight: bold;
z-index: 5;
}
.game-container {
width: 100vw;
height: calc(100vh - var(--header-height));
cursor: pointer;
overflow: hidden;
position: relative;
}
.bird {
position: relative;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
transform: translate(0, -10px);
color: black;
display: flex;
align-items: center;
justify-content: center;
}
.points {
position: fixed;
top: 70px;
left: 10px;
background-color: var(--Rotkehlchen-gray);
padding: 5px 10px;
border-radius: 10px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
user-select: none;
pointer-events: none;
z-index: 50;
}
.gameOver {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(13, 10, 56, 0.71);
color: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
text-align: center;
z-index: 1000;
}
.tree-trunk {
width: 60px;
position: absolute;
background: repeating-linear-gradient(
45deg,
#8b5a2b,
#8b5a2b 10px,
#a0522d 10px,
#a0522d 20px
);
box-shadow: inset 0 0 10px #5c4033;
}
.bottom {
border-start-start-radius: 20px;
border-start-end-radius: 20px;
}
.top {
border-end-start-radius: 20px;
border-end-end-radius: 20px;
}