Style the welcome page.

jaredhanson · Aug 18, 2012 · 8384c91 · 8384c91
1 parent 99b22ed
commit 8384c91
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/lib/locomotive/cli/create.js b/lib/locomotive/cli/create.js
@@ -56,13 +56,25 @@ var mainTemplate = [
     '<!DOCTYPE html>'
   , '<html>'
   , '  <head>'
-  , '    <title>Locomotive</title>'
+  , '    <title><%= title %></title>'
+  , '    <link rel="stylesheet" href="/stylesheets/style.css" />'
   , '  </head>'
   , '  <body>'
-  , '    <h2>Welcome to <%= title %></h2>'
+  , '    <h1><%= title %></h1>'
+  , '    <p>Welcome aboard! Visit <a href="http://locomotivejs.org/">locomotivejs.org</a> for details.</p>'
   , '  </body>'
   , '</html>'
+].join(eol);
+
+var cssStylesheet = [
+    'body {'
+  , '  padding: 50px;'
+  , '  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;'
+  , '}'
   , ''
+  , 'a {'
+  , '  color: #00B7FF;'
+  , '}'
 ].join(eol);
 
 var routesTemplate = [
@@ -225,6 +237,10 @@ function createApplicationAt(path) {
     });
 
     mkdir(path + '/public');
+    mkdir(path + '/public/stylesheets', function(){
+      write(path + '/public/stylesheets/style.css', cssStylesheet);
+    });
+
     write(path + '/package.json', packageJSON);
   });
 }