[index] Added general information and mozilla observatory badge iframe

1 files changed, 18 insertions, 2 deletions

diff --git a/public/index.html b/public/index.html
index eed7d46..947930f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,9 +1,25 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		
+		<title>HTML Buttons</title>
+<style>
+#notice {
+	font-size: 0.9em;
+	color: gray;
+	font-style: italic;
+}
+</style>
 	</head>
 	<body>
-		Under construction
+		<h1>HTML Buttons</h1>
+		<p>This is an assortment of statically generated web buttons. Each one is made by hand with HTML and CSS. If you wan't to make your own, <a href="https://gitlab.com/Syndamia/web-buttons">clone the repository</a> and edit away <em>(you'll need to have the common-styles.css file included as a gitlab link, otherwise the image generation library won't work; this also means you cannot split your styling into files)</em>.</p>
+		<p><a href="https://gitlab.com/Syndamia/web-buttons">Source code</a> <span id="notice">&emsp; Made by <a href="https://syndamia.com/">Syndamia</a></span></p>
+		<p>If you find this useful, you might also like my <a href="https://utils.syndamia.com/">Small Web Utilities</a></p>
+		<hr>
+		<p>These are all of my creations. Each one has it's own page, but I've also included them here. The first is my HTML code from which the image is generated, and the second is the image.</p>
+		<dl>
+			<dt><a href="./mozilla-observatory.html">Mozilla Observatory Rating: A+</a></dt>
+			<dd><iframe src="./mozilla-observatory.html"></iframe></dd>
+		</dl>
 	</body>
 </html>