Author: marcus
Date: Sun Jun 29 17:42:00 2014
New Revision: 1606542

URL: http://svn.apache.org/r1606542
Log:
Added new alert box, modified blog and news box, updated download section, 
updated several text

Modified:
    openoffice/ooo-site/trunk/content/de/index.html

Modified: openoffice/ooo-site/trunk/content/de/index.html
URL: 
http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/de/index.html?rev=1606542&r1=1606541&r2=1606542&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/de/index.html (original)
+++ openoffice/ooo-site/trunk/content/de/index.html Sun Jun 29 17:42:00 2014
@@ -7,7 +7,8 @@
     <meta name="p:domain_verify" content="bd1ba1fb9d25b0eb3d64891f89e9195e" /> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link href="https://plus.google.com/+openoffice"; rel="publisher" />
-    <title>Apache OpenOffice - Die freie B&uuml;ro-Software (DE)</title>
+    <title>Apache OpenOffice - Die freie B&uuml;ro-Software</title>
+    <script type="text/javascript" src="../download/globalvars.js"></script>
     <style type="text/css">
     /* <![CDATA[ */
     /*-------------------- Exceptions on standard css -----------------------*/
@@ -17,16 +18,68 @@
     /* ]]> */
     </style>
     <script>
-      function follow(platform) {
-        _gaq.push(['_trackEvent','social', 'followUs', platform]); 
-        if (platform == 'Facebook') {
-          window.open("https://www.facebook.com/ApacheOO","_blank";);
-        } else if (platform == 'Twitter') {
-          window.open("https://twitter.com/ApacheOO","_blank";);
-        } else if (platform == 'GooglePlus') {
-          window.open("https://plus.google.com/+openoffice","_blank";);
-        }  else if (platform == 'ApacheBlog') {
-          window.open("https://blogs.apache.org/OOo/","_blank";);
+      function follow( platform ) {
+        _gaq.push( ['_trackEvent', 'social', 'followUs', platform] ); 
+
+        if ( platform == 'ApacheBlog' )
+          window.open( "https://blogs.apache.org/OOo/";, "_blank" );
+        else if ( platform == 'Facebook' )
+          window.open( "https://www.facebook.com/ApacheOO";, "_blank" );
+        else if ( platform == 'Twitter' )
+          window.open( "https://twitter.com/ApacheOO";, "_blank" );
+        else if ( platform == 'GooglePlus' )
+          window.open( "https://plus.google.com/+openoffice";, "_blank" );
+      }
+
+      function showAlertbox( show ) {
+       // More see "http://html-color-codes.info/";
+        var l10n_alert_box_background_color = "#F5A9A9";
+        // Make the whole alert box clickable with a link.
+        var l10n_alert_box_href                    = "index.html";
+       // Maximum 49 characters.
+        var l10n_alert_box_headline_text    = "Überschrifttext mit max. 49 
Zeichen";
+       // Maximum 630 characters.
+        var l10n_alert_box_text_text       = "Text mit max. 630 Zeichen."
+                                             + "<br /><br />"
+                                             + "Diese Textbox ist jetzt inhalb 
des Layouts der darunterliegenden "
+                                             + "Listenelemente."
+                                             + "<br /><br />"
+                                             + "Der verlinkte Text kann 
angeklickt werden, damit der Benutzer zu weiteren "
+                                             + "Informationen oder einer 
Lösung geführt werden kann. Aber der Link kann "
+                                             + "auch weggelassen werden. Dann 
ist der gesamt Text nicht anklickbar.";
+        // Show alert box or not?
+        if( show ) {
+          // If no background color value was set then use the default value.
+          if( ! l10n_alert_box_background_color )
+            var l10n_alert_box_background_color = "#FFD9A7";
+
+          // Show alert box with defined background color.
+          // Depending if link is available, make the whole DIV clickable or 
not.
+          if( l10n_alert_box_href ) {
+            // Show the text with link and cursor as poiner.
+            document.write( "<div id='alert_box' style='background: " + 
l10n_alert_box_background_color
+            + "; ' onclick='window.open(\"" + l10n_alert_box_href + "\", 
\"_blank\"); return false;'>" );
+
+            // Show headline.
+            document.write( "<h2 style='cursor: pointer;'>" + 
l10n_alert_box_headline_text + "</h2>" );
+
+            // Show text.
+            if( l10n_alert_box_text_text )
+              document.write( "<p style='cursor: pointer;'>" + 
l10n_alert_box_text_text + "</p>" );
+
+          } else {
+            // Show the text without link and normal cursor.
+            document.write( "<div id='alert_box' style='background: " + 
l10n_alert_box_background_color + "'>" );
+
+            // Show headline.
+            document.write( "<h2 style='cursor: default;'>" + 
l10n_alert_box_headline_text + "</h2>" );
+
+            // Shoe text.
+            if( l10n_alert_box_text_text )
+              document.write( "<p style='cursor: default;'>" + 
l10n_alert_box_text_text + "</p>" );
+          }
+
+          document.write( "</div>" ); // Alert box
         }
       }
   </script>
@@ -35,34 +88,79 @@
 <body>
 
 <div id="actionstatements">
+
+  <script type="text/javascript">
+  <!--
+  // Show alert box.
+  // Change to 'true' if you want to show the text that is defined in the 
variables above.
+  showAlertbox( false );
+  //-->
+  </script>
+
   <ul>
     <li>
+      <hr />
+    </li>
+    <li>
       <div class="action-info">
         <div class="action-text action-link">
-          <h2><a href="../why/index.html">Ich m&ouml;chte mehr &uuml;ber 
OpenOffice wissen (Englisch)</a></h2>
-          <p><a href="../why/index.html">Was ist Apache OpenOffice? Was bringt 
mir Apache OpenOffice?</a></p>
+          <a href="../why/index.html">
+            <h2>Ich m&ouml;chte mehr &uuml;ber OpenOffice wissen 
(Englisch)</h2>
+            <p>Was ist Apache OpenOffice? Was bringt mir Apache OpenOffice?</p>
+          </a>
         </div>
       </div>
     </li>
     <li>
       <hr />
     </li>
-    <li>
-      <div class="action-download">
-        <div class="action-text action-link">
-          <h2><a href="downloads/index.html">Ich m&ouml;chte OpenOffice 
herunterladen</a></h2>
-          <p><a href="downloads/index.html">Laden Sie Apache OpenOffice hier 
herunter.</a></p>
+
+    <!-- Show the download link with currently available version number, 
loaded via JavaScript -->
+    <script type="text/javascript">
+    <!--
+    document.write( "<li>"
+      + "<div class='action-download'>"
+        + "<div class='action-text action-link'>"
+          + "<a href='download/index.html'>"
+            + "<h2>Ich m&ouml;chte OpenOffice herunterladen</h2>"
+            + "<p style='font-size: 1.0em; font-weight: bold;'>(Neueste 
Version: " + VERSION + ")</p>"
+            + "<p>Laden Sie Apache OpenOffice kostenlos herunter 
<b>(wirklich!)</b> | "
+              + "<a 
href='https://blogs.apache.org/OOo/entry/with_apache_openoffice_you_get'"
+                + "title='Blog post: With Apache OpenOffice you get what you 
do not pay for' target='_blank'>"
+                + "Hier klicken für mehr Informationen (in Englisch)"
+              + "</a>."
+            + "</p>"
+          + "</a>"
+        + "</div>"
+      + "</div>"
+    + "</li>" );
+    //-->
+    </script>
+
+    <!-- Show the download link, without version number -->
+    <noscript>
+      <li>
+        <div class="action-download">
+          <div class="action-text action-link">
+            <a href="download/index.html">
+              <h2>Ich m&ouml;chte OpenOffice herunterladen</h2>
+              <p>Laden Sie Apache OpenOffice herunter.</p>
+            </a>
+          </div>
         </div>
-      </div>
-    </li>
+      </li>
+    </noscript>
+
     <li>
       <hr />
     </li>
     <li>
       <div class="action-help">
         <div class="action-text action-link">
-          <h2><a href="about-ooo/about-mailinglist.html">Ich brauche 
Hilfe</a></h2>
-          <p><a href="about-ooo/about-mailinglist.html">Hier gibt es 
Hilfe.</a></p>
+          <a href="about-ooo/about-mailinglist.html">
+            <h2>Ich brauche Hilfe</h2>
+            <p>Hier gibt es Hilfe.</p>
+          </a>
         </div>
       </div>
     </li>
@@ -72,8 +170,10 @@
     <li>
       <div class="action-extend">
         <div class="action-text action-link">
-         <h2><a href="http://extensions.openoffice.org";>Ich m&ouml;chte mehr 
mit OpenOffice machen</a></h2>
-         <p><a href="http://extensions.openoffice.org";>Erweitern sie Apache 
OpenOffice mit zus&auml;tzlichen Funktionen, Vorlagen und Clipart.</a></p>
+         <a href="http://extensions.openoffice.org/de";>
+           <h2>Ich m&ouml;chte mehr mit OpenOffice machen</h2>
+           <p>Erweitern sie Apache OpenOffice mit zus&auml;tzlichen 
Funktionen, Vorlagen und Clipart.</p>
+         </a>
         </div>
       </div>
     </li>
@@ -83,8 +183,11 @@
     <li>
       <div class="action-participate">
         <div class="action-text action-link">
-          <h2><a href="https://openoffice.apache.org/get-involved.html";>Ich 
m&ouml;chte mich bei OpenOffice beteiligen</a></h2>
-          <p><a href="https://openoffice.apache.org/get-involved.html";>Apache 
OpenOffice wird von Menschen rund um die Welt entwickelt. Wir freuen uns 
&uuml;ber jede Beteiligung.</a></p>
+          <a href="https://openoffice.apache.org/get-involved.html";>
+            <h2>Ich m&ouml;chte mich bei OpenOffice beteiligen (Englisch)</h2>
+            <p>Apache OpenOffice wird von Menschen rund um die Welt 
entwickelt. Wir freuen uns &uuml;ber jede
+              Beteiligung.</p>
+          </a>
         </div>
       </div>
     </li>
@@ -94,24 +197,34 @@
     <li>
       <div class="action-social">
         <div class="action-text action-link">
-          <h2><a href="../social/index.html" 
onclick="javascript:follow('SocialLink');">Bleibe mit OpenOffice in 
Kontakt</a></h2>
-            <p><a href="../social/index.html" 
onclick="javascript:follow('SocialLink');">Folge Apache OpenOffice via 
Annonce-Liste, Social Media oder dem offiziellen Blog.</a></p>
-              <div class="action-social-extra">
-                <p>
-                  <span style="padding:0 5px;cursor: pointer; cursor: hand;" 
onclick="javascript:follow('ApacheBlog');"
-                  title="Offizieller Blog"><img 
src="../images/logo-rss-16.png" alt="Offizieller Blog" />
-                  <a><u>Offizieller Blog</u></a></span>
-                  <span style="padding:0 5px;cursor: pointer; cursor: hand;" 
onclick="javascript:follow('Facebook');"
-                  title="Folge uns auf Facebook"><img 
src="../images/logo-facebook-16.png" alt="Facebook" />
-                  <a><u>Facebook</u></a></span>
-                  <span style="padding:0 5px;cursor: pointer; cursor: hand;" 
onclick="javascript:follow('Twitter');"
-                  title="Folge uns auf Twitter"><img 
src="../images/logo-twitter-16.png" alt="Twitter" />
-                  <a><u>Twitter</u></a></span>
-                  <span style="padding:0 5px;cursor: pointer; cursor: hand;" 
onclick="javascript:follow('GooglePlus');"
-                  title="Folge uns auf Google+"><img 
src="../images/logo-googleplus-16.png" alt="Google+" />
-                  <a><u>Google+</u></a></span>
-                </p>
-              </div>
+          <a href="../social/index.html" onclick="javascript:follow( 
'SocialLink' );">
+            <h2>Bleibe mit OpenOffice in Kontakt (Englisch)</h2>
+            <p>Folge Apache OpenOffice via Announcement-Liste, offiziellem 
Blog oder sozialen Netzwerken.</p>
+          </a>
+          <div class="action-social-extra">
+            <p>
+              <span style="padding:0 5px; cursor: pointer;" 
onclick="javascript:follow( 'ApacheBlog' );"
+                title="Offizieller Blog.">
+                <img src="../images/logo-rss-16.png" alt="Offizieller 
OpenOffice Blog" />
+                <a>Offizieller Blog</a>
+              </span>
+              <span style="padding:0 5px; cursor: pointer;" 
onclick="javascript:follow( 'Facebook' );"
+                title="Folge uns auf Facebook.">
+                <img src="../images/logo-facebook-16.png" alt="Folge uns auf 
Facebook" />
+                <a>Facebook</a>
+              </span>
+              <span style="padding:0 5px; cursor: pointer;" 
onclick="javascript:follow( 'Twitter' );"
+                title="Folge uns auf Twitter.">
+                <img src="../images/logo-twitter-16.png" alt="Folge uns auf 
Twitter" />
+                <a>Twitter</a>
+              </span>
+              <span style="padding:0 5px; cursor: pointer;" 
onclick="javascript:follow( 'GooglePlus' );"
+                title="Folge uns auf Google+.">
+                <img src="../images/logo-googleplus-16.png" alt="Folge uns auf 
Google+" />
+                <a>Google+</a>
+              </span>
+            </p>
+          </div>
         </div>
       </div>
     </li>
@@ -119,53 +232,111 @@
       <hr />
     </li>
   </ul>
+
+  <div id="SupportedAndSupporters">
+    <a href="http://validator.w3.org/check?uri=referer";
+    title="W3C Markup Validation Service - Check the markup (HTML, XHTML, ...) 
of Web documents">
+    <img src="http://www.w3.org/Icons/valid-xhtml10-blue.png";
+    alt="W3C Markup Validation Service - Check the markup (HTML, XHTML, ...) 
of Web documents" /></a>
+  </div>
 </div>
 
-<div id="news">
-    
-       <div class="campaign">
-       <h2>OpenOffice - wöchentliche Neuigkeiten (05. Mai 2014) </h2>
-
-    <p><em>05. Mai 2014:</em> Schwerpunkte der 
-               <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40511666";>aktuellen
 News</a> bilden Hinweise 
-               zu Problemen mit fremden Webseiten, welche veränderte 
OpenOffice-Pakete anbieten und 
-               Informationen zur Prüfung der Identität von 
OpenOffice-Downloads.
-       </p>
-               <p>Ältere Ausgaben der wöchentlichen News finden Sie im <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40509513";>Wiki</a>.</p>
     
+<div id="news" style="margin: 2% 3% 0 0; height: 520px;">
+
+  <div class="campaign" style="height: 200px; float: right; overflow: auto;">
+    <h2 style="display: inline;">Letzte Blogposts (Englisch)</h2>
+
+    <p style="text-align:right">
+      <a href="http://blogs.apache.org/OOo/";>Alle Blogposts (Englisch)</a>
+    </p>
+
+    <p>
+      <em>29 April:</em>
+      <br />
+      <a 
href="https://blogs.apache.org/OOo/entry/the_apache_openoffice_project_announce";>
+      Apache OpenOffice 4.1.0 released</a>
+      <br />
+
+      <em>28 April:</em>
+      <br />
+      <a 
href="https://blogs.apache.org/OOo/entry/apache_openoffice_weekly_news_2";>
+      Apache OpenOffice Weekly News #2</a>
+      <br />
+
+      <em>25 April:</em>
+      <br />
+      <a 
href="https://blogs.apache.org/OOo/entry/apache_openoffice_weekly_news_1";>
+      Apache OpenOffice Weekly News #1</a>
+      <br />
+
+      <em>17 April:</em>
+      <br />
+      <a 
href="https://blogs.apache.org/foundation/entry/the_apache_software_foundation_announces56";>
+      100 Million downloads</a>
+      <br />
+
+      <em>31 December:</em>
+      <br />
+      <a href="https://blogs.apache.org/OOo/entry/apache_openoffice_in_2013_a";>
+      Apache OpenOffice in 2013: a year in review</a>
+      <br/>
+    </p>
+  </div>
+
+  <div id="all_news" style="height: 320px; float: left; overflow: auto;">
+    <div class="campaign">
+      <h2>Letzte Neuigkeiten</h2>
+
+      <p style="text-align:right">
+        <a href="news/index.html">Alle Neuigkeiten</a>
+      </p>
+      <p></p>
+
+      <h2>Apache OpenOffice 4.1 veröffentlicht</h2>
+
+      <p>
+        <em>29. April 2014:</em>
+        Das Apache OpenOffice Projekt gibt bekannt das AOO 4.1 ab sofort zum 
Download zur Verfügung steht. Weitere
+        Informationen sind im <a 
href="https://blogs.apache.org/OOo/date/20140429";>Blog</a> (Englisch) und in den
+        <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40507525";>Release
 Notes</a>(Deutsch)
+        nachlesbar.
+      </p>
     </div>
        
-       <div class="campaign">
-       <h2>Apache OpenOffice 4.1 veröffentlicht</h2>
+    <div class="campaign">
+      <h2>OpenOffice - wöchentliche Neuigkeiten (28. April 2014) </h2>
 
-    <p><em>29. April 2014:</em> Das Apache OpenOffice Projekt gibt bekannt das 
AOO 4.1 ab sofort zum 
-               Download zur Verfügung steht. Weitere Informationen sind im 
-               <a href="https://blogs.apache.org/OOo/date/20140429";>Blog</a> 
(englisch) und in den 
-               <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40507525";>Release
 Notes</a> (deutsch) nachlesbar.</p> 
+      <p>
+        <em>28. April 2014:</em>
+        Schwerpunkte der <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40510875";>
+        aktuellen News</a> bilden Informationen zur begonnenen Abstimmung zur 
Freigabe von AOO 4.1 RC4 als finale Version
+        AOO 4.1.
+      </p>
+      <p>Ältere Ausgaben der wöchentlichen News finden Sie im
+        <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40509513";>Wiki</a>.
+      </p>     
     </div>
-       
-       <div class="campaign">
-       <h2>OpenOffice - wöchentliche Neuigkeiten (28. April 2014) </h2>
 
-    <h2>NEU: wöchentliche Neuigkeiten rund um OpenOffice</h2>
+    <div class="campaign">
+      <h2>NEU: wöchentliche Neuigkeiten rund um OpenOffice</h2>
 
-    <p><em>21. April 2014:</em> Ab sofort stellt das Apache OpenOffice Projekt 
wöchentliche News rund
-       um Openoffice bereit. Die Veröffentlichung des englischen Originals 
erfolgt im 
-       <a href="http://blogs.apache.org/OOo/";>Apache Blog</a>, die 
deutschsprachigen Übersetzungen liegen 
-       jeweils im Wiki unter <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40509513";>(de)
 Published News - Veröffentlichte News</a>.
-    </p>
+      <p>
+        <em>21. April 2014:</em>
+        Ab sofort stellt das Apache OpenOffice Projekt wöchentliche News rund 
um Openoffice bereit. Die Veröffentlichung des
+        englischen Originals erfolgt im <a 
href="http://blogs.apache.org/OOo/";>Apache Blog</a>, die deutschsprachigen
+        Übersetzungen liegen jeweils im Wiki unter
+        <a 
href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=40509513";>
+        (Deutsch) Published News - Veröffentlichte News</a>.
+      </p>
     </div>
-  
- 
-<!--
-  <div id="SupportedAndSupporters">
-    <a href="http://validator.w3.org/check?uri=referer";
-    title="W3C Markup Validation Service - Check the markup (HTML, XHTML, ...) 
of Web documents">
-    <img src="http://www.w3.org/Icons/valid-xhtml10-blue.png";
-    alt="W3C Markup Validation Service - Check the markup (HTML, XHTML, ...) 
of Web documents" /></a>
-  </div>
--->
+  </div>  
 </div>
 
+<!-- Every new element and text that is defined below the previous DIV will be 
actually dislayed wrapped below this DIV
+(because of "clear: both" instead of floated around the previous DIVs. This is 
really needed. -->
+
+<div style="clear: both;"></div>
+
 </body>
 </html>
 


Reply via email to