angele.taldu/Anniversaire_Bachir
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Angle 2026-02-18 17:07:01 +01:00
commit 1fa4178ed7
13 changed files with 92 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Minecraft 1.21.7 New Music Disc Lava Chicken.mp3 Normal file
View File

Binary file not shown.

BIN
Minecraftia-Regular.ttf Normal file
View File

Binary file not shown.

0
README Normal file
View File

0
README.ME Normal file
View File

0
README.md Normal file
View File

BIN
chicken.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

53
css.css Normal file
View File

@ -0,0 +1,53 @@
html, body {
height: 100%;
margin: 0;
}
body {
background: url("/home/devel/Documents/anniv_bachir/dirt.png") no-repeat center center fixed;
background-size: cover;
}
.falling {
position: fixed;
top: -50px;
width: 80px;
pointer-events: none;
animation: fall linear forwards;
}
@keyframes fall {
to {
transform: translateY(110vh);
}
}
.bottom-image {
position: fixed;
bottom: 0;
left: 0;
width: 100%; /* toute la largeur */
height: 115px; /* change la hauteur ici */
object-fit: cover; /* remplit sans déformation */
}
.center-text {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 80px;
font-family: "Minecraftia", monospace; /* ta police Minecraft */
color: white;
text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000;
}
@font-face {
font-family: "Minecraftia";
src: url("/home/devel/Documents/anniv_bachir/Minecraftia-Regular.ttf") format("truetype");
}

BIN
dirt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 564 KiB

16
html.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css.css">
</head>
<body>
<div id="falling-container"></div>
<div class="center-text">BON ANNIVERSAIRE</div>
<audio id="background-music" src="/home/devel/Documents/anniv_bachir/Minecraft 1.21.7 New Music Disc Lava Chicken.mp3" autoplay loop></audio>
<img src="/home/devel/Documents/anniv_bachir/lava.jpg" class="bottom-image">
<script src="script.js"></script>
</body>
</html>

BIN
lava.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 B

7
readme.txt Normal file
View File

@ -0,0 +1,7 @@
The font file in this archive was created by Andrew Tyler www.AndrewTyler.net and font@andrewtyler.net
Use at 12 or 24 px size with anti-alising off for best results.

BIN
sample.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

16
script.js Normal file
View File

@ -0,0 +1,16 @@
const container = document.getElementById("falling-container");
function createFalling() {
const img = document.createElement("img");
img.src = "/home/devel/Documents/anniv_bachir/chicken.png"; // image qui tombe
img.className = "falling";
img.style.left = Math.random() * 100 + "vw";
img.style.animationDuration = (3 + Math.random() * 5) + "s";
container.appendChild(img);
setTimeout(() => img.remove(), 8000);
}
setInterval(createFalling, 500);