--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/views/index.jade	Thu Jun 05 10:35:15 2014 +0200
@@ -0,0 +1,188 @@
+doctype html
+html(lang="en")
+  head
+    title= pageTitle
+
+    link(rel='stylesheet', href='/stylesheets/style.css')
+    link(rel='icon', href='/images/favicon.ico',type='image/x-icon')
+    link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
+
+    // load jquery
+    script(src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js')
+
+    // load googleplus api
+    script(type='text/javascript').
+      (function() {
+       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+       po.src = 'https://apis.google.com/js/client:plusone.js';
+       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+      })();
+
+
+    // load googleplus api sign in
+
+    script(type='text/javascript').
+     (function() {
+     var po = document.createElement('script');
+     po.type = 'text/javascript'; po.async = true;
+     po.src = 'https://apis.google.com/js/client:plusone.js?onload=render';
+     var s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(po, s);
+       })();
+
+     /* Executed when the APIs finish loading */
+     function render() {
+
+     gapi.signin.render('gp-root', {
+      'callback': 'signinCallback',
+      'clientid': '460404084439-rgb5r2vh7hh8hvf2na65c7n1ofhmomek.apps.googleusercontent.com',
+      'redirecturi': 'postmessage',
+      'response_type' : 'code',
+      'accesstype': 'offline',
+      'approvalprompt': 'force',
+      'cookiepolicy': "https://do.blessuren.de:3000",
+      'requestvisibleactions': 'http://schemas.google.com/AddActivity',
+      'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email'
+     });
+     }
+
+    // handle googleplus callback
+
+    script(type='text/javascript').
+     function signinCallback(authResult) {
+      if (authResult['status']['signed_in']) {
+       // Update the app to reflect a signed in user
+       // Hide the sign-in button now that the user is authorized, for example:
+       //document.getElementById('signinButton').setAttribute('style', 'display: none');
+       //alert('googleplus is ready for bridging');
+       
+       gapi.client.load('plus', 'v1', function() {
+          var request = gapi.client.plus.people.get({
+            'userId': 'me'
+          });
+          request.execute(function(resp) { 
+                                          //alert(JSON.stringify(resp)); 
+                                          $('#gpstatus').html('<a href=' + resp.url + '> ' + resp.displayName + '</a>');
+                                          var token = gapi.auth.getToken();
+                                          //alert(JSON.stringify(token)); 
+                                          $('#gpid').val(resp.id+'@google');
+                                          $('#gptoken').val(token.access_token + ';' + token.code);
+                                         }); 
+       }); 
+
+ 
+     } else {
+       // Update the app to reflect a signed out user
+       // Possible error values:
+       //   "user_signed_out" - User is signed-out
+       //   "access_denied" - User denied access to your app
+       //   "immediate_failed" - Could not automatically log in the user
+       //alert('you cancelled login or did not fully authorize: ' + authResult['error']);
+      }
+     }
+
+
+    // load facebook api
+    script.
+     $(document).ready(function () {
+       
+         $.ajaxSetup({
+             cache: true
+         });
+
+         $.getScript('//connect.facebook.net/en_UK/all.js', function () {
+             FB.init({
+                 appId: '771281529571170',
+                 status     : true
+             });
+
+         FB.getLoginStatus(function(response) {
+            if (response.status === 'connected') {
+               // the user is logged in and has authenticated your
+               // app, and response.authResponse supplies
+               // the user's ID, a valid access token, a signed
+               // request, and the time the access token 
+               //  and signed request each expire
+               var uid = response.authResponse.userID;
+               var accessToken = response.authResponse.accessToken;
+               $('#fbtoken').val(accessToken);
+                FB.api('/me', function(response) {
+                 $('#fbstatus').html('<a href=//facebook.com/' + response.id + '> ' + response.name + '</a>');
+                 $('#fbid').val(response.id+'@facebook');
+                });
+            } else if (response.status === 'not_authorized') {
+               // the user is logged in to Facebook, 
+               // but has not authenticated your app
+               $('#fbstatus').html('not authorized');
+            } else {
+               // the user isn't logged in to Facebook.
+               $('#fbstatus').html('not logged in');
+            }
+           });
+ 
+
+         });
+   
+
+        $('.fbloginbutton').on('click', function(e){
+           FB.login(function(response) {
+             if (response.authResponse) {
+               FB.api('/me', function(response) {
+                 //document.getElementById("logoutbutton").disabled = false;
+               });
+             } else {
+               //Not logged in
+               //alert('you cancelled login or did not fully authorize.');
+             }
+           }, {scope: 'publish_actions,publish_stream,read_stream,read_friendlists,user_likes,read_insights,user_activities'});
+         })
+
+        //$('.logoutbutton').on('click', function(e){
+        //   FB.logout();
+        // })
+        $('#pumpobj').val(JSON.stringify(!{JSON.stringify(user)})); 
+           });
+
+  body
+   block content
+  .main 
+      h1(class='headline') pumpbridge.<br>connecting social networks
+      #fb-root.fb-root
+         input(id='fbloginbutton',type='image',class='fbloginbutton',value='fbLogin',src='images/fb.svg',width='100px',height='100px')
+      #gp-root.gp-root
+         input(id='gploginbutton',type='image',class='gploginbutton',value='gpLogin',src='images/gp.svg',width='100px',height='100px')
+         //span.g-signin(data-scope='https://www.googleapis.com/auth/plus.login', data-clientid='460404084439-rgb5r2vh7hh8hvf2na65c7n1ofhmomek.apps.googleusercontent.com', data-redirecturi='postmessage', data-accesstype='offline', data-cookiepolicy='single_host_origin', data-callback='signInCallback', approval_prompt='force')
+      #pump-root.pump-root
+         a(href='/login')         
+          input(id='pumploginbutton',type='image',class='pumploginbutton',value='pumpLogin',src='images/pumpiologo.svg',width='100px',height='100px')
+      br
+     form(class='',action='/bridge',method='post')
+      #connect.connect
+      ul
+       li Facebook:
+         i(id='fbstatus') not logged in
+         br
+         input(id='fbid',name='fbid',hidden='true')
+         input(id='fbtoken',name='fbtoken',hidden='true')
+       li GooglePlus:
+         i(id='gpstatus') not logged in
+         br
+         input(id='gpid',name='gpid',hidden='true')
+         input(id='gptoken',name='gptoken',hidden='true',size=100)
+       li pump.io:  
+         a(id='pumpstatus',class='pumpstatus',href=user.homepage)= user.id 
+         br
+         input(id='pumpid',name='pumpid',hidden='true',value=user.id)
+         input(id='pumptoken',name='pumptoken',hidden='true', value=user.token)
+         input(id='pumpsecret',name='pumpsecret',hidden='true', value=user.secret)
+         input(id='pumpobj',name='pumpobj', hidden='true' value='')
+      br
+      input(type='submit',class='btn btn-default',value='save tokens')
+   .footer
+    #logout.logout
+         //input(id='logoutbutton',type='button',class='logoutbutton',value='Logout',disabled)
+         form(class='',action='/logout',method='post')
+          input(type='submit',class='btn btn-default',value='logout')
+         br
+     p.
+      here our bridge will be.