Untitled

```
<!DOCTYPE html>
<html>
<head>
	<title>Fake Shutdown Button</title>
	<style>
		/* Add some CSS to make it look like a round power off button */
		.power-button {
			background-color: #333;
			color: #fff;
			padding: 10px 20px;
			border: none;
			border-radius: 50%; /* Make the button round */
			cursor: pointer;
			width: 60px;
			height: 60px;
			font-size: 24px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		/* Add a black screen overlay to simulate a shutdown */
		.screen-blackout {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background-color: #000;
			opacity: 0;
			transition: opacity 0.5s;
		}
		
		.screen-blackout.active {
			opacity: 1;
		}
	</style>
</head>
<body>
	<button class="power-button" onclick="fakeShutdown()">Power Off</button>
	
	<div class="screen-blackout"></div>
	
	<script>
		function fakeShutdown() {
			// Add a fake shutdown effect
			document.querySelector('.screen-blackout').classList.add('active');
			setTimeout(function() {
				document.querySelector('.screen-blackout').classList.remove('active');
				alert("Haha, gotcha! This is just a fake shutdown button!");
			}, 2000); // Wait 2 seconds before removing the blackout and showing the alert
		}
	</script>
</body>
</html>
```
Editor is loading...