first commit

2026-02-18 17:07:01 +01:00 · 2026-02-18 17:07:01 +01:00 · 1fa4178ed7
commit 1fa4178ed7
13 changed files with 92 additions and 0 deletions
--- a/Chicken.mp3
+++ b/Chicken.mp3
--- a/Minecraftia-Regular.ttf
+++ b/Minecraftia-Regular.ttf
--- a/0
+++ b/0
--- a/README.ME
+++ b/README.ME
--- a/README.md
+++ b/README.md
--- a/chicken.png
+++ b/chicken.png
--- a/css.css
+++ b/css.css
@ -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");
+  }
+  
+  
--- a/dirt.png
+++ b/dirt.png
--- a/html.html
+++ b/html.html
@ -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>
--- a/lava.jpg
+++ b/lava.jpg
--- a/readme.txt
+++ b/readme.txt
@ -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.
+
+
+
+
--- a/sample.png
+++ b/sample.png
--- a/script.js
+++ b/script.js
@ -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);