Refactor script fir status.cafe widget

This commit is contained in:
Helen Chong 2024-06-09 14:57:21 +08:00
parent 529e865428
commit 67fa932005
2 changed files with 29 additions and 5 deletions

View File

@ -1,12 +1,35 @@
<div id="statuscafe" class="text-box">
<h3>My Lastest Status</h3>
<div id="statuscafe-username"></div>
<div id="statuscafe-content"></div>
<div id="statuscafe-userinfo"></div>
<div id="statuscafe-content">
<p>Fetching data from status.cafe...</p>
</div>
<p><a href="https://status.cafe/users/leilukin">View my statuses on status.cafe</a></p>
</div>
<script src="https://status.cafe/current-status.js?name=leilukin" defer></script>
<style>
#statuscafe-content {
margin: 0 0 0.5em 1em;
}
</style>
</style>
<script>
const fetchStatusCafe = async () => {
try {
const res = await fetch('https://status.cafe/users/leilukin/status.json');
const data = await res.json();
if (!data.content.length) {
document.getElementById("statuscafe-content").innerHTML = "No status yet."
return;
}
document.getElementById("statuscafe-userinfo").innerHTML = data.author + ' ' + data.face + ' ' + data.timeAgo;
document.getElementById("statuscafe-content").innerHTML = data.content;
} catch (error) {
console.error(error);
}
};
fetchStatusCafe();
</script>

View File

@ -2,4 +2,5 @@
date: 2024-06-09
---
* Convert most of the images on this website to AVIF format to reduce file size and save bandwidth.
* Convert most of the images on this website to AVIF format to reduce file size and save bandwidth.
* Refactor JavaScript for status.cafe widget.