Fix image slider and add navigation controls

- Update image paths to include base path prefix
- Add pagination and navigation controls to swiper
- Fix favicon path
- Update GitHub repository link

Author: DesvoSoft

src/layouts/Layout.astro

@@ -19,7 +19,7 @@ const { title, description = "DesvoSoft: Aprende Git, Python y más en este siti
         <meta name="google-site-verification" content="t61vFNx51RZSU9UsbAIbH6cTzFvAJKXvFHbvUo0UAH0" />
 		<meta name="description" content={description} />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/x-icon" href="/images/theme.ico" />
+		<link rel="icon" type="image/x-icon" href="/HelloWorld/images/theme.ico" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>

src/pages/index.astro

@@ -35,7 +35,7 @@ import '../styles/page-specific/info-pages.css';
             </p>
 
 
-            <a href="https://github.com/DesvoSoft/git-practice"><p><img src="https://cdn.afterdawn.fi/v3/news/original/github-logo.png" alt="github" style="width: 60px;"><br><span>GitHub</span></p></a>
+            <a href="https://github.com/DesvoSoft/HelloWorld"><p><img src="https://cdn.afterdawn.fi/v3/news/original/github-logo.png" alt="github" style="width: 60px;"><br><span>GitHub</span></p></a>
 
         </section>
 
@@ -47,45 +47,48 @@ import '../styles/page-specific/info-pages.css';
                 <div class="swiper-wrapper">
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/1.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/1.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/2.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/2.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/3.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/3.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/4.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/4.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/5.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/5.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/6.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/6.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/7.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/7.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/8.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/8.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/9.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/9.png" loading="lazy">
                     </div>
 
                     <div class="swiper-slide">
-                        <img src="/images/gallery/10.png" loading="lazy">
+                        <img src="/HelloWorld/images/gallery/10.png" loading="lazy">
                     </div>
                 </div>
+                <div class="swiper-pagination"></div>
+                <div class="swiper-button-next"></div>
+                <div class="swiper-button-prev"></div>
             </div>
         </section>
 

src/scripts/homescript.js

@@ -40,10 +40,17 @@ function initializeSwiper() {
         disableOnInteraction: false,
       },
 
-      /*Pagination
-        pagination: {
+      // Pagination
+      pagination: {
         el: '.swiper-pagination',
-        },*/
+        clickable: true,
+      },
+
+      // Navigation
+      navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev',
+      },
 
       // Navigation with keyboard and mouse
       grabCursor: true,