From adac36d2d99ef2284702fa1c076474fee9dc21f9 Mon Sep 17 00:00:00 2001
From: sania mujtaba <136702463+sania28@users.noreply.github.com>
Date: Wed, 29 Oct 2025 00:30:22 +0530
Subject: [PATCH 1/2] Added Shining Stars Animation section to README.md #3

---
 README.md | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/README.md b/README.md
index f6f0107..34ad625 100644
--- a/README.md
+++ b/README.md
@@ -111,5 +111,51 @@ You’re free to use, remix, and improve — just give credit where it’s due 
 Built with passion by **[Courage Paul (CourageCodeJourney)](https://github.com/CourageCodeJourney)**
 
 > “Creativity begins when you turn logic into art.” 🌌
+## ✨ Shining Stars Animation
+
+This animation adds a beautiful shining stars effect to the background of the webpage, creating a galactic theme for the project.  
+
+### 🪐 Preview
+![Stars Animation Preview](https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif)
+
+### 💻 How It Works
+The effect uses CSS animations with multiple layers of moving star textures to simulate a galaxy-like motion.
+
+```html
+<!-- Shining Stars Animation -->
+<div class="stars"></div>
+<div class="twinkling"></div>
+
+<style>
+  .stars, .twinkling {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: block;
+    z-index: -1;
+  }
+
+  .stars {
+    background: url('https://www.script-tutorials.com/demos/360/images/stars.png') repeat;
+    animation: moveStars 200s linear infinite;
+  }
+
+  .twinkling {
+    background: url('https://www.script-tutorials.com/demos/360/images/twinkling.png') repeat;
+    animation: moveTwinkling 200s linear infinite;
+  }
+
+  @keyframes moveStars {
+    from {background-position: 0 0;}
+    to {background-position: -10000px 5000px;}
+  }
+
+  @keyframes moveTwinkling {
+    from {background-position: 0 0;}
+    to {background-position: 10000px 5000px;}
+  }
+</style>
 
 

From 5332d2233cb3a8148faa8ee37910d79dadfa84be Mon Sep 17 00:00:00 2001
From: sania mujtaba <136702463+sania28@users.noreply.github.com>
Date: Wed, 29 Oct 2025 00:55:03 +0530
Subject: [PATCH 2/2] Added Galaxy Music / Sound Toggle section to README.md #5

This feature adds a toggle for background galaxy music, allowing users to play or pause the sound. It includes a demo GIF and a code snippet for implementation.
---
 README.md | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/README.md b/README.md
index 34ad625..d81d277 100644
--- a/README.md
+++ b/README.md
@@ -158,4 +158,44 @@ The effect uses CSS animations with multiple layers of moving star textures to s
   }
 </style>
 
+---
+
+## 🎵 Galaxy Music / Sound Toggle
+
+This feature adds background galaxy music that users can toggle on or off using a floating button in the webpage.
+
+### 🎧 Preview
+![Galaxy Music Toggle Demo](https://github.com/sania28/hacktoberfest-code-galaxy/assets/your-github-username/demo-music-toggle.gif)
+
+*(Replace with your actual preview GIF or screenshot if available.)*
+
+### ⚙️ How It Works
+- A background music file (royalty-free) is embedded in the webpage using the HTML `<audio>` tag.  
+- A JavaScript toggle button lets users **play or pause** the sound.  
+- The button is styled to match the **galactic theme** of the project.  
+
+### 🧠 Code Snippet
+
+```html
+<audio id="bgMusic" loop>
+  <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
+</audio>
+<button id="musicToggle">🔊 Play Music</button>
+<script>
+  const music = document.getElementById("bgMusic");
+  const toggleBtn = document.getElementById("musicToggle");
+  let isPlaying = false;
+  toggleBtn.addEventListener("click", () => {
+    if (isPlaying) {
+      music.pause();
+      toggleBtn.textContent = "🔇 Play Music";
+    } else {
+      music.play();
+      toggleBtn.textContent = "🔊 Pause Music";
+    }
+    isPlaying = !isPlaying;
+  });
+</script>
+
+