Add my status.cafe widget

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>

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>