From 449d73f4fc1b503c698f1e39e9e56a2bc032bf35 Mon Sep 17 00:00:00 2001
From: sarahrider <85252768+sarahrider@users.noreply.github.com>
Date: Wed, 1 Nov 2023 09:58:28 -0500
Subject: [PATCH] Update Map, add Intro

---
 _layouts/fcmap.html    |  8 ++++++--
 _sass/_wax.scss        |  2 +-
 pages/forbiddencity.md | 14 +++++++++++++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/_layouts/fcmap.html b/_layouts/fcmap.html
index 418bd3ffb..d1266dad3 100644
--- a/_layouts/fcmap.html
+++ b/_layouts/fcmap.html
@@ -80,6 +80,7 @@ <h2 class='page-title'>{{ page.title }}</h2>
 .scrollable-popup {
   max-height: 170px; /* Adjust the maximum height as needed */
   overflow-y: auto;
+  font-size: 13px;
 }
 </style>
 
@@ -115,8 +116,8 @@ <h2 class='page-title'>{{ page.title }}</h2>
 function createPopup(feature, layer) {
     var jadeInventory = feature.properties["jades"];
 
-    // Replace all ')' characters with '"></li><li>' to create list items
-        var modifiedJadeInventory = jadeInventory.replace(/\)/g, '"></li><li>');
+    // Replace all ')' characters with ')</li><li>' to create list items
+    var modifiedJadeInventory = jadeInventory.replace(/\)/g, ')</li><li>');
 
     var popup_text = 
         "<b>Palace Name: </b>" + feature.properties["palace_name"] + "<br>" +
@@ -125,6 +126,9 @@ <h2 class='page-title'>{{ page.title }}</h2>
         "<b>Object Count: </b>" + feature.properties["object_cnt"] + "<br>" +
         "<b>Jade Inventory: </b><ul class='scrollable-popup'><li>" + modifiedJadeInventory + "</li></ul>";
 
+    // Remove the trailing <li> element
+    popup_text = popup_text.replace(/<li><\/li><\/ul>/, "</ul>");
+
     layer.bindPopup(popup_text);
 }
 
diff --git a/_sass/_wax.scss b/_sass/_wax.scss
index a49ed524b..01fb62312 100644
--- a/_sass/_wax.scss
+++ b/_sass/_wax.scss
@@ -150,7 +150,7 @@ content section
   li {
     font-family: $body-font;
     color: $text-color;
-    font-size: 1rem;
+    // font-size: 1rem;
     line-height: 2rem;
     max-width: 100%;
   }
diff --git a/pages/forbiddencity.md b/pages/forbiddencity.md
index 050dc4634..755a15f92 100644
--- a/pages/forbiddencity.md
+++ b/pages/forbiddencity.md
@@ -4,4 +4,16 @@ title: Forbidden City Map
 permalink: /forbiddencity/
 ---
 
-This is the page for the Forbidden City Map.
\ No newline at end of file
+This cluster map of the Forbidden City shows the density and information about the **Hindustan jades** according to the 1925, National Palace Museum, Beijing, inventory of classical objects. In that same year, The Palace Museum opened the doors to the Forbidden City's rear palaces to the public for the first time. For centuries before, the Forbidden City was the regal and secluded home for Ming and Qing emperors. 
+
+However, 1925 marked an important year for what would become the National Palace Museum we know today. This inventory, and the gradual opening of the Forbidden City grounds, provide a look into how Republican leadership utilized the former seat of dynastic power and classical Chinese art to assert authority domestically to its visitors, as well as internationally through the inclusion of Hindustan objects from across Muslim regions. 
+
+**A note about the inventory** - 
+The current inventory includes only jades that now are housed in the National Palace Museum, Taipei. The National Palace Museum, Beijing, does not provide open access images of their collection. Additional jades stored in other museums or private collections will be added as they are made available. 
+
+## Map Interaction
+The Map of the Forbidden City supports the following in English, Pinyin, and Simplified Chinese. 
+- Search for
+    - Palaces
+    - Jade objects
+- Object density comparison using clusters