File size: 2,455 Bytes
63f54cf |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MemCoin - The Funny Colorful Crypto</title>
<style>
body {
background-color: #f0f8ff;
font-family: 'Comic Sans MS', cursive, sans-serif;
text-align: center;
color: #333;
margin: 0;
padding: 20px;
}
h1 {
color: #ff69b4;
}
.container {
background: linear-gradient(45deg, #ffcccb, #add8e6);
border-radius: 15px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 0 auto;
}
img {
width: 150px;
height: 150px;
border-radius: 50%;
margin-bottom: 20px;
}
p {
font-size: 1.2em;
color: #8a2be2;
}
button {
background-color: #ffa500;
color: white;
border: none;
padding: 10px 20px;
font-size: 1em;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s;
}
button:hover {
background-color: #ff8c00;
}
</style>
</head>
<body>
<div class="container">
<img src="https://via.placeholder.com/150" alt="MemCoin Logo">
<h1>Welcome to MemCoin!</h1>
<p>The most hilarious and colorful cryptocurrency in the universe!</p>
<button onclick="showJoke()">Tell me a MemCoin joke!</button>
<div id="joke" style="margin-top: 20px;"></div>
</div>
<script>
function showJoke() {
const jokes = [
"Why did the MemCoin cross the road? To get away from all the boring cryptocurrencies!",
"I tried to invest in MemCoin, but I lost my meme. Now I'm broke and confused.",
"MemCoin is like a rainbow - it's full of colors and promises, but you never know when it's going to disappear!",
"The best thing about MemCoin is that even if you lose all your coins, you still have great stories to tell!"
];
const randomJoke = jokes[Math.floor(Math.random() * jokes.length)];
document.getElementById('joke').innerText = randomJoke;
}
</script>
</body>
</html> |