Status widget

name:

Past this code into your HTML file:

<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=" defer></script>

Past this code into your CSS file:

#statuscafe { padding: .5em; background-color: azure; border: 1px solid midnightblue; } #statuscafe-username { margin-bottom: .5em; } #statuscafe-content { margin: 0 1em 0.5em 1em; }

Make it your own! The CSS above is only an example. Tweak it so that it integrates well with your sites's colors.

Preview

Add your name and click "generate HTML" to see a preview.