Redirect /product to /products (#664)

* add a new products.html page * add redirect from /product to /products * update link from /product to /products in navbar * update link from /product to /products in sitemap.txt
sugarlabs · Jan 31, 2025 · e530004 · e530004
1 parent 4e9047c
commit e530004
Show file tree

Hide file tree

Showing 4 changed files with 57 additions and 45 deletions.
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -47,7 +47,7 @@
                 <a class="nav-link" href="{{ site.baseurl }}/donate">Donate</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="{{ site.baseurl }}/product">Products</a>
+                <a class="nav-link" href="{{ site.baseurl }}/products">Products</a>
               </li>
             </ul>
           </div>
@@ -106,7 +106,7 @@
           <a class="nav-link" href="{{ site.baseurl }}/donate">Donate</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="{{ site.baseurl }}/product">Products</a>
+          <a class="nav-link" href="{{ site.baseurl }}/products">Products</a>
         </li>
       </ul>
     </div>

diff --git a/product.html b/product.html
@@ -3,45 +3,10 @@
 title: Products - Sugar Labs
 permalink: /product/index.html
 ---
-
-<!-- Title section -->
-<div class="section-title1">
-  <span class="tag tag-regular">Our Products</span>
-</div>
-
-<!-- Products Section -->
-<section id="intro">
-  <div class="container my-2">
-    <div class="border-bottom pb-3 mb-3">
-      <div class="product-container">
-        <!-- Product Card 1 -->
-        <div class="product-card">
-          <img src="assets\products\sugarlabs_merch.jpg" alt="Merch" class="product-image" />
-          <div class="product-details">
-            <h3 class="product-name">Sugarlabs Merch</h3>
-            <p class="product-description">
-                Sweet merch that supports our unique cause.
-            </p>
-            <div class="product-footer">
-                <a href="https://www.bonfire.com/store/sugar-labs-merch/" class="explore-btn">Explore More</a>
-            </div>
-          </div>
-        </div>
-
-        <!-- Product Card 2 -->
-        <div class="product-card">
-          <img src="assets\products\sugarlabs_USB_drive.jpg" alt="SOAS" class="product-image" />
-          <div class="product-details">
-            <h3 class="product-name">Sugarlabs USB Flash Drive</h3>
-            <p class="product-description">
-                Easily install Fedora Sugar On A Stick (SOAS) to your device directly from this USB flash drive.
-            </p>
-            <div class="product-footer">
-              <a href="https://www.usbmemorydirect.com/store/novelty/sugarlabs/" class="explore-btn">Explore More</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
+<!-- This page will redirect to /products -->
+<script>
+  window.location.href = "/products";
+</script>
+<noscript>
+  <meta http-equiv="refresh" content="0; url=/products">
+</noscript>
diff --git a/products.html b/products.html
@@ -0,0 +1,47 @@
+---
+layout: default
+title: Products - Sugar Labs
+permalink: /products/index.html
+---
+
+<!-- Title section -->
+<div class="section-title1">
+  <span class="tag tag-regular">Our Products</span>
+</div>
+
+<!-- Products Section -->
+<section id="intro">
+  <div class="container my-2">
+    <div class="border-bottom pb-3 mb-3">
+      <div class="product-container">
+        <!-- Product Card 1 -->
+        <div class="product-card">
+          <img src="assets\products\sugarlabs_merch.jpg" alt="Merch" class="product-image" />
+          <div class="product-details">
+            <h3 class="product-name">Sugarlabs Merch</h3>
+            <p class="product-description">
+                Sweet merch that supports our unique cause.
+            </p>
+            <div class="product-footer">
+                <a href="https://www.bonfire.com/store/sugar-labs-merch/" class="explore-btn">Explore More</a>
+            </div>
+          </div>
+        </div>
+
+        <!-- Product Card 2 -->
+        <div class="product-card">
+          <img src="assets\products\sugarlabs_USB_drive.jpg" alt="SOAS" class="product-image" />
+          <div class="product-details">
+            <h3 class="product-name">Sugarlabs USB Flash Drive</h3>
+            <p class="product-description">
+                Easily install Fedora Sugar On A Stick (SOAS) to your device directly from this USB flash drive.
+            </p>
+            <div class="product-footer">
+              <a href="https://www.usbmemorydirect.com/store/novelty/sugarlabs/" class="explore-btn">Explore More</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/sitemap.txt b/sitemap.txt
@@ -23,6 +23,6 @@ https://www.sugarlabs.org/sugar-for-raspbian/
 https://www.sugarlabs.org/sugar-for-raspberry-pi/
 https://www.sugarlabs.org/flatpak/
 https://www.sugarlabs.org/profiles/
-https://www.sugarlabs.org/product/
+https://www.sugarlabs.org/products/
 {% for post in site.posts %}https://www.sugarlabs.org{{ post.url }}
 {% endfor %}