Website: Added references icons. Added twitter link. Some style fixes.

extras/website/website/static/css/style.css

@@ -10,6 +10,10 @@ body {
 .navbar .nav > li > a {
     color: #cccccc;
 }
+.hero-unit {
+    margin-top: -15px;
+    padding: 40px 60px;
+}
 .subhead {
     margin-bottom: 9px;
     padding-bottom: 0;

extras/website/website/templates/base.html

@@ -77,7 +77,7 @@
      <div class="row">
        <div class="span12">
          <div class="row">
-           <div class="span3">
+           <div class="span2">
              <h4>Produkt</h4>
              <ul class="unstyled">
                <li><a href="{% url about %}">Was ist OpenSlides?</a></li>
@@ -89,7 +89,7 @@
                <li><a href="{% url demo %}">Demo</a></li>
              </ul>
            </div>
-           <div class="span3">
+           <div class="span2">
              <h4>Support & Dokumentation</h4>
              <ul class="unstyled">
                  <li><a href="{% url support %}">Professioneller Support</a></li>
@@ -97,7 +97,7 @@
                  <li><a href="#">Handbuch</a></li>
              </ul>
            </div>
-           <div class="span3">
+           <div class="span2">
              <h4>Entwicklung</h4>
              <ul class="unstyled">
                  <li><a href="http://dev.openslides.org">Wiki</a></li>
@@ -106,7 +106,7 @@
                  <li><a href="http://dev.openslides.org/browser">Quellcode durchsuchen</a></li>
              </ul>
            </div>
-           <div class="span3">
+           <div class="span2">
              <h4>Mehr</h4>
              <ul class="unstyled">
                <li><a href="#">Spenden</a></li>
@@ -114,6 +114,10 @@
                <li><a href="{% url impressum %}">Impressum</a></li>
              </ul>
            </div>
+           <div class="span4">
+             <a href="https://twitter.com/openslides" class="twitter-follow-button" data-show-count="false" data-lang="de" data-size="large">@openslides folgen</a>
+             <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+           </div>
          </div>
        </div>
      </div>

extras/website/website/templates/base_support.html

@@ -10,7 +10,6 @@
         <li class="{% block submenu_support %}{% endblock %}"><a href="{% url support %}">Professioneller Support</a></li>
         <li><a href="#">FAQ</a></li>
         <li><a href="#">Handbuch</a></li>
-        <li><a href="http://dev.openslides.org/">Wiki</a></li>
     </ul>
   </div>
 {% endblock %}

extras/website/website/templates/home.html

@@ -12,12 +12,10 @@
 {% block mainmenu_home %}active{% endblock %}
 
 {% block container %}
-
-
   <div class="hero-unit">
-  <div class="thumbnail span5" style="float:right; margin: 5px;">
-    <img src="/static/img/agenda-overview_de.png" alt="">
-  </div>
+    <div class="thumbnail span5" style="float:right; margin: 5px;">
+      <img src="/static/img/agenda-overview_de.png" alt="">
+    </div>
     <span>
     <h1>OpenSlides</h1>
     <br>
@@ -61,23 +59,23 @@
       <p>OpenSlides war bereits erfolgreich im Einsatz bei:</p>
       <ul class="thumbnails">
         <li class="span2">
-          <a class="thumbnail" href="#">
-            <img alt="" src="http://placehold.it/100">
+          <a class="thumbnail" href="http://www.piratenpartei.de/" title="Piratenpartei Deutschland">
+            <img alt="Piraten" src="/static/img/references/piraten-logo.png">
           </a>
         </li>
         <li class="span2">
-          <a class="thumbnail" href="#">
-            <img alt="" src="http://placehold.it/100">
+          <a class="thumbnail" href="http://hamburg.gruene.de/" title="BÜNDNIS 90/DIE GRÜNEN Landesverband Hamburg">
+            <img alt="Grüne HH" src="/static/img/references/gruene-logo.png">
           </a>
         </li>
         <li class="span2">
-          <a class="thumbnail" href="#">
-            <img alt="" src="http://placehold.it/100">
+          <a class="thumbnail" href="http://bundes-esg.de/" title="Evangelischen StudentInnengemeinde in der Bundesrepublik Deutschland (ESG)">
+            <img alt="ESG" src="/static/img/references/esg-logo.png">
           </a>
         </li>
         <li class="span2">
-          <a class="thumbnail" href="#">
-            <img alt="" src="http://placehold.it/100">
+          <a class="thumbnail" href="http://aej-online.de/" title="Arbeitsgemeinschaft der Evangelischen Jugend in Deutschland e. V. (aej)">
+            <img alt="aej" src="/static/img/references/aej-logo.png">
           </a>
         </li>
       </ul>