--- a/views/index.jade	Thu Jun 12 10:36:52 2014 +0200
+++ b/views/index.jade	Thu Jun 12 20:51:10 2014 +0200
@@ -37,12 +37,12 @@
 
      gapi.signin.render('gp-root', {
       'callback': 'signinCallback',
-      'clientid': 'GOOGLEPLUSCLIENTID.apps.googleusercontent.com',
+      'clientid': 'GOOGLEPLUSID.apps.googleusercontent.com',
       'redirecturi': 'postmessage',
       'response_type' : 'code',
       'accesstype': 'offline',
       'approvalprompt': 'force',
-      'cookiepolicy': "https://pumpbridge.me",
+      'cookiepolicy': "https://server.example",
       'requestvisibleactions': 'http://schemas.google.com/AddActivity',
       'scope': 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email'
      });
@@ -96,10 +96,34 @@
      }
 
 
-
     // load facebook api
     script.
      $(document).ready(function () {
+         var usermapfb="#{usermapfb}";
+         var usermaptw="#{usermaptw}";
+         var usermapgp="#{usermapgp}";
+
+         if(usermapfb == 'true'){
+           $('#fbloginbutton2').addClass('hide');
+           $('#fbdeletebutton').removeClass('hide');
+         }else{
+           $('#fbloginbutton2').removeClass('hide');
+           $('#fbdeletebutton').addClass('hide');
+         }
+         if(usermaptw == 'true'){
+           $('#twloginbutton2').addClass('hide');
+           $('#twdeletebutton').removeClass('hide');
+         }else{
+           $('#twloginbutton2').removeClass('hide');
+           $('#twdeletebutton').addClass('hide');
+         }
+         if(usermapgp == 'true'){
+           $('#gploginbutton2').addClass('hide');
+           $('#gpdeletebutton').removeClass('hide');
+         }else{
+           $('#gploginbutton2').removeClass('hide');
+           $('#gpdeletebutton').addClass('hide');
+         }
 
          var twstatus = getCookie('twitterid')
          if (twstatus != "") $('#twstatus').html('<a href=https://twitter.com/account/redirect_by_id/' + twstatus + '> ' + getCookie('twitteruser') + '</a>');
@@ -110,7 +134,7 @@
 
          $.getScript('//connect.facebook.net/de_DE/all.js', function () {
              FB.init({
-                 appId: 'FACEBOOKCLIENTID',
+                 appId: 'FACEBOOKID',
                  status: true
              });
 
@@ -161,10 +185,12 @@
   body
    block content
   .main
-      h1(class='headline') pumpbridge.<br>connecting social networks
+      .headlinebox
+        img(class="ribbon", src="/images/ribbonl.png")
+        h1(class='headline') pumpbridge.<br>connecting social networks
       #pump-root.pump-root
         h4
-          | logged in as:
+          | logged in as:&nbsp;
           a(id='pumpstatus',class='pumpstatus',href=user.homepage)=user.id
       #fb.fb
         #fb-root.fb-root
@@ -174,8 +200,10 @@
           br
           form(class='',action='/bridge',method='post')
            input(id='fbdeleted',name='fbdelete',hidden='true',value=user.id)
-           button(type='submit',class='btn btn-default btn-xs')
+           button(id='fbdeletebutton',type='submit',class='btn btn-default btn-xs',hidden='true')
             | delete credentials
+          button(id='fbloginbutton2',name='fbloginbutton2',class='btn btn-default btn-xs',onClick='$("#fbloginbutton").click()')
+           | add credentials
       #gp.gp
         #gp-root.gp-root
            input(id='gploginbutton',type='image',class='gploginbutton',value='gpLogin',src='images/gp.svg',width='100px',height='100px')
@@ -184,8 +212,10 @@
           br
           form(class='',action='/bridge',method='post')
            input(id='gpdeleted',name='gpdelete',hidden='true',value=user.id)
-           button(type='submit',class='btn btn-default btn-xs')
+           button(name='gpdeletebutton',id='gpdeletebutton',type='submit',class='btn btn-default btn-xs')
             | delete credentials
+          button(id='gploginbutton2',name='gploginbutton2',class='btn btn-default btn-xs',onClick='$("#gploginbutton").click()')
+           | add credentials
       #tw.tw
         #tw-root.tw-root
           a(href='/add-account'): input(type='image',value='twitterlogin',src='images/twitter.svg',width='100px',height='100px')
@@ -194,8 +224,10 @@
           br
           form(class='',action='/bridge',method='post')
            input(id='twdeleted',name='twdelete',hidden='true',value=user.id)
-           button(type='submit',class='btn btn-default btn-xs')
+           button(id='twdeletebutton',type='submit',class='btn btn-default btn-xs')
             | delete credentials
+          button(id='twloginbutton2',name='twloginbutton2',type='submit',class='btn btn-default btn-xs',onClick='location.href="/add-account"')
+           | add credentials
        form(class='',action='/bridge',method='post')
          input(id='pumpid',name='pumpid',hidden='true',value=user.id)
          input(id='pumptoken',name='pumptoken',hidden='true', value=user.token)
@@ -206,6 +238,10 @@
          input(id='gpid',name='gpid',hidden='true')
          input(id='gptoken',name='gptoken',hidden='true',size=100)
          br
+         | you need to extra save the credentials
+         br
+         | for facebook and googleplus
+         br
          input(type='submit',class='btn btn-default',value='save credentials')
    .footer
     #logout.logout
@@ -214,6 +250,8 @@
           input(type='submit',class='btn btn-default',value='logout')
          br
      p.
-      here our bridge will be.
-      <br> visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge/</a>
-
+       <a href=https://wald.intevation.org/hg/pumpbridge/>pumpbridge</a> is Free Software and available under the Apache License 2.0.
+       <br>
+       visit <a href=https://wald.intevation.org/projects/pumpbridge/>https://wald.intevation.org/projects/pumpbridge</a> for more informations!
+       <br>
+       pumpbridge is hosted and operated by <a href=https://io.intevation.de/mgebbe>Mathias Gebbe</a> <a href=/contact.html>(Contact)</a>      <br>