Update UI

- link to Android app
- logo
- like button

index.html

@@ -16,6 +16,7 @@
           <li>{{#link-to 'groups'}}Theaters{{/link-to}}</li>
           <li>{{#link-to 'api'}}API{{/link-to}}</a></li>
           <li>{{#link-to 'about'}}About{{/link-to}}</a></li>
+          <li><a><div class="fb-like" data-href="http://showtimes.everyday.in.th" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div></a></li>
         </ul>
       </div>
     </div>
@@ -23,23 +24,34 @@
     {{outlet}}
   </script>
 
-  <script type="text/x-handlebars" id="groups">
+  <script type="text/x-handlebars" data-template-name="groups">
     <div class="container-fluid">
       <div class="row-fluid">
         <div class="span2">
           <table class='table'>
             <thead>
+              <tr>
+                <td>
+                  <img src="http://zzyzx.co/static/showtimes-web-icon.png" width="128" height="128">
+                </td>
+              </tr>
               <tr><th>Groups</th></tr>
             </thead>
-
             <tbody>
               {{#each model}}
                 <tr>
                   <td>
-                    {{#link-to 'theaters' name}}{{name}} <small class='muted'>#{{id}}</small>{{/link-to}}
+                    <h4>{{#link-to 'theaters' name}}{{name}} <small class='muted'>#{{id}}</small>{{/link-to}}</h4>
                   </td>
                 </tr>
               {{/each}}
+              <tr>
+                <td>
+                  <a href="https://play.google.com/store/apps/details?id=co.zzyzx.showtimes.android">
+                    <img alt="Get it on Google Play" src="http://zzyzx.co/static/en_generic_rgb_wo_45.png" />
+                  </a>
+                </td>
+              </tr>
             </tbody>
           </table>
         </div>
@@ -51,7 +63,7 @@
     </div>
   </script>
 
-  <script type="text/x-handlebars" id="theaters">
+  <script type="text/x-handlebars" data-template-name="theaters">
     <div class="row-fluid">
       <div class="span5">
         <table class='table'>
@@ -78,7 +90,7 @@
   </script>
 
 
-  <script type="text/x-handlebars" id="showtimes">
+  <script type="text/x-handlebars" data-template-name="showtimes">
     <table class='table'>
       <thead>
         <tr><th>Movie Showtimes</th></tr>
@@ -89,7 +101,7 @@
           <tr>
             <td>
               {{#if poster_path}}<div class="pull-left" style="margin-right:0.5em"><img src="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" align="left" class="img-rounded" /></div>{{/if}}
-              {{movie}} <mark>{{audio}}</mark> <small class='muted'>on {{format-date date}}</small>
+              <h4>{{movie}} <small class='muted'><mark>{{audio}}</mark> on {{format-date date}}</small></h4>
               <p>{{showtimes}} {{#if cinema}}<small class='muted'>#{{cinema}}</small>{{/if}}</p>
             </td>
           </tr>
@@ -105,7 +117,7 @@
   </script>
 
 
-  <script type="text/x-handlebars" id="api">
+  <script type="text/x-handlebars" data-template-name="api">
     <div class='about'>
       <h1>#ShowtimesTH Public API</h1>
       <p>While this is in BETA, there will be no key or whatever. Data should be self explanation and is updating daily, roughly 7am ICT.</p>
@@ -153,10 +165,10 @@
   </script>
 
 
-  <script type="text/x-handlebars" id="about">
+  <script type="text/x-handlebars" data-template-name="about">
     <div class='about'>
       <h1>Zzyzx</h1>
-      <p>Whatever it is, it's quite awesome. Talk with us <a href="http://zzyzx.pw/">@Zzyzx Forum</a></p>
+      <p>Whatever it is, it is awesome. Talk with us <a href="http://zzyzx.pw/category/app/showtimes">@Zzyzx Forum</a></p>
     </div>
   </script>
 
@@ -166,5 +178,13 @@
   <script src="/bower_components/showdown/compressed/showdown.js"></script>
   <script src="/bower_components/moment/moment.js"></script>
   <script src="/js/app.js"></script>
+  <div id="fb-root"></div>
+  <script>(function(d, s, id) {
+    var js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return;
+    js = d.createElement(s); js.id = id;
+    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=807502172597046&version=v2.0";
+    fjs.parentNode.insertBefore(js, fjs);
+  }(document, 'script', 'facebook-jssdk'));</script>
 </body>
 </html>

js/app.js

@@ -22,6 +22,7 @@ var groups = [
 ];
 
 var restUrl = 'http://showtimes.everyday.in.th/api';
+// var restUrl = 'http://localhost:8888';
 var today = new Date();
 
 App.Router.map(function() {