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üro-Software (DE)</title>
+ <title>Apache OpenOffice - Die freie Bü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öchte mehr ü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öchte mehr ü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ö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ö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ö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öchte mehr
mit OpenOffice machen</a></h2>
- <p><a href="http://extensions.openoffice.org">Erweitern sie Apache
OpenOffice mit zusätzlichen Funktionen, Vorlagen und Clipart.</a></p>
+ <a href="http://extensions.openoffice.org/de">
+ <h2>Ich möchte mehr mit OpenOffice machen</h2>
+ <p>Erweitern sie Apache OpenOffice mit zusä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ö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
über jede Beteiligung.</a></p>
+ <a href="https://openoffice.apache.org/get-involved.html">
+ <h2>Ich möchte mich bei OpenOffice beteiligen (Englisch)</h2>
+ <p>Apache OpenOffice wird von Menschen rund um die Welt
entwickelt. Wir freuen uns ü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>