initial commit

how the site looked after first publishing, plus converting the png to a jpg
2025-06-11 00:32:29 +01:00
commit b6b83e52cb
3 changed files with 57 additions and 0 deletions
--- a/admiral_wes_satee.jpg
+++ b/admiral_wes_satee.jpg
--- a/index.html
+++ b/index.html
@@ -0,0 +1,19 @@
+<html>
+	<head>
+		<link rel="stylesheet" href="styles.css">
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet">
+		<title>Wes Wyleven's Official False-Pedo-Accusation Site</title>
+	</head>
+	<body>
+		<div id="page">
+			<a href="https://cabal.uzalu.net">
+				<img src="admiral_wes_satee.jpg" alt="Admiral Wes Satie" title="Vigilance, Mr. Worf." id="image"></img>
+				<div id="message">
+						Cabal Prevails
+				</div>
+			</a>
+		</div>
+	</body>
+</html>
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,38 @@
+* {
+	box-sizing: border-box;
+	font-family: lexend, sans-serif;
+}
+body {
+	background: rgb(13,15,16);
+	margin: 0;
+	padding: 0;
+}
+#page {
+	width:100%;
+	height:100%;
+	padding:max(5vw,5vh);
+	display:flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	align-content: center;
+}
+#image {
+	width:100%;
+	object-fit:contain;
+	overflow: hidden;
+	border-radius: 16pt;
+	height:80vh;
+	flex-grow:0;
+}
+#message {
+	text-align: center;
+	padding: 1em 0 1em 0;
+}
+a {
+	color: white;
+	text-decoration: none;
+}
+a:hover {
+	color: #ff0060;
+}