Switch to side-by-side view

--- a/opensourceprojects/templates/frontpage.html
+++ b/opensourceprojects/templates/frontpage.html
@@ -33,6 +33,8 @@
       {{ blob }}
     {% endfor %}
 
+    <link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
+
     {% if c.project and c.project.neighborhood.css %}
       <style type="text/css">
         {{c.project.neighborhood.get_custom_css()|safe}}
@@ -45,327 +47,6 @@
     {% block extra_css %}{% endblock %}
       <style>.{{ g.antispam.honey_class }} { display:none }</style>
 
-      <style>
-.upcontent{
-    background-color: #F4F1FF;
-    width:100%;
-    height:350px;
-    border-bottom: 2px solid #414E96;
-}
-
-.tagnsign{
-    margin: 0 auto;
-    padding-top:80px;
-    width: 900px;
-    right:0px;
-    left:0px;
-}
-
-.tagline{
-    max-width: 500px;
-    word-wrap:break-word;
-    float: left;
-    color:#000C4C;
-    text-shadow: -1px 1 #333, 1 1px #333, 1px 1 #333, 1 -1px #333;
-}
-
-
-.taglinebig{
-    font-size: 42pt;
-    line-height: 60px;
-}
-
-.taglinemini{
-    font-size: 20pt;
-    line-height: 30px;
-    color:#414E96;
-    margin-top: 5px;
-}
-
-.signbtn {
-  width:277px;
-  height: 42px;
-  display: inline-block;
-  *display: inline;
-  padding: 4px 12px;
-  margin-top: 10px;
-  margin-bottom: 0;
-  *margin-left: .3em;
-  font-size: 14pt;
-  line-height: 20px;
-  color: #fff;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  background-color: #414E96;
-  *background-color: #414E96;
-  background-image: -moz-linear-gradient(top, #414E96, #000C4C);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414E96), to(#000C4C));
-  background-image: -webkit-linear-gradient(top, #414E96, ##000C4C);
-  background-image: -o-linear-gradient(top, #414E96, #000C4C);
-  background-image: linear-gradient(to bottom, #414E96, #000C4C);
-  background-repeat: repeat-x;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  border: 1px solid #000C4C;
-  text-shadow:none;
-  letter-spacing:1px;
-  font-weight: normal;
-  -webkit-box-shadow:none;
-  -moz-box-shadow:none;
-  box-shadow:none;
-    outline: none;
-}
-
-.signbtn:hover{
-  cursor: pointer;
-  background-color: #000C4C;
-  *background-color: #000C4C;
-  background-image: -moz-linear-gradient(top, #000C4C, #414E96);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000C4C), to(#414E96));
-  background-image: -webkit-linear-gradient(top, #000C4C, #414E96);
-  background-image: -o-linear-gradient(top, #000C4C, #414E96);
-  background-image: linear-gradient(to bottom, #000C4C, #414E96);
-  background-repeat: repeat-x;
-  border: 1px solid #000C4C !important;
-}
-
-.signform{
-    font-weight: lighter;
-    float: right;
-    max-width: 277px;
-}
-
-.signform input {
-    width:255px;
-    color:#444;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    letter-spacing: 1px;
-    font-size: 13pt;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    padding:10px;
-    margin:5px 0px 1px 0px;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    -moz-box-shadow: none;
-}
-
-.signformbox{
-    border:1px solid #414E96;
-}
-
-.signformboxcheck {
-    border:1px solid #0E942C;
-    background-color: #D9FEE1;
-}
-
-.signformboxwrong {
-    border:1px solid #d04437;
-    background-color: #f6e4e4;
-}
-
-.signformerror{ 
-    background-color:#d04437;
-    padding:7px 6px 5px 10px;
-    color:#FFF;
-    font-size: 10pt;
-    position: relative;
-    word-wrap:break-word;
-    max-width:264px;
-    text-align: left;
-    font-weight: bold;
-    display:none;
-}
-
-.signformarrow{
-    width: 0; 
-    height: 0; 
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-    border-bottom: 5px solid #d04437;
-    margin-left:12px;
-    display:none;
-}
-
-/* display only to test */
-
-#passarrow, #passerror{
-    display:block;
-}
-
-.middlecontent{
-    background-color: #FFF;
-    width:100%;
-    height:350px;
-    border-bottom: 1px solid #DFE2F2;
-    display: none;
-}
-
-
-.highlightnrecent{
-    margin: 0 auto;
-    width: 900px;
-    right:0px;
-    left:0px;
-}
-
-.highlightproj{
-    padding-top:20px;
-    background-color: #F00;
-    height:330px;
-    width: 445px;
-    float: left;
-    opacity:0.6;
-    padding-right:5px;
-}
-.recentproj{
-    padding-top:20px;
-    background-color: #0F0;
-    height:330px;
-    width: 445px;
-    float: right;
-    opacity:0.6;
-    padding-left:5px;
-}
-
-
-.downcontent{
-    background-color: #FFF;
-    width:100%;
-    height:800px;
-    border-bottom: 1px solid #414E96;
-    background-color: #d2d7f4;
-}
-
-
-.featurenexplain{
-    margin: 0 auto;
-    width: 900px;
-    right:0px;
-    left:0px;
-}
-
-.featureosp{
-    margin-top:40px;
-    float: left;
-    text-align: center;
-    padding:24px;
-    height: 530px;
-        border-right-width:1px;
-    -webkit-border-image: 
-        -webkit-gradient(linear, 0 0, 0 100%, from(#414E96), to(#d2d7f4)) 1 100%;
-    -webkit-border-image: 
-        -webkit-linear-gradient(#414E96, #d2d7f4) 1 100%;
-    -o-border-image:
-             -o-linear-gradient(#414E96, #d2d7f4) 1 100%;
-    -moz-border-image:
-           -moz-linear-gradient(#414E96, #d2d7f4) 1 100%; 
-
-}
-
-#lastfeature {border:none;}
-
-.featureadmin {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    border: 1px solid #414E96;
-    width:172px;
-    background-color: #FFF;
-    margin:0 auto;
-    margin-top: 30px;
-    height: 315px;
-}
-
-
-.featuregit {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    border: 1px solid #414E96;
-    height: 255px;
-    width:172px;
-    background-color: #FFF;
-    margin:0 auto;
-    margin-top: 30px;
-}
-
-
-.featureforum {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    border: 1px solid #414E96;
-    height: 320px;
-    width:172px;
-    background-color: #FFF;
-    padding-left: 2px;
-    margin:0 auto;
-    margin-top: 30px;
-    padding-top:4px;
-    padding-bottom:3px;
-}
-
-.featuretickets {
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    border: 1px solid #414E96;
-    height: 410px;
-    width:172px;
-    background-color: #FFF;
-    margin:0 auto;
-    margin-top: 30px;
-    padding-top:5px;
-    padding-bottom:1px;
-}
-
-
-.titleosp{
-    color:#000C4C;
-    font-size: 18pt;
-    font-weight: bold;
-    padding-bottom: 10px;
-    text-shadow: -1px 1 #333, 1 1px #333, 1px 1 #333, 1 -1px #333;
-}
-
-.explainosp{
-    color:#000C4C;
-    font-size: 10pt;
-    height: 60px;
-    line-height: 20px;
-    width: 170px;
-    margin: 0 auto;
-    text-align: center;
-}
-
-.explainosp p{
-    font-size: 13pt;
-    line-height: 25px;
-    padding: 0px;
-    margin: 0px; 
-}
-
-.featureadmin img{
-    width:167px;
-}
-
-.featureforum img{
-    width:170px;
-}
-
-.featuregit img{
-    width:167px;
-}
-
-.featuretickets img{
-    width:166px;
-}
-
-      </style>
     {% block head %}
     {% endblock %}
     {{g.analytics.display()}}
@@ -388,14 +69,17 @@
 <div class="tagnsign">
 
 <div class="tagline">
-<div class="taglinebig">A common location for ICT-EU projects</div>
-<div class="taglinemini">Community and Management Tools</div>
+<div class="taglinebig">A common location for EU-ICT projects</div>
+<div class="taglinemini">Open Source Community and Management Tools</div>
 </div>
 
-<form class="signform" action="/auth/create_account" method="get">
+{% if c.user and c.user != c.user.anonymous() %}
 
-    <button class="signbtn" type="submit">Sign up here </button>
-</form>
+{% else %}
+    <div class="signform">
+    {{form.display()}}
+    </div>
+{% endif %}
 </div>
 </div>