bah

index.html

@@ -6,7 +6,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" type="image/x-icon" href="/assents/favicon.png?">
     <link rel="stylesheet" type="text/css" href="styles.css">
-    <script src="scripts.js"></script>
     <script src="https://kit.fontawesome.com/4e3425ed3e.js" crossorigin="anonymous"></script>
 </head>
 
@@ -133,29 +132,9 @@ <h2>Música trdicional da Festa Junina</h2>
             <a href="https://pt.wikipedia.org/wiki/Festa_junina_no_Brasil" target="_blank">Festa junina no Brasil – Wikipédia, a enciclopédia livre</a> <br>
             <a href="https://www.todamateria.com.br/festas-juninas/" target="_blank">Festa Junina: origem, características e a festa de São João - Toda Matéria</a> <br>
         </p>
-        <p>Feito por: Davi Sollar (vulgo HyperSonic3608)<br> <br>
-            <a class="icons" href="https://github.com/HyperSonic3608" target="_blank"><i class="fa-brands fa-github" style="color: #fff;"></i></a> &emsp;
-            <a class="icons" href="https://www.instagram.com/hypersonic3608/" target="_blank"><i class="fa-brands fa-instagram" style="color: #ffffff;"></i></a> &emsp;
-            <a class="icons" href="https://www.twitter.com/hypersonic3608/" target="_blank"><i class="fa-brands fa-x-twitter" style="color: #ffffff;"></i></a>
-        </p>
     </footer>
-
-    <script>
-        window.onscroll = function () {
-            stickynavbar()
-        };
-
-        let navbar = document.getElementById("navbar");
-        let sticky = navbar.offsetTop;
-
-        function stickynavbar() {
-            if (window.screenY || document.documentElement.scrollTop >= sticky) {
-                navbar.classList.add("sticky")
-            } else {
-                navbar.classList.remove("sticky");
-            }
-        }
-    </script>
 </body>
 
+<script src="scripts.js"></script>
+
 </html>

scripts.js

@@ -1,10 +1,25 @@
+window.onscroll = function () {
+  stickynavbar()
+};
+
+let navbar = document.getElementById("navbar");
+let sticky = navbar.offsetTop;
+
+function stickynavbar() {
+  if (window.screenY || document.documentElement.scrollTop >= sticky) {
+    navbar.classList.add("sticky")
+  } else {
+    navbar.classList.remove("sticky");
+  }
+}
+
 function openModal(event) {
   let modal = document.getElementById("myModal");
   let images = document.getElementsByClassName("images");
   let modalImg = document.getElementById("img01");
   for (let i = 0; i < images.length; i++) {
     let img = images[i];
-    img.onclick = function(evt) {
+    img.onclick = function (evt) {
       modal.style.display = "block";
       modalImg.src = this.src;
     }

styles.css

@@ -34,6 +34,7 @@ header div h1 {
 }
 
 #navbar {
+  z-index: 10;
   overflow: hidden;
   background-color: #333;
 }
@@ -85,7 +86,7 @@ header div h1 {
 
 section {
   padding: 20px;
-  text-align: justify;
+  text-align:left;
 }
 
 section h2 {
@@ -110,6 +111,10 @@ section img {
   margin-right: auto;
 }
 
+section img:hover{
+  opacity: 0.7;
+}
+
 #width25 {
   width: 25%;
 }
@@ -179,6 +184,10 @@ footer p {
   font-size: 16px;
 }
 
+footer p a {
+  text-decoration: none;
+}
+
 .icons {
   font-size: 30px;
 }