basic view for tutorial.

Author: hdoan741

app.js

@@ -55,9 +55,11 @@ passport.use(new LocalStrategy(
 ));
 
 app.get('/', routes.index);
-app.get('/users', user.list);
 app.get('/login', routes.login);
 app.get('/path', routes.login);
+app.get('/learnpath/:lid', routes.learnpath);
+app.get('/tutorial/:tid', routes.tutorial);
+app.get('/profile/:uid', user.profile);
 
 app.get('/auth',
   passport.authenticate('local', {failureRedirect: '/login'}),

public/stylesheets/style.css

@@ -1,7 +1,6 @@
 body {
   padding-top:60px;
   padding-bottom:40px;
-  background:url(../images/background.png);
   overflow-y:scroll;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
@@ -20,26 +19,25 @@ a {
     object-position: top center;
 }
 
-.im:hover
-{
-opacity:0.5;
-filter:alpha(opacity=100); /* For IE8 and earlier */
+.im:hover {
+  opacity:0.5;
+  filter:alpha(opacity=100); /* For IE8 and earlier */
 }
 
 .atext{
-	height: 40px;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  height: 40px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .tut-sub-by-wrap {
-	padding-top: 4px;
-	border-top: 1px solid #E2E2E2;
-	margin-top: 4px;
-	height:14px;
-	line-height: 14px;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  padding-top: 4px;
+  border-top: 1px solid #E2E2E2;
+  margin-top: 4px;
+  height:14px;
+  line-height: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 
@@ -51,7 +49,7 @@ filter:alpha(opacity=100); /* For IE8 and earlier */
     box-shadow: 1px 1px 1px black;
     color: white;
     font: bold 24px/20px Helvetica, Verdana, Tahoma;
-    height: 30px; 
+    height: 30px;
     line-height: 30px;
     width: 30px;
     padding: 1px 1px 1px 1px;
@@ -61,7 +59,7 @@ filter:alpha(opacity=100); /* For IE8 and earlier */
 .path-node-title {
   display: block;
   font: bold 24px/20px Helvetica, Verdana, Tahoma;
-  height: 30px; 
+  height: 30px;
   line-height: 30px;
   padding: 10px 10px 10px 10px;
   margin: 10px 10px 10px 10px;
@@ -70,3 +68,11 @@ filter:alpha(opacity=100); /* For IE8 and earlier */
 
 }
 
+.externtut {
+  display: block;
+  text-align: center;
+}
+
+.label {
+  margin-right: 5px;
+}

routes/index.js

@@ -11,12 +11,55 @@ exports.index = function(req, res) {
   }
 };
 
+exports.tutorial = function(req, res) {
+  console.log(req.params);
+  var tutorialId = req.params.tid;
+  if (!tutorialId) {
+    res.send("response with a resource");
+  } else {
+    // fetch tutorial based on id
+    var tut = {
+      title: 'NodeJS web basic',
+      createdBy: 'Hung Doan',
+      star: 5,
+      desc: "In this tutorial I will run you through the process setting up an Express.js app and making it do what a basic website might do. You will learn the basics of routes, views, Jade templates, Stylus CSS engine, handling POST and GET requests.",
+      url: 'http://www.hacksparrow.com/express-js-tutorial.html',
+      stat: {
+        likes: 103,
+        shares: 50,
+        views: 1042
+      },
+      requires: [
+        'javascript-basic',
+        'nodejs-basic',
+        'javascript',
+        'nodejs',
+      ],
+      acquires: [
+        'nodejs-intermediate',
+        'expressjs-basic',
+        'nodejs-basic',
+        'javascript',
+      ]
+    };
+    res.render('tutorial', {
+      title: tut.title,
+      tut: tut
+    });
+  }
+}
+
+exports.learnpath = function(req, res) {
+  console.log(req.params);
+  res.send("respond with a resource");
+}
+
 /*
  * GET login page.
  */
 exports.login = function(req, res){
   console.log('login');
-  res.render('login',{ title: 'Login' });
+  res.render('login', { title: 'Login' });
 };
 
 /*

routes/user.js

@@ -3,6 +3,7 @@
  * GET users listing.
  */
 
-exports.list = function(req, res){
+exports.profile = function(req, res){
+  console.log(req.params);
   res.send("respond with a resource");
-};
+};

views/layout.jade

@@ -1,10 +1,10 @@
 doctype 5
 html
   head
-    title= title
+    title = title
     link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
     link(rel='stylesheet', href='/stylesheets/style.css')
-    include bit/scripts    
+    include bit/scripts
   body
     include bit/topbar
     div.container