feat: add how to use section, edit explore content

kingsdigitallab · Oct 17, 2024 · a171040 · a171040
1 parent 97b6768
commit a171040
Showing 1 changed file with 9 additions and 10 deletions.
diff --git 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>