Added footer

static/css/index.css

@@ -8,6 +8,7 @@ body {
 	display: flex;
 	justify-content: center;
 	align-items: center;
+	font-family: monospace;
 }
 
 #main {
@@ -27,10 +28,10 @@ body {
 	height: 35px;
 	margin: 0px;
 	margin-left: 10px;
+	font-family: monospace;
 }
 
 #short_form {
-	font-family: "monospace";
 	font-size: 30px;
 	display: flex;
 	justify-content: center;
@@ -54,3 +55,27 @@ body {
 .info {
 	color: #848400;
 }
+
+#infobar {
+	display: flex;
+	margin-top: 10px;
+}
+
+a {
+	color: rgb(150, 150, 150);
+}
+
+a:hover {
+	color: black;
+}
+
+.infoitem {
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	border-right: 1px solid #cfcfcf;
+}
+
+.infoitem:last-child {
+	border-right: none;
+}

templates/index.html

@@ -16,6 +16,11 @@
 				<input type="hidden" name="wishId" value="{{name}}">
 				<input type="submit" value="Schort!" id="short_button">
 			</form>
+			<div id="infobar">
+				<span class="infoitem"><a href="#">API</a></span>
+				<span class="infoitem"><a href="#">FAQ</a></span>
+				<span class="infoitem"><a href="https://github.com/Sqozz/schort" target="_blank">github.com</a></span>
+			</div>
 		</div>
 	</body>
 </html>