JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Is Twitter Working?</h1>
<div id="status">I'm checking...</div>
<script>
    
var isTwitterWorking = false;

function testTwitter(status) {
    if (status === "ok") {
        isTwitterWorking = true;
    }
}

</script>
<script src="https://api.twitter.com/1/help/test.json?callback=testTwitter"></script>
<script>
document.getElementById('status').innerHTML = isTwitterWorking ? 'Yes, Twitter is working.' : 'No, Twitter is down!';
</script>

CSS

h1 {
    font-size: 100px;
}

#status {
    font-size: 50px;
}

* { font-family: Comic Sans MS !important; font-weight: bold !important; }

body {
    text-shadow: 0 5px 50px #79c;
}