JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<body bgcolor='x' onload="(u=M/*oon Phases*/=>setInterval(x=>{for(m=`<h1 align=center>&#`+parseInt('1F31'+(++t%8+1),16)+`</h1>`,i=o=``,l=u+`)`;i<l.length;c=l[i++],o+=(i==1?m:``)+c.fontcolor(c.match(/\w/)?x:!1)+(i%28?``:`\n`))p.innerHTML=o},t=200/*ส˜โ€ฟส˜*/))()"><pre id=p>

CSS

body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px;
  outline: 1px solid #f0f;
  background-color: #333;
  min-height:500px;
  font-size:1.5em;
}

JavaScript

//p.innerHTML=["๐ŸŒŽ","๐ŸŒ","๐ŸŒ"][t++%3];

//setInterval(x=>{
//p.innerHTML='<p style="font-size:10em">&#'+parseInt("1F31"+(++t%8+1),16);
//},t = 200);


//(u=M/*oon Phases*/=>setInterval(x=>{for(m=`<h1 align=center>&#`+parseInt('1F31'+(++t%8+1),16)+`</h1>`,i=o=``,l=u+o+`)`;i<l.length;c=l[i++],o+=c.fontcolor(c.match(/\w/)?x:!1)+(i%28?i==15?m:``:`\n`))p.innerHTML=o},t=200/*ส˜โ€ฟส˜*/))()