a

index.php

@@ -16,14 +16,16 @@
 			<br>
 			<em>By the way, this website is not shitpost.</em>
 		</p>
+		<div class="container">
 		<h2>Links</h2>
-		<p>
+		<div>
 			- <a href="https://soundcloud.com/nownpl">Music</a>
 			<br>
 			- <a href="https://git.tilde.team/arne_">Code</a>
 			<br>
-			- <a href="https://tilde.team/~arne/blog/">Blog</a> (not done yet :P)
-		</p>
+			- <a href="/blog">Blog</a> (not done yet :P)
+		</div>
+		</div>
 		<p>
 			So... Let's chat! I'm not a cold-hearted person that hates everyone!
 		</p>
@@ -33,10 +35,14 @@
 			<input placeholder="Do you like food?" type="text">
 		</p>
 		<p>
-			Do you like this website?
+			Do you like this website? <?php echo 'no' ?>
 			<br>
 			<input placeholder="Do you like this website?" type="text">
+			<br>
+			<br>
+			<em>Disclaimer: this form <strong>does not</strong> send data at all.</em>
 		</p>
+		<hr>
 	</main>
 	<footer>(C) Arne Swanson 2018-infinity</footer>
 </body>

styles/style.css

@@ -1,10 +1,14 @@
 html {
+	-ms-word-wrap: break-word;
+	    word-wrap: break-word;
 	padding: 12px;
 	cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC) 9 9, auto;
 }
 
 body {
 	font-family: "Input Mono";
+	font-size: 11px;
+	line-height: 11px;
 	color: #fff;
 	padding: 0;
 	margin: 0;
@@ -41,6 +45,7 @@ input {
 	border: 1px solid white;
 	padding: 10px;
 	margin: 3px;
+	margin-bottom: 11px;
 }
 
 p {
@@ -69,19 +74,36 @@ a {
 	font-weight: 700;
 	cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC) 9 9, auto;
 }
-
 a:hover {
 	text-decoration: underline;
 }
-
 a:after {
 	content: "~";
 	color: #00ffa6;
 }
 
+.headerholder {
+	margin-bottom: 11px;
+}
+
 footer {
-	position: absolute;
-	bottom: 11px;
-	left: 11px;
+	position: fixed;
+	width: 100%;
+	background: #000;
+	padding: 11px;
+	bottom: 0px;
+	left: 0px;
 	font-size: 11px;
+}
+
+hr {
+  position: relative;
+  height: 11px;
+  font-size: 0;
+  line-height: 0;
+  overflow: hidden;
+  height: 0px;
+  border: none;
+  border-bottom: 1px solid white;
+  margin-bottom: 11px;
 }