291st/index.html

56 lines
2.4 KiB
HTML
Raw Normal View History

2022-05-09 12:02:34 -04:00
<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>