From 64e76fc0942bd83e3aa0d9384afc6f2f6aaa079a Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 1 Jun 2024 00:29:42 +0800
Subject: [PATCH] Add my status.cafe widget

---
 src/_includes/main/statuscafe.njk | 12 ++++++++++++
 src/index.njk                     |  3 +++
 2 files changed, 15 insertions(+)
 create mode 100644 src/_includes/main/statuscafe.njk

diff --git a/src/_includes/main/statuscafe.njk b/src/_includes/main/statuscafe.njk
new file mode 100644
index 00000000..6f22b896
--- /dev/null
+++ b/src/_includes/main/statuscafe.njk
@@ -0,0 +1,12 @@
+<div id="statuscafe" class="text-box">
+    <h3>My Lastest Status</h3>
+    <div id="statuscafe-username"></div>
+    <div id="statuscafe-content"></div>
+</div>
+<script src="https://status.cafe/current-status.js?name=leilukin" defer></script>
+
+<style>
+    #statuscafe-content {
+        margin: 0 0 0.5em 1em;
+    }
+</style>
\ No newline at end of file
diff --git a/src/index.njk b/src/index.njk
index 61084db9..e044550d 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -35,12 +35,15 @@ eleventyComputed:
 
 <section class="content__section">
     <h2>What is New?</h2>
+
     <div class="text-box">
         <h3>Major News: 31 May 2024</h3>
         <p>{{ sitemeta.siteName }} now has a custom domain name: leilukin.com! Currently this site is hosted on both Netlify and Neocities.</p>
         <p>You can read <a href="/blog/posts/2024-05-31-domain-name-hosting-change-leilukins-hub">my blog post about the new domain name and hosting change</a> for more information.</p>
     </div>
 
+    {% include "main/statuscafe.njk" %}
+
     <div class="text-box">
         {% for log in collections["changelogs"]  | reverse | itemLimit(1) %}
             <h3 class="date-style">{{ log.data.date | formatDate }}:</h3>