add some more maps

CHooverShrimp · Jun 30, 2024 · fae1acd · fae1acd
1 parent 5bb016f
commit fae1acd
Show file tree

Hide file tree

Showing 19 changed files with 218 additions and 0 deletions.
diff --git a/gallery/map/Biblio.html b/gallery/map/Biblio.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+
+<!-- CUSTOMIZE YOUR MODULAR PAGE HERE -->
+<script>
+    // Set the page
+    var yourPage = "/gallery/map/pages/BiblioPage.html";
+    // Set the title of your page        
+    var yourTitle = "Biblio Hill";
+</script>
+
+<!-- Embed craps -->
+<meta content="Black Orchestra: World Front for Rising Storm 2" property="og:title" />
+<meta name="twitter:card" content="summary_large_image">
+<meta content="http://www.blackorchestra.net/" property="og:url" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="image_src" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="og:image" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="twitter:image" />
+<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> Black Orchestra: World Front </title>
+    <link rel="stylesheet" href="/index.css">
+    <link rel="icon" href="/images/BO_Square.png">
+</head>
+
+<!-- Importing JavaScript -->
+<script src="/JS/script.js"></script>
+
+<body>
+    <div class="overlay"></div>
+    <div id="main"> </div>
+</body>
+
+</html>
diff --git a/gallery/map/HellsCorner.html b/gallery/map/HellsCorner.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+
+<!-- CUSTOMIZE YOUR MODULAR PAGE HERE -->
+<script>
+    // Set the page
+    var yourPage = "/gallery/map/pages/HellsCornerPage.html";
+    // Set the title of your page        
+    var yourTitle = "Hell's Corner";
+</script>
+
+<!-- Embed craps -->
+<meta content="Black Orchestra: World Front for Rising Storm 2" property="og:title" />
+<meta name="twitter:card" content="summary_large_image">
+<meta content="http://www.blackorchestra.net/" property="og:url" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="image_src" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="og:image" />
+<meta content="https://files.catbox.moe/c2e2dq.png" property="twitter:image" />
+<meta content="#43B581" data-react-helmet="true" name="theme-color" />
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> Black Orchestra: World Front </title>
+    <link rel="stylesheet" href="/index.css">
+    <link rel="icon" href="/images/BO_Square.png">
+</head>
+
+<!-- Importing JavaScript -->
+<script src="/JS/script.js"></script>
+
+<body>
+    <div class="overlay"></div>
+    <div id="main"> </div>
+</body>
+
+</html>
diff --git a/gallery/map/pages/BiblioPage.html b/gallery/map/pages/BiblioPage.html
@@ -0,0 +1,65 @@
+<head>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="/imageSlider.css">
+</head>
+
+<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
+<script>
+    const swiper = new Swiper('.swiper', {
+        loop: true,
+
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        },
+    });
+
+</script>
+
+<body>
+    <div class="containerStyle1" id="Container1"> <!-- Blog1 -->
+
+        <div class="boxWrapper">
+            <h> The Battle of Biblio Hill, August 5, 1943 </h>
+
+            <p> Bibilo Hill was strategically significant because it provided a commanding view of the Munda airstrip.
+                After heavy fighting, U.S. forces captured the hill, which allowed them to establish control over the
+                airfield and use it as a base for further operations against Japanese positions in the Northern
+                Solomons. The capture of Munda and Bibilo Hill was a critical step in the Allied advance, facilitating
+                subsequent operations, including the push towards Bougainville. </p>
+
+            <div class="slideContainer">
+                <!-- Slider main container -->
+                <div class="swiper">
+                    <!-- Additional required wrapper -->
+                    <div class="swiper-wrapper">
+                        <!-- Slides -->
+                        <div class="swiper-slide"><img src="/images/BibiloShowcase_01.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/BibiloShowcase_02.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/BibiloShowcase_03.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/BibiloShowcase_04.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/BibiloShowcase_05.png" alt="">
+                        </div>
+                    </div>
+                    <!-- If we need pagination -->
+                    <div class="swiper-pagination"></div>
+
+                    <!-- If we need navigation buttons -->
+                    <div class="swiper-button-prev"></div>
+                    <div class="swiper-button-next"></div>
+
+                </div>
+            </div>
+            <h> Author: North_Dumpling </h>
+        </div>
+</body>
diff --git a/gallery/map/pages/HellsCornerPage.html b/gallery/map/pages/HellsCornerPage.html
@@ -0,0 +1,65 @@
+<head>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="/imageSlider.css">
+</head>
+
+<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
+<script>
+    const swiper = new Swiper('.swiper', {
+        loop: true,
+
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        },
+    });
+
+</script>
+
+<body>
+    <div class="containerStyle1" id="Container1"> <!-- Blog1 -->
+
+        <div class="boxWrapper">
+            <h> The Battle of Biblio Hill, August 5, 1943 </h>
+
+            <p> Bibilo Hill was strategically significant because it provided a commanding view of the Munda airstrip.
+                After heavy fighting, U.S. forces captured the hill, which allowed them to establish control over the
+                airfield and use it as a base for further operations against Japanese positions in the Northern
+                Solomons. The capture of Munda and Bibilo Hill was a critical step in the Allied advance, facilitating
+                subsequent operations, including the push towards Bougainville. </p>
+
+            <div class="slideContainer">
+                <!-- Slider main container -->
+                <div class="swiper">
+                    <!-- Additional required wrapper -->
+                    <div class="swiper-wrapper">
+                        <!-- Slides -->
+                        <div class="swiper-slide"><img src="/images/DiscordShowcase_HellCorners_01.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/DiscordShowcase_HellCorners_02.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/DiscordShowcase_HellCorners_03.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/DiscordShowcase_HellCorners_04.png" alt="">
+                        </div>
+                        <div class="swiper-slide"><img src="/images/DiscordShowcase_HellCorners_05.png" alt="">
+                        </div>
+                    </div>
+                    <!-- If we need pagination -->
+                    <div class="swiper-pagination"></div>
+
+                    <!-- If we need navigation buttons -->
+                    <div class="swiper-button-prev"></div>
+                    <div class="swiper-button-next"></div>
+
+                </div>
+            </div>
+            <h> Author: North_Dumpling </h>
+        </div>
+</body>
diff --git a/gallery/mapGalleryPage.html b/gallery/mapGalleryPage.html
@@ -32,6 +32,12 @@ <h1> Brecourt </h1>
                 <img src="/images/BrecourtShowcase_01.png">
             </a>
         </div>
+        <div class="boxWrapper">
+            <a href="map/Brecourt.html" style="text-decoration: none;">
+                <h1> Hell's Corner </h1>
+                <img src="/images/DiscordShowcase_HellCorners_01.png">
+            </a>
+        </div>
     </div>
 
     <p style="color:rgb(255, 255, 255); font-size:2rem; text-align: center;"> Eastern Front</p>
@@ -43,4 +49,14 @@ <h1> Horson </h1>
             </a>
         </div>
     </div>
+
+    <p style="color:rgb(255, 255, 255); font-size:2rem; text-align: center;"> Pacific Front</p>
+    <div class="containerStyle1" id="Container1">
+        <div class="boxWrapper">
+            <a href="map/Biblio.html" style="text-decoration: none;">
+                <h1> Horson </h1>
+                <img src="/images/BibiloShowcase_01.png">
+            </a>
+        </div>
+    </div>
 </body>
diff --git a/images/BibiloShowcase_01.png b/images/BibiloShowcase_01.png
diff --git a/images/BibiloShowcase_02.png b/images/BibiloShowcase_02.png
diff --git a/images/BibiloShowcase_03.png b/images/BibiloShowcase_03.png
diff --git a/images/BibiloShowcase_04.png b/images/BibiloShowcase_04.png
diff --git a/images/BibiloShowcase_05.png b/images/BibiloShowcase_05.png
diff --git a/images/DiscordShowcase_HellCorners_01.png b/images/DiscordShowcase_HellCorners_01.png
diff --git a/images/DiscordShowcase_HellCorners_02.png b/images/DiscordShowcase_HellCorners_02.png
diff --git a/images/DiscordShowcase_HellCorners_03.png b/images/DiscordShowcase_HellCorners_03.png
diff --git a/images/DiscordShowcase_HellCorners_04.png b/images/DiscordShowcase_HellCorners_04.png
diff --git a/images/DiscordShowcase_HellCorners_05.png b/images/DiscordShowcase_HellCorners_05.png
diff --git a/images/MedjezShowcase_02.png b/images/MedjezShowcase_02.png
diff --git a/images/MedjezShowcase_03.png b/images/MedjezShowcase_03.png
diff --git a/images/MedjezShowcase_04.png b/images/MedjezShowcase_04.png
diff --git a/images/MedjezShowcase_05.png b/images/MedjezShowcase_05.png