<html>
<head>
<title>dun4d</title>
<link rel="icon" type="image/x-icon" href="https://www.dun4d.com/favicon/dun4d/favicon.ico">
<link rel="stylesheet" type="text/css" href="https://www.dun4d.com/dun4d.css">
<script src="https://www.dun4d.com/js/jquery.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<META NAME="robots" CONTENT="noindex,nofollow,noarchive,nosnippet,none">
<script>
	$(document).ready(function() {
	  let rotation = 0;

	  $("#copyright").text("© 2006 - " + new Date().getFullYear());

	  // click = spin logo
	  $("#logo").on("click", function() {
	    rotation += 720; // add 720° each click
	    $(this).css("transform", "rotate(" + rotation + "deg)");
	  });

	  // hover = slight tilt
	  $("#logo").hover(
	    function() { $(this).css("transform", "rotate(" + (rotation + 5) + "deg)"); },
	    function() { $(this).css("transform", "rotate(" + rotation + "deg)"); }
	  );

	  // spacebar toggles logo visibility
	  // Track visibility
	  let logoVisible = true;

	  $(document).keydown(function(event) {
	    if (event.code === "Space") {
	      event.preventDefault();
	      if (logoVisible) {
	        $("#logo").css("opacity", "0"); // hide
	      } else {
	        $("#logo").css("opacity", "1"); // show
	      }
	      logoVisible = !logoVisible;
	    }

	  
	  });
	});
	
   
 </script>
<meta name="robots" content="noindex" />
</head>
<body>
	<div id="menu"></div>
	<div id="box">
		<img src="cube.webp" class="logo" id="logo">
	</div>
	<div id="copyright">
	    
	</div>
	</div>
</body>
</html>