From a171040bf0e24370f1e1d538ee06c0761df9a24a Mon Sep 17 00:00:00 2001
From: Tiffany Ong <tiffanyongv@gmail.com>
Date: Thu, 17 Oct 2024 10:54:56 +0000
Subject: [PATCH] feat: add how to use section, edit explore content

---
 frontend/_includes/stories.liquid | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)
diff --git a/frontend/_includes/stories.liquid b/frontend/_includes/stories.liquid
index 14cc497a..aa400380 100644
--- a/frontend/_includes/stories.liquid
+++ b/frontend/_includes/stories.liquid
@@ -1,14 +1,6 @@
 ---
 layout: base.liquid
 ---
-<style>
-    .homeText {
-        font-family: 'Comic Sans MS', 'Papyrus', sans-serif;
-        font-size: 32px;
-        font-weight: bold;
-        fill: red;
-    }
-</style>
 
 <!DOCTYPE html>
 <html>
@@ -43,6 +35,14 @@ layout: base.liquid
         </ol>
     </nav>
 
+    <section id="guide">
+        <article style="border:4px solid #4b5d04">
+            <h2 style="text-align:center">How to use</h2>
+            <p>To explore the content, simply scroll down through the page. You can also use the navigation menu to jump directly to specific sections. At the start of each section, you'll find engaging animations that highlight key message. The legend that pulls out on the right that clarifies the meaning of each symbol on the map. Filter through the data in the Explore section.</p>  
+            <p>Please note that due to the volume of data, loading times may vary, so patience is appreciated.</p>
+            </article>
+    </section>
+    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
     <section id="overview">
         <article class="storyTitle">
@@ -105,8 +105,7 @@ layout: base.liquid
         <div class="storyTitleSpacerAbove" id="s6-start"></div>
         <article class="storyTitle mapSlide" id="slide_1000" data-slideId="1000">
             <h2>Explore</h2>
-            <p>Customize your search using the filters below.
-                Choose the map images or feature icons to enable the filters you require.
+            <p>The filters below allow you to refine the dataset according to your specific interests, ensuring that you can focus on the most relevant information. By selecting specific maps or features, you can activate filters that focus on relevant data. By customising these elements, these filters allow for a streamlined and personalised exploration experience.
             </p>
         </article>
 
