From eadc8fcf3bc7daa16b99cf71a3e852f0e103bd41 Mon Sep 17 00:00:00 2001
From: Peter 'Pita' Martischka <petermartischka@googlemail.com>
Date: Thu, 19 May 2011 22:17:41 +0100
Subject: [PATCH] Added a index.html

---
 static/index.html | 76 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 static/index.html
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 000000000..3526be1b7
--- /dev/null
+++ b/static/index.html
@@ -0,0 +1,76 @@
+<html>
+  <head>
+    <title>Etherpad Lite</title>
+    <style>
+      * {
+        font-family: Helvetica, Verdana, Sans-Serif;
+      }
+      
+      html, body {
+        height:100%;
+        margin:0;
+        padding:0;
+      }
+      
+      #wrapper {
+        margin:auto;
+        margin-top: 200px;
+        width: 300px;
+        height: 200px;
+      }
+      
+      #button {
+        width: 300px;
+        height: 80px;
+        
+        display: block;
+        
+        margin:auto;
+        
+        border: 2px solid #999;
+ 
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        
+        background-color: #fff;
+        background: white; /* fallback for older/unsupporting browsers */  
+        background: -moz-linear-gradient(top, #aaa, white 70%, white 70%);  
+        background: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), color-stop(70%, white), color-stop(70%, white));  
+        
+        text-decoration: none;
+        text-align: center;
+      }
+      
+      #button span {     
+        display: block;
+        margin-top:15px;   
+        font-size: 40px;
+        color: #333;
+        font-weight:bold;
+        text-decoration: none;
+      }
+      
+      #nameWrapper {
+        text-align: center;
+      }
+    </style>
+    <script type="text/javascript">
+      function go()
+      {
+        var padname = document.getElementById("padname").value;
+        if(padname.length > 0)
+        {
+          window.location = "http://" + window.location.host + "/p/" + padname;
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <div id="wrapper">
+      <a href="/newpad" id="button"><span>New Pad</span></a>
+      <div id="nameWrapper"><form>
+        <span><br>or create a Pad with the name <br></span> <input type="text" id="padname"/> <input type="submit" value="OK" onclick="go();return false;">
+      </form></div></a>
+    </div>
+  </body>
+</html>
