index.html.tt in jets-0.5.4

- old
+ new

@@ -1,5 +1,6 @@
+# encoding: utf-8
 <!DOCTYPE html>
 <html>
 <head>
   <title>Ruby on Jets</title>
   <meta charset="utf-8">
@@ -30,10 +31,15 @@
       /*color: white;*/
     }
     .title {
       font-size: 1.5em;
     }
+    @media (max-width: 500px) {
+      .title {
+        font-size: 1.3em;
+      }
+    }
     .intro {
       text-align: left;
       font-size: large;
       margin: 0 auto;
       padding: 0 20px;
@@ -46,18 +52,24 @@
     pre {
       margin-left: 20px;
       width: 99%;
       overflow: auto;
     }
+    @media (max-width: 500px) {
+      pre {
+        margin-left: -30px;
+        font-size: 0.8em;
+      }
+    }
   </style>
 </head>
 
 <body>
   <div class="container">
     <header class="header">
       <img src="https://s3.amazonaws.com/jets-public/jets/images/jets.png" class="logo" alt="logo" />
-      <h1 class="title">Welcome. Congrats on setting up Jets.</h1>
+      <h1 class="title">Welcome and congrats 🎉<br /> Jets is running.</h1>
     </header>
     <div class="intro">
       <p>
         To get started:
       </p>
@@ -66,14 +78,15 @@
         $ jets db:create db:migrate
         $ jets server
         $ open http://localhost:8888/posts
         $ jets help
       </code></pre></div>
-      <p>More on: <a href="http://rubyonjets.com">rubyonjets.com</a></p>
+      <p>More on info: <a href="http://rubyonjets.com">rubyonjets.com</a></p>
+      <p>Also check out the <a href="http://rubyonjets.com/reference">Jets CLI reference</a>.</p>
     </div>
     <p class="version">
       <strong>Jets version:</strong> <%= Jets.version %><br />
-      <strong>Ruby version:</strong> <%= RUBY_VERSION %> (<%= RUBY_PLATFORM %>)
+      <strong>Ruby version:</strong> <%= Jets::RUBY_VERSION %>
     </p>
   </div>
 </body>
 </html>