fixing hyperlinks + adding clickable images

mina-district/index.html

@@ -24,24 +24,31 @@
 	<p style="font-size:110%">Posted on: <strong>6 December 2023</strong></p>
   <div class="gallery">
     <div class="image-container">
+		<a href="img/md-01.webp">
 		      <img class="image" src="img/md-01.webp" alt="A shot of a vintage street light with 'Flag Plaza' in the background, a collection of almost all major flags.">
     </div>
     <div class="image-container">
+		<a href="img/md-02.webp">
 					<img class="image" src="img/md-02.webp" alt="A shot of an off-centered tree with 'Flag Plaza' in the background, a collection of almost all major flags.">
     </div>
     <div class="image-container">
+		<a href="img/md-03.webp">
 					<img class="image" src="img/md-03.webp" alt="A close-up shot of Mina District with KAAFE CHOCOLATIES in on the right.">
     </div>
     <div class="image-container">
+		<a href="img/md-04.webp">
 					<img class="image" src="img/md-04.webp" alt="A wide shot showing the Doha Corniche from Mina District.">
     </div>
     <div class="image-container">
+		<a href="img/md-05.webp">
 					<img class="image" src="img/md-05.webp" alt="A shot from the ground showing the alleys in Mina District.">
     </div>
     <div class="image-container">
+		<a href="img/md-06.webp">
 					<img class="image" src="img/md-06.webp" alt="A shot from the fish market showing the open area of Mina District.">
     </div>
     <div class="image-container">
+		<a href="img/md-07.webp">
 					<img class="image" src="img/md-07.webp" alt="Graffiti in Mina District.">
     </div>
   </div>

nm-metro/index.html

@@ -18,24 +18,34 @@
 	  </pre>
 	  </a>
 
-	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../pics/">Photos</a> > <a style="color:#bd93f9" href=".">Qatar's Metro Stations</a></p>
+	<hr/><p><a href="../">sf.me</a> > <a style="color:#bd93f9" href="../photos/">Photos</a> > <a style="color:#bd93f9" href=".">Qatar's Metro Stations</a></p>
 	<h1>Qatar's Metro Stations</h1>
 	<p style="font-size:110%">Posted on: <strong>24 November 2023</strong></p>
   <div class="gallery">
     <div class="image-container">
+		<a href="img/nm-01.webp">
 		      <img class="image" src="img/nm-01.webp" alt="A shot from the side of the metro station, showing the sun.">
+		</a>
     </div>
     <div class="image-container">
+		<a href="img/nm-02.webp">
 					<img class="image" src="img/nm-02.webp" alt="A shot below one of the corners of the metro station, showing the angled roof.">
+		</a>
     </div>
     <div class="image-container">
+		<a href="img/nm-03.webp">
 					<img class="image" src="img/nm-03.webp" alt="A shot from the front corner of the metro station, showing the entrance.">
+		</a>
     </div>
     <div class="image-container">
+		<a href="img/nm-04.webp">
 					<img class="image" src="img/nm-04.webp" alt="A shot from the side of the metro station, showing the metro station logo with the National Museum of Qatar in the reflection.">
+		</a>
     </div>
     <div class="image-container">
+		<a href="img/nm-05.webp">
 					<img class="image" src="img/nm-05.webp" alt="A shot inside the metro station showing the design on the walls.">
+		</a>
     </div>
   </div>
   	<p style="text-align:center;"><a href="../mina-district/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Collection</a> - <a style="color:#bd93f9" href="../mina-district/">Next Collection</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>

style.css

@@ -268,9 +268,6 @@ div.desc{
     div.gallery{
         border:1px solid #282b35 
     }
-    div.gallery:hover{
-        border:1px solid #8be9fd 
-    }
     .main{
         width:75vw;
         margin-top:7vw;