music page

5h0ov · Oct 28, 2023 · f7cbe99 · f7cbe99
1 parent 3c60d74
commit f7cbe99
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 4 deletions.
diff --git a/assets/css/commonStyles.css b/assets/css/commonStyles.css
@@ -55,7 +55,7 @@ ul {
 }
 
 header {
-    min-height: 60vh;
+    min-height: 40vh;
 }
 
 #title{
@@ -82,6 +82,14 @@ main p {
     color: #fff;
 }
 
+.subtitle{
+    text-align: center;
+    padding: 20px;
+    font-size: 2em;
+    font-weight: 600;
+    color: rgb(255, 255, 255);
+}
+
 .container,
 .container-inner {
     margin: 0 auto;
@@ -308,4 +316,24 @@ nav .fa-bars:hover {
     background-color: #013807;
     box-shadow: 0 0 10px #333a40;
     transform: translateY(-5px);
-  }
+  }
+
+  footer{
+    padding: 20px 30px 20px 30px;
+    font-size: 1.6em;
+    font-weight: 600;
+    color: white;
+    text-shadow: 1px 1px 10px rgb(31, 155, 0);
+    text-align: center;
+    animation: glow 1s ease-in-out infinite alternate;
+}
+
+footer a{
+    color: white;
+    text-shadow: 1px 1px 10px rgb(31, 155, 0);
+}
+
+footer a:hover{
+ color: rgb(31, 155, 0);
+ text-shadow: 1px 1px 1px black;
+}
diff --git a/assets/css/music.css b/assets/css/music.css
@@ -0,0 +1,24 @@
+#img-div{
+    margin-top: 50px;
+    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
+    backdrop-filter: blur(2rem);
+    z-index: 2;
+    box-shadow: 5px 5px 50px black;
+    border-radius: 20px;
+    max-width: 90%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+#main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    border-radius: 10px;
+    padding: 10px;
+}
+#image{
+    width: 1000px;
+    height: 600px;
+}
diff --git a/assets/html/gallery.html b/assets/html/gallery.html
@@ -150,7 +150,12 @@ <h1 id="title">Welcome To The Gallery!</h1>
           </div>
 
           <div class="clearfix"></div>
-
+          <footer>
+            <br>Feel free to read more about this franchise on its <a target="_blank" href="https://halo.fandom.com/wiki/John-117">Fandom
+                page</a>.
+            <br><br>
+            Copyright @ Shuvadipta Das
+        </footer>
     </main>
     <a href="#" onclick="topFunction()" id="myBtn" class="myBtn hidden">&#x1F815;</a>
 

diff --git a/assets/html/music.html b/assets/html/music.html
@@ -71,6 +71,19 @@
 
     <main id="main">
         <h1 id="title">Welcome To The Music Section!</h1>
+        <p class="subtitle">Below you can find the iconic Musics that the Halo Franchise is known for!</p>
+        <figure id="img-div">
+            <iframe id="image" width="560" height="315" src="https://www.youtube.com/embed/_ePsVNoWXOc?si=1modbkAnc3Jls4LC" 
+            title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
+        </iframe>
+        </figure>
+
+        <footer>
+            <br>Feel free to read more about this franchise on its <a target="_blank" href="https://halo.fandom.com/wiki/John-117">Fandom
+                page</a>.
+            <br><br>
+            Copyright @ Shuvadipta Das
+        </footer>
     </main>
 
     <a href="#" onclick="topFunction()" id="myBtn" class="myBtn hidden">&#x1F815;</a>

diff --git a/assets/html/quotes.html b/assets/html/quotes.html
@@ -69,6 +69,15 @@
         </nav>
     </header>
 
+    <main id="main">
+
+        <footer>
+            <br>Feel free to read more about this franchise on its <a target="_blank" href="https://halo.fandom.com/wiki/John-117">Fandom
+                page</a>.
+            <br><br>
+            Copyright @ Shuvadipta Das
+        </footer>
+    </main>
 
     <a href="#" onclick="topFunction()" id="myBtn" class="myBtn hidden">&#x1F815;</a>
     <script src="../js/commonScript.js"></script>

diff --git a/assets/html/story.html b/assets/html/story.html
@@ -69,7 +69,16 @@
         </nav>
     </header>
 
-
+    <main id="main">
+
+        <footer>
+            <br>Feel free to read more about this franchise on its <a target="_blank" href="https://halo.fandom.com/wiki/John-117">Fandom
+                page</a>.
+            <br><br>
+            Copyright @ Shuvadipta Das
+        </footer>
+    </main>
+
     <a href="#" onclick="topFunction()" id="myBtn" class="myBtn hidden">&#x1F815;</a>
     <script src="../js/commonScript.js"></script>
 </body>

diff --git a/assets/html/universe.html b/assets/html/universe.html
@@ -69,6 +69,15 @@
         </nav>
     </header>
 
+    <main id="main">
+
+        <footer>
+            <br>Feel free to read more about this franchise on its <a target="_blank" href="https://halo.fandom.com/wiki/John-117">Fandom
+                page</a>.
+            <br><br>
+            Copyright @ Shuvadipta Das
+        </footer>
+    </main>
 
     <a href="#" onclick="topFunction()" id="myBtn" class="myBtn hidden">&#x1F815;</a>
     <script src="../js/commonScript.js"></script>