initial commit
how the site looked after first publishing, plus converting the png to a jpg
This commit is contained in:
BIN
admiral_wes_satee.jpg
Normal file
BIN
admiral_wes_satee.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 54 KiB |
19
index.html
Normal file
19
index.html
Normal file
@@ -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>
|
38
styles.css
Normal file
38
styles.css
Normal file
@@ -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;
|
||||||
|
}
|
Reference in New Issue
Block a user