Updated now page and shortcodes to handle custom cases

Author: rishikeshsreehari

content/now.md

@@ -8,13 +8,13 @@ ShowReadingTime: false
 dataDir: "data"
 ---
 
-##### Last updated on 21-11-2024
+##### Last updated on 28-11-2024
 
-I’m currently in 🌍 **[{{< currentlocation >}}](https://what3words.com/inferior.reserved.drives)**!    
+🌍 I’m based in **[{{< currentlocation >}}](https://what3words.com/inferior.reserved.drives)** but currently in Chennai, India for vacation!
 
-The local time here is ⏰ **{{< current_time >}}**  
+⏰ The local time here is **{{< current_time timezone="Asia/Kolkata" >}}**  
 
-{{< current_weather >}}
+{{< current_weather location="Chennai" >}}
 
 ---
 
@@ -30,7 +30,7 @@ The local time here is ⏰ **{{< current_time >}}**
 
 I'll be in India from 23rd November to 16th December.
 
-My current plan is Mumbai → Nagpur → Chennai → Kochi.   
+My current plan is ~~Mumbai~~ → ~~Nagpur~~ → Thanjavur → Chennai → Kochi.   
 
 I'm excited to visit Mumbai to meet a friend after a long time, try some yummy street food, attend a friend's wedding in Nagpur, reconnect with family in Chennai, and spend time at home. We'll also take a short trip to my wife's ancestral house in Tanjavur! Super excited!
 

themes/hugo-PaperMod/layouts/shortcodes/current_time.html

@@ -1,22 +1,26 @@
-<span id="current-time">Loading...</span>
-
+<span id="current-time-{{ .Ordinal }}">Loading...</span>
 <script>
-  async function fetchCurrentTime() {
-    const timezone = "{{ .Site.Params.Timezone }}";
+  (function() {
+    const timezone = "{{ .Get "timezone" | default "UTC" }}";
+    const elementId = "current-time-{{ .Ordinal }}";
 
-    try {
-      // Fetch current time based on the timezone from the config.yaml
-      const timeResponse = await fetch(`https://timeapi.io/api/Time/current/zone?timeZone=${timezone}`);
-      const timeData = await timeResponse.json();
-      const currentTime = new Date(timeData.dateTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-
-      // Update the HTML content
-      document.getElementById("current-time").textContent = currentTime;
-
-    } catch (error) {
-      console.error("Error fetching current time:", error);
+    function updateTime() {
+      const timeElement = document.getElementById(elementId);
+      const options = { 
+        hour: '2-digit', 
+        minute: '2-digit',
+        timeZone: timezone
+      };
+      
+      try {
+        timeElement.textContent = new Date().toLocaleString('en-US', options);
+      } catch (error) {
+        console.error("Error displaying time:", error);
+        timeElement.textContent = "Invalid timezone";
+      }
     }
-  }
-
-  fetchCurrentTime();
-</script>
+    
+    updateTime();
+    setInterval(updateTime, 60000);
+  })();
+</script>

themes/hugo-PaperMod/layouts/shortcodes/current_weather.html

@@ -2,7 +2,14 @@
 
 <script async>
   const el = document.getElementById("temperature");
-  const loc = "{{ .Site.Params.CurrentLocation | urlize }}";
+
+  // Function to get location from shortcode call or default to Params
+  function getLocation() {
+    // Replace '{{ .Get "location" | default .Site.Params.CurrentLocation | urlize }}' dynamically using Hugo
+    return "{{ .Get "location" | default .Site.Params.CurrentLocation | urlize }}";
+  }
+
+  const loc = getLocation();
 
   const map = {
     "🌑": "It's a new moon 🌑, so the sky will be dark tonight.",