Potter on Nostr: <!DOCTYPE html> <html> <head> <title>Boneclub+</title> <style> body { font-family: ...
<!DOCTYPE html>
<html>
<head>
<title>Boneclub+</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
font-size: 32px;
margin: 0;
}
.joke {
margin: 20px auto;
width: 400px;
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
video {
display: block;
margin: 0 auto;
width: 640px;
height: 360px;
border-radius: 10px;
}
</style>
</head>
<body>
<header>
<h1>Boneclub+</h1>
</header>
<div class="joke">
<h2>Why did the skeleton go to the party alone?</h2>
<p>Because he had no-body to go with!</p>
</div>
<video controls>
<source src="https://youtu.be/iVFhTq2x-vY"; type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
<html>
<head>
<title>Boneclub+</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
font-size: 32px;
margin: 0;
}
.joke {
margin: 20px auto;
width: 400px;
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
video {
display: block;
margin: 0 auto;
width: 640px;
height: 360px;
border-radius: 10px;
}
</style>
</head>
<body>
<header>
<h1>Boneclub+</h1>
</header>
<div class="joke">
<h2>Why did the skeleton go to the party alone?</h2>
<p>Because he had no-body to go with!</p>
</div>
<video controls>
<source src="https://youtu.be/iVFhTq2x-vY"; type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>