Improved home page

2014-09-04 13:48:49 +02:00
parent 6292bf10b9
commit 4fefb54a13
2 changed files with 27 additions and 3 deletions
@@ -1,16 +1,20 @@
 <html>
 <head>
    <meta charset="utf-8"> 
-    <title>Javascript Spaghetti Profiler</title>
+    <title>Yellow Lab Tools</title>
    <link rel="stylesheet" type="text/css" href="/public/styles/main.css">
    <link rel="stylesheet" type="text/css" href="/public/styles/index.css">
 </head>
 <body>
-    <h1>Javascript Spaghetti Profiler</h1>
-
+    <h1>Yellow Lab Tools</h1>
+    <h2 class="promess">Free online test to help speeding up heavily javascripted pages</h2>
    <form method="post" action="/launchTest">
        <input type="text" name="url" placeholder="http://www.mysite.com" class="url" />
        <input type="submit" value="Launch test" class="launchBtn" onclick="this.className += ' clicked'" />
    </form>
+
+    <div class="footer">
+        <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
+    </div>
 </body>
 </html>
@@ -1,3 +1,9 @@
+.promess {
+    padding: 0em 2em 3em;
+    font-weight: normal;
+    font-size: 1.2em;
+}
+
 .url {
    width: 50%;
 }
@@ -26,4 +32,18 @@ input[type=submit].clicked {
    left: 0.1em;
    top: 0.2em;
    box-shadow: none;
+}
+
+.footer {
+    padding: 3em;
+    color: #5e2846;
+}
+.footer a {
+    color: inherit;
+}
+.footer .star {
+    font-weight: bold;
+}
+.footer .star span {
+    font-size: 1.2em;
 }