Permalink
Browse files

tweaked index page design

  • Loading branch information...
1 parent 39132c1 commit c075a338d9f197bdffd3e98cae02bcfe7eb9b540 @KensakuKOMATSU committed Jan 17, 2012
Showing with 24 additions and 5 deletions.
  1. +24 −5 views/index.ejs
View
@@ -1,16 +1,38 @@
+<style>
+.sub {
+ border: 1px solid gray;
+ border-radius: 4px;
+ padding: 6px 3px;
+}
+
+.caution {
+ color: #f00;
+ font-size: 0.8em;
+ text-style: italic;
+ padding: 5px;
+}
+</style>
+
+
+
<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
+<hr>
+
<section id=urlshortner>
<h2>Input URL</h2>
<input type=text value="http://www.google.com">
<button>shorten</button>
<div class=out></div>
</section>
+<hr>
+
<section id=chat>
<h2>Chat</h2>
<div class=before>
+ <div class=caution>1st of all, accessing <a href="http://webintents_chat.cloudfoundry.com/" target="_blank">test chat site</a> is required. After that, please click the button below.</div>
<button>connect to 3rd party chat</button>
</div>
<div class=after>
@@ -25,17 +47,14 @@
</div>
</section>
+<hr>
+
<section id=imageshare>
<h2>Input Image URL</h2>
<input type=text value="http://www.w3.org/html/logo/downloads/HTML5_Badge_128.png">
<button>share image</button>
<div class=out></div>
</section>
-
-<section id=messageport>
- <button class=event>push event</button>
- <button class=send>send messageport</button>
-</section>
<hr>
<section id="usefullinks">

0 comments on commit c075a33

Please sign in to comment.