From e3c1e3b5fd9ee2fc29af2d0f56455fd9c9b15381 Mon Sep 17 00:00:00 2001
From: kleph <kleph@kleph.info>
Date: Tue, 31 Mar 2015 16:38:23 +0200
Subject: [PATCH] Improved CSS, HTML ans script (borrowed from grmbl.me!)

---
 index.html | 62 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 40 insertions(+), 22 deletions(-)
diff --git a/index.html b/index.html
index 931d287..428546c 100644
--- a/index.html
+++ b/index.html
@@ -1,27 +1,45 @@
 <head>
 	<title>C'est nul !</title>
+
+    <style type="text/css">
+    h1 {
+        font-size: 250%;
+        text-align: center;
+        margin-top: 50px;
+    }
+    p {
+        margin-top: 10em;
+        font-size: 75%;
+        text-color: grey;
+    }
+    </style>
+
+	<script src="punycode.min.js">
+	</script>
+
+    <script type="text/javascript">
+    	window.onload = clear;
+    	
+    	var s_base_domain = "saynul.eu";
+    	var s_replace = ", c'est nul !";
+
+    	function clear() {
+    	  // Leave the default content if no subdomain given.
+    	  if (location.host != s_base_domain) {
+
+    	      var s_hostname = punycode.toUnicode(location.host)
+    	      var s_txt = s_hostname.replace("." + s_base_domain, s_replace);
+    	      s_txt = s_txt.replace(/\./g, " ");
+    	      s_txt = s_txt.charAt(0).toUpperCase() + s_txt.slice(1);
+
+    	      // header tag and page title
+    	      document.getElementById("t").innerHTML = s_txt;
+    	      document.title = s_txt;
+    	  };
+    	};
+    </script>
 </head>
-
-<style>
-body {
-	        font-size: 200%
-}       
-</style>
-
-<script src="punycode.min.js">
-</script>
-
-<script type="text/javascript">
-	window.onload = clear;
-
-       	function clear() {
-		str_hostname = punycode.toUnicode(location.host)
-                str_hostname = str_hostname.replace(".saynul.eu", ", c'est nul !");
-                str_hostname = str_hostname.replace(/\./g, " ");
-                document.body.innerHTML = str_hostname;
-	};
-</script>
-
 <body>
-	C'est nul !
+  <h1 id="t">C'est nul !</h1>
+  <p>Hey ! Pour râler autrement, allez voir <a href="http://saynul.grmbl.me/">grmbl.me</a><p>
 </body>
