56 lines
2.4 KiB
HTML
56 lines
2.4 KiB
HTML
<html>
|
|
<head>
|
|
<title>291st Joint Task Force</title>
|
|
<link rel="icon" type="image/x-icon" href="assets/291.png">
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background-image: url('assets/background.jpg');
|
|
background-size: cover;
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
hr { border-color: #d60000; }
|
|
h1,h2,h3,h4,h5,h6 { margin: 0; }
|
|
|
|
a { color: white; }
|
|
a:hover { color: #ddd; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">\
|
|
<div style="display: flex">
|
|
<div>
|
|
<img alt="291st JTF" src="assets/291.png" width="350px" height="auto">
|
|
<div style="text-align: center;">
|
|
<h1>291st Joint Task Force</h1>
|
|
<h3 style="font-style: italic">"Putting the Damned to Rest"</h3>
|
|
</div>
|
|
<hr>
|
|
<div>
|
|
<div style="width: 100%; border-radius: 0.25rem; background-color: #222; color: white;">
|
|
<div style="display: flex;">
|
|
<div style="padding: 0.5rem;">
|
|
<img alt="minecraft" src="assets/minecraft.webp" width="52px" height="auto">
|
|
</div>
|
|
<div style="margin-top: 0.5rem;">
|
|
<h3 style="margin-bottom: 0.25rem;">Minecraft</h3>
|
|
<span style="font-weight: bolder;">Host: </span><a href="#">291st.ca:25565</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="margin-left: 1rem;">
|
|
<iframe src="https://discordapp.com/widget?id=399625240927404033&theme=dark" width="350" height="100%" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|