<!DOCTYPE html">
<html>
<head>  
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>todays yolo - OVER NINETHOUSAND!!!</title>  
<style type="text/css" media="screen">
<!--
body 
{
color: white;
background-color: #003;
margin: 0px
}

.yolo
{
font-family: Verdana, Geneva, Arial, sans-serif;
font-weight: bold;
font-size: 3em;
}

a:visited {
        color: blue
}

#content        
{
font-family: Verdana, Geneva, Arial, sans-serif;
color: white;
background-color: transparent;
text-align: center;
font-size: 2em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
overflow: visible;
visibility: visible;
display: block
}

#sponsors        
{
font-family: Verdana, Geneva, Arial, sans-serif;
color: white;
background-color: transparent;
text-align: center;
font-size: 1em;
position: absolute;
top: 90%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
overflow: visible;
visibility: visible;
display: block
}

#progress
{
        background-color: #f08;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 10px;
}

-->
</style>
</head>
<body>
<div id="progress" class="progressBarDiv"></div>
<div id="content">
the yolo for today is<br>
<span class="yolo" id="yoloValue" title="">OVER NINETHOUSAND!!!</span><br>
<br>
</div>
<div id="sponsors">
2026-04-14 - <a rel="nofollow" href="/api/v1/json">JSON</a>, <a rel="nofollow" href="/api/v1/xml">XML</a>, <a rel="nofollow" href="/api/v1/raw">RAW</a>, <a rel="nofollow" href="/api/v1/int">INT</a>
</div>
<script type="text/javascript">

var currentDate = "2026-04-14";
var currentDateA = currentDate.split("-");

function getDayTZ(year, month, day, tz) {
	var dObj = new Date(Date.UTC(year, month-1, day));
	var dOff = dObj.toLocaleTimeString("de-DE", {timeZone: tz});
	var dOffA = dOff.split(":");
	var dOffV = dOffA[0]*60*60 + dOffA[1]*60 + dOffA[2]*1;
	dObj.setTime(dObj.getTime() - dOffV*1000);
	return dObj;
}

var startDate = getDayTZ(currentDateA[0], currentDateA[1], currentDateA[2], 'Europe/Berlin');
var endDate = getDayTZ(currentDateA[0], currentDateA[1], currentDateA[2]*1+1, 'Europe/Berlin');
var tDiff = Date.now() - startDate.getTime();
var dayMS = endDate.getTime() - startDate.getTime() + 1;

function checkTimestamps()
{
        tDiff = Date.now() - startDate.getTime();
        updateUi();
        if(tDiff > dayMS)
        {
                clearInterval(updateInterval);
                if(tDiff < 3*dayMS) location.reload();
        }
}

function updateUi()
{
        valPercent = tDiff / dayMS * 100;
        if(valPercent > 100) valPercent = 100;
        document.getElementById("progress").style = "width: " + valPercent + "%;";
        if(tDiff > dayMS)
        {
                //document.getElementById("yoloValue").innerHTML = "&#xfffd;";
		document.getElementById("yoloValue").style.opacity=.5;
        }
}

updateUi();
var updateInterval = setInterval(checkTimestamps, 5000);

</script>
</body>
</html>
