the integration with fb did not work, all alterations became in comment

Author: Giancarlo

app/controllers/auth_controller.js

@@ -0,0 +1,8 @@
+var actions = {};
+actions.index = function(request,response){
+    req.autenticate(["facebook"], function(error,autenticated){
+      console.log(autenticated);
+    })
+};
+
+module.exports = actions;

app/views/index.jade

@@ -0,0 +1,23 @@
+!!! 5
+html
+ head
+  title The TV Herald
+  link(rel='stylesheet', href='/stylesheets/style.css')
+ 
+ body
+  #all
+   #top
+    #logo1
+     img(src='/images/logo.png', title='The TV Herald', name='logo')
+    #menu
+     tr(cellspacing='20px')
+      td menu1
+       a.menu(href='/app/views/index.jade', title='Home') HOME
+      td menu2
+       a.menu(href='http://teste.thetvherald.nodejitsu.com/signin', title='Login') LOGIN     
+    #content
+     #center
+      h1 Series
+      p
+   #bottom
+    p Created by | #F4b

app/views/layout.jade

@@ -10,14 +10,17 @@ html
     #logo1
      img(src='/images/mainlogo.png', title='The TV Herald', name='logo')
     #menu
-     h1 Watch LESS television watching RIGHT television!
-     p The TV Herald suggests an alternative way to reducing hours spent watching television: watch only the TV series that interest you. Just make login and look for some series that you might like to get synopses, exhibition dates and more.
+     h2 Watch LESS television watching RIGHT television!
+     p TV Herald suggests an alternative way to reduce the time you spend watching poor television. It's an app that allows you to search the series you're interested in. (Don't waste more time!) 
+     p Just log in (through Facebook) and look for the series you would like to get synopses, exhibition dates and more.
       #links
        a.menu(href='/app/views/index.jade', title='Home') HOME
-   #content
-    #center
-     h1 Series
+       a.menu(href='http://teste.thetvherald.nodejitsu.com/signin', title='Login') LOGIN     
+    #content
+     #center
+      h1 Series
+      p
    #bottom
-    p abcdef
+    p Created by | #F4b
 
 

app/views/redirect.jade

@@ -1,17 +1,23 @@
 !!! 5
 html
  head
-  title= The TV Herald
-  link(rel='stylesheet', href='/public/stylesheets/style.css'))
+  title The TV Herald
+  link(rel='stylesheet', href='/stylesheets/style.css')
 
  body
   #all
    #top
     #logo1
      img(src='/images/logo.png', title='The TV Herald', name='logo')
     #menu
-   #content
-    #center
-     h1 Series
+     tr(cellspacing='5')
+      td menu1
+       a.menu(href='/app/views/index.jade', title='Home') HOME
+      td menu2
+       a.menu(href='http://teste.thetvherald.nodejitsu.com/signin', title='Login') LOGIN     
+    #content
+     #center
+      h1 Series
+      p
    #bottom
-    p2 abcdef
+    p Created by | #F4b

lib/routes.js

@@ -1,32 +1,32 @@
 /*
-  TODO: This is quick and dirty, should obviously refactor the hell out of this
+TODO: This is quick and dirty, should obviously refactor the hell out of this
 */
 
 var match = function(url,handler,method){
   handler = handler || "site#index";
-  
+
   var parts = handler.split(/\#/),
-      util = require("./util"),
-      controller = parts.shift(),
-      action = parts.shift(),
-      sys = require('sys'),
-      method = method || "get";
+  util = require("./util"),
+  controller = parts.shift(),
+  action = parts.shift(),
+  sys = require('sys'),
+  method = method || "get";
 
   //sys.puts(sys.inspect(controller));
-  
+
   if(!controller.match(/_controller$/)){
     if (controller == 'site') {
-        controller = 'Index';
+      controller = 'Index';
     }
     controller = controller + "Controller";
   }
-  
+
   sys.puts(sys.inspect(Server.controllers.controller_objects));
   sys.puts(sys.inspect(controller));
 
   var controller_id = util.camelize(controller),
-      action_handler = Server.controllers.controller_objects[controller][ action ];
-  
+  action_handler = Server.controllers.controller_objects[controller][ action ];
+
   //add the handler for the url
   if(url && action_handler){
     app[method](url,action_handler);
@@ -38,5 +38,6 @@ var resource = function(resource_name){
 };
 
 module.exports.draw = function(app){
-  match("/")
+  match("/");
+  //match("/signin","Auth#index");
 };

lib/setup.js

@@ -1,3 +1,4 @@
+var keys = require("appkeys")
 module.exports.setup = function(o){
   var sys = require("sys"),
   app = o.app,
@@ -8,7 +9,7 @@ module.exports.setup = function(o){
 
   global.db = mongoose.connect("mongodb://localhost/tv");
 
-  require("./models.js").autoload(db);
+    require("./models.js").autoload(db);
   require("./controllers.js").autoload(app);
   require("./routes.js").draw(app);
 
@@ -19,6 +20,10 @@ module.exports.setup = function(o){
     app.use(express.methodOverride());
     app.use(app.router);
     app.use(express.static(__dirname + '/../public'));
+    /*app.use(auth( [
+                 auth.Facebook({appId : keys.fbId, appSecret: keys.fbSecret, scope: "email", callback: "http://teste.thetvherald.nodejitsu.com/signin"})
+    ]) );*/
+
   });
   app.configure('development', function(){
     app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); 
@@ -27,6 +32,5 @@ module.exports.setup = function(o){
   app.configure('production', function(){
     app.use(express.errorHandler()); 
   });
-
   app.listen(8080);
-};
+}

public/images/hover.png

@@ -2,7 +2,9 @@ body {
 	margin:50px 50px 50px 50px;
 	padding: 20px;
 	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
-	background-color: #bab595;
+	background-color: #bab595;;
+	background: -moz-linear-gradient(top, #bab595, #aaa585);
+	background: -webkit-gradient(linear, left top, left bottom, from(#bab595), to(#aaa585));
 	height: 100%;
 }
 
@@ -12,7 +14,7 @@ div#all {min-height: 100%;
 div#logo1 { float: left;
 }
 
-div#top { height:300px
+div#top { height:300px;
 }
 
 div#menu {	margin-left: 290px;
@@ -25,9 +27,11 @@ div#menu {	margin-left: 290px;
 	border-radius: 10px;
 }
 
-div#links {
-	text-align:center;
+hr { color: #4158f3;
+	box-shadow: 5px 5px 5px #000;
+	height: 1px
 }
+
 h1 { 
 	font-family: "Arial Black";
 	font-size: 24pt;
@@ -42,28 +46,56 @@ h2 {
 	text-shadow: 0.1em 0.1em 0.2em black;
 }
 
-	a.menu:link {font-size: 18px;
+div#teste2 { float:center}
+
+div#links {
+		height: 30px;
+		position: relative;
+		box-shadow: 6px 6px 6px #3a3939;
+		background: #6d79ca;
+		background: -moz-linear-gradient(top, #6d79ca, #1d31b9);	
+		background: -webkit-gradient(linear, left top, left bottom, from(#6d79ca), to(#1d31b9));
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px; 
+		border-radius: 5px;
+		box-shadow: 6px 6px 6px #3a3939;
+}
+
+a.menu { margin-left: 20px;
+}
+
+a.menu:link {font-size: 18px;
 		font-family: "Arial Black";
 		text-shadow: 0.1em 0.1em 0.2em black;
 		text-decoration: none;
 		color: #000000;
+		position:absolute;
 }
-	a.menu:visited {text-decoration: none;
+
+a.menu:visited {text-decoration: none;
+		font-size: 18px;
+		font-family: "Arial Black";
+		text-shadow: 0.1em 0.1em 0.2em black;
+		text-decoration: none;
 		color: #000000;
 }
-	a.menu:hover {text-decoration: none;
+
+a.menu:hover {text-decoration: none;
+		font-size: 18px;
+		font-family: "Arial Black";
+		text-shadow: 0.1em 0.1em 0.2em black;
+		text-decoration: none;
 		color: #000000;
-		background-image:url('/images/hover.png');
-		box-shadow: 2px 2px 2px #000;
 }
-	a.menu:active {text-decoration: none;
+
+a.menu:active {text-decoration: none;
 }
 
 div#center {
 	font-family: Arial;
 	background-color: white;
 	box-shadow: 5px 5px 5px #000;
-	border: solid 1px;
+	border: solid 1px #ffffff;
 	background: #FFFFFF;
 	background: -moz-linear-gradient(top, #FFFFFF, #d3d3d3);
 	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d3d3d3)); 
@@ -72,7 +104,6 @@ div#center {
 	border-radius: 10px;
 }
 
-
 div#bottom {
 	float: bottom;
 	margin: 15px;
@@ -88,4 +119,4 @@ div#bottom {
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
-}
+}