oluwasayo/cycle.html

## cycle.html
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

    <style>
      body {
        background-color: black;
        overflow: hidden;
      }
      div {
        width: 100%;
        height: 100%;
        line-height: 100vh;
        font-weight: 600;
        font-size: 80vw;
        text-align: center;
        color: red;
        user-select: none;
        overflow: inherit;
        animation: glow 8s ease-in-out 4s infinite;
      }

      @keyframes glow {
        50% { text-shadow: 0 0 10vw red; }
      }
    </style>

    <script type="text/javascript">
      const trigger = () => {
        const days = Math.floor(new Date().getTime() / (1000 * 60 * 60 * 24));
        const num = (days % 2) + 1;
        document.querySelector("div").textContent = num;
        setTimeout(trigger, 1000 * 60 * 10);
      }

      window.addEventListener("load", trigger);
    </script>
  </head>

  <body>
    <div></div>
  </body>
</html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

	<style>
	body {
	background-color: black;
	overflow: hidden;
	}
	div {
	width: 100%;
	height: 100%;
	line-height: 100vh;
	font-weight: 600;
	font-size: 80vw;
	text-align: center;
	color: red;
	user-select: none;
	overflow: inherit;
	animation: glow 8s ease-in-out 4s infinite;
	}

	@keyframes glow {
	50% { text-shadow: 0 0 10vw red; }
	}
	</style>

	<script type="text/javascript">
	const trigger = () => {
	const days = Math.floor(new Date().getTime() / (1000 * 60 * 60 * 24));
	const num = (days % 2) + 1;
	document.querySelector("div").textContent = num;
	setTimeout(trigger, 1000 * 60 * 10);
	}

	window.addEventListener("load", trigger);
	</script>
	</head>

	<body>
	<div></div>
	</body>
	</html>