Tarted up the style a bit, disable spellcheck.

zhuangzi · Dec 4, 2010 · 191a4c8 · 191a4c8
1 parent 1d1ecd9
commit 191a4c8
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 11 deletions.
diff --git a/wwwroot/generi.css b/wwwroot/generi.css
diff --git a/wwwroot/genrei.css b/wwwroot/genrei.css
@@ -3,7 +3,8 @@
 }
 
 .genrei-textarea {
-    border: 0.3em solid #ddd;
+    border: 0;
+    padding: 0;
     background: #ef;
     border-radius: 0.25em;
     -moz-border-radius: 0.25em; // Fireflabs

diff --git a/wwwroot/genrei.js b/wwwroot/genrei.js
@@ -4,6 +4,7 @@ var Genrei = (function($){
     var self = this;
     assert({ val: options.container, type: 'string', required: true });
     assert({ val: options.uri, type: 'string', required: true });
+    assert({ val: options.welcomeMessage, type: 'string' });
     self.options = options;
     // Initial values
     self.queuedQuery = null;
@@ -34,7 +35,8 @@ var Genrei = (function($){
       });
       form.append(self.chooser);
       // Input area
-      self.textarea = $('<textarea class="genrei-textarea"></textarea>');
+      self.textarea = $('<textarea spellcheck="false" class="genrei-textarea"></textarea>');
+      self.textarea.val(options.welcomeMessage);
       form.append(self.textarea);
       c.append(form);
       // Display area

diff --git a/wwwroot/index.html b/wwwroot/index.html
@@ -17,6 +17,13 @@ <h1>genrei</h1>
       <div id="default-container"></div>
       <noscript>Please enable JavaScript in your browser or you will not
         have a <em>good time.</em></noscript>
+      <div class="main-footer">
+        <p>
+          <a href="https://github.com/zhuangzi/genrei">
+            Github project
+          </a>
+        </p>
+      </div>
     </div>
   </body>
 </html>
diff --git a/wwwroot/kiboki-genrei.css b/wwwroot/kiboki-genrei.css
@@ -1,24 +1,38 @@
 
 body { 
-    font-family: sans-serif; 
+    font-family: sans-serif;
+    background: #ddd;
 }
 h1, h2, h3, h4 {
-    font-family: georgia, sans-serif;
-    color: #444;
+    font-family: sans-serif;
+    color: #666;
+    margin:0;
 }
 
 
 .main-wrap {
     margin: auto;
     max-width: 50em;
     padding: 1em;
+    background:white;
+    -moz-border-radius: 1em;
+    border-radius: 1em;
+}
+.main-footer {
+    font-size:0.8em;
+}
+.main-footer p {
+    padding: 1em 0 0 0;
 }
 
 
 .genrei-choice {
     margin: 0 0 1em 0;
 }
 .genrei-textarea {
+    padding:0;
+    margin:0;
+    display:block;
     width: 100%;
     height: 15em;
 }
@@ -27,4 +41,5 @@ h1, h2, h3, h4 {
     padding: 1em;
     background: #efe;
     font-family: monospace;
-}
+    border-bottom: 2px solid #eee;
+}
diff --git a/wwwroot/kiboki-genrei.js b/wwwroot/kiboki-genrei.js
@@ -1,6 +1,7 @@
 function kibokiGenrei(){
   new Genrei({ 
     container: '#default-container',
-    uri:       '/genrei/json'
+    uri:       '/genrei/json',
+    welcomeMessage: 'coi ro do'
   });
 }