You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by ma...@apache.org on 2021/05/12 19:57:25 UTC

[openoffice-org] 01/08: Creating new set of webpages

This is an automated email from the ASF dual-hosted git repository.

marcus pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/openoffice-org.git

commit ae7323a0ed5f4e8706925b53b69ac4da867b9418
Author: Marcus <ma...@apache.org>
AuthorDate: Wed May 12 21:51:41 2021 +0200

    Creating new set of webpages
---
 content/eo/brand.md   |  14 ++
 content/eo/index.html | 632 +++++++++++++++++++++++++++++++++++++++++++++-----
 content/eo/topnav.md  |  21 ++
 3 files changed, 607 insertions(+), 60 deletions(-)

diff --git a/content/eo/brand.md b/content/eo/brand.md
new file mode 100644
index 0000000..9279624
--- /dev/null
+++ b/content/eo/brand.md
@@ -0,0 +1,14 @@
+type=brand
+home=home
+search=search
+selectedlang=en
+language=Language
+name=Apache OpenOffice
+tagline=The Free and Open Productivity Suite
+logo=AOO_logos/100MillAOO100px.png
+domain=https://www.openoffice.org
+divid=bannera
+announce=Apache OpenOffice 4.1.10 released!
+announceurl=https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.10+Release+Notes
+announcetip=Apache OpenOffice 4.1.10 released!
+~~~~~~
diff --git a/content/eo/index.html b/content/eo/index.html
index 5325132..b078502 100644
--- a/content/eo/index.html
+++ b/content/eo/index.html
@@ -1,66 +1,578 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="xx" lang="xx">
 <head>
-  <title>Bonvenon al OpenOffice.org en Esperanto</title>
-  <meta content="Donald, Tim, kaj Joey" name="author" />
-  <meta content="Really Cool Esperanto People" name="description" />
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="name" content="Apache OpenOffice" />
+    <meta name="description" content="The official home page of the Apache OpenOffice open source project, home of OpenOffice Writer, Calc, Impress, Draw and Base." />
+    <meta name="keywords" content="OpenOffice, Open Office, Apache OpenOffice, Apache Open Office, OpenOffice.org, Writer, Calc, Impress, Draw, Base, ODF, Open Document Format, free office editors" />
+    <title>Apache OpenOffice - Official Site - The Free and Open Productivity Suite</title>
+    <script type="text/javascript" src="/download/globalvars.js"></script>
+    <script type="text/javascript" src="./msg_prop_l10n_xx.js"></script>
+    <script type="text/javascript" src="/download/languages.js"></script>
+    <script type="text/javascript" src="/download/download.js"></script>
+    <style type="text/css">
+    /* <![CDATA[ */
+    /*-------------------- Exceptions on standard css -----------------------*/
+    @import "/css/home.css";
+    @import "/css/styles.css";
+    @import "/css/exceptions.css";
+    /* ]]> */
+    </style>
+    <script>
+      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 == 'YouTube' ) {
+          window.open( "https://www.youtube.com/openoffice", "_blank" );
+        }
+      }
+
+      function showEventBox() {
+	// The text is defined in "/msg_prop_l10n.js".
+
+	// Show the event box or not?
+	if( l10n.index_event_box_show ) {
+		// Show the banner logo and text with link and cursor as pointer.
+		document.write( "<div id='event_box' onclick='window.open( \"" + l10n.index_event_box_text_href
+			+ "\", \"_blank\" ); return false;'>"
+			+ "<ul>"
+			  + "<li>"
+			    // Event banner logo on the left hand side.
+			    + "<p style='float: left;'>"
+			      + "<a href='" + l10n.index_event_box_graphic_href
+				+ "' title='" + l10n.index_event_box_graphic_title + "' target='_blank'>"
+				  + "<img src='" + l10n.index_event_box_graphic_src + "'"
+				  + "alt='" + l10n.index_event_box_graphic_alt + "'"
+				  + "height='" + l10n.index_event_box_graphic_height + "'"
+				  + "width='" + l10n.index_event_box_graphic_width + "' />"
+			      + "</a>"
+			    + "</p>"
+
+			    // Event text on the right hand side.
+			    + "<p>"
+			      + "<a style='color: black; text-decoration: none;'"
+				+ "' title='" + l10n.index_event_box_text_title + "' target='_blank'>"
+				+ l10n.index_event_box_text_text
+			      + "</a>"
+			    + "</p>"
+			  + "</li>"
+			+ "</ul>"
+		+ "</div>" );
+	}
+      }
+
+      function showAlertBox() {
+	// The text is defined in "/msg_prop_l10n.js".
+
+	// Show the alert box or not?
+	if( l10n.index_alert_box_show ) {
+		// Depending if link is available, make the whole DIV clickable or not.
+		if( l10n.index_alert_box_href ) {
+			// Show the text with link and cursor as pointer.
+			document.write( "<div id='alert_box' onclick='window.open( \"" + l10n.index_alert_box_href
+			+ "\", \"_blank\" ); return false;'><ul><li>" );
+
+			// Show headline.
+			document.write( "<h2 style='cursor: pointer;'>"
+			+ l10n.index_alert_box_headline_text + "</h2>" );
+
+			// Show text.
+			if( l10n.index_alert_box_text_text ) {
+				document.write( "<p style='cursor: pointer;'>"
+				+ l10n.index_alert_box_text_text + "</p>" );
+			}
+		} else {
+			// Show the text without link and normal cursor.
+			document.write( "<div id='alert_box'><ul><li>" );
+
+			// Show headline.
+			document.write( "<h2 style='cursor: default;'>"
+			+ l10n.index_alert_box_headline_text + "</h2>" );
+
+			// Show text.
+			if( l10n.index_alert_box_text_text ) {
+				document.write( "<p style='cursor: default;'>"
+				+ l10n.index_alert_box_text_text + "</p>" );
+			}
+		}
+		document.write( "</li></ul></div>" ); // Alert box.
+	}
+      }
+
+      function setRedirect() {
+	// The text is defined in "/msg_prop_l10n.js".
+	DL.NL_LANG	= "";					// Set to empty as both variables ...
+	DL.LANG_SEL	= "";					// ... must not be used in following function.
+	var lang_iso	= DL.getLanguage();			// Get the language ISO code from browser guessed data.
+	var lang_mode	= "";					// Customized redirect mode.
+	var lang_text	= "";					// Customized message text that can be shown.
+	var link	= "";					// Override redirect mode.
+
+	// Add ECMA262-5 Array methods if not supported natively.
+	// To workaround that MSIE 8 and older do not support this function.
+	if( !( 'indexOf' in Array.prototype ) ) {
+		Array.prototype.indexOf= function( find, i ) {	// 'i' is an optional parameter.
+			if( i === undefined ) {
+				i = 0;
+			}
+			if( i < 0 ) {
+				i+= this.length;
+			}
+			if( i < 0 ) {
+				i = 0;
+			}
+			for( var n = this.length; i < n; i++ ) {
+				if( i in this && this[ i ] === find ) {
+					return i;
+				}
+			}
+			return -1;
+		};
+	}
+
+	// Fix for Portuguese (European) as they are named only "pt" without region code!
+	if( lang_iso === "pt-pt" || lang_iso === "pt-PT" ) {
+		lang_iso = "pt";
+	}
+
+	// Query if the browser language is one of the released languages.
+	// The array has 3 elements per language (defined in "/download/globalvars.js"
+	for( var i = 0, j = DL.SEL_LANG.length; i < j; i = i + 3 ) {
+	  // If the ISO code is found in the language array.
+	  if( DL.SEL_LANG[ i ] === lang_iso ) {
+	    // Query for the redirect method (defined in "/msg_prop_l10n.js", column 0).
+	    lang_mode	= l10n.index_redirect_text[ i / 3 * 2 ];
+	    lang_text	= l10n.index_redirect_text[ i / 3 * 2 + 1 ];
+	    break;
+	  }
+	}
+
+	// Convert the browser URL into a string.
+	link = String( document.location );
+
+	// Does the browser URL contain already a redirect mode?
+	// If yes, set the new redirect mode to override the customized mode.
+	if( link.indexOf( "hard" ) !== -1 ) {
+	    lang_mode = "hard";
+	} else if( link.indexOf( "soft" ) !== -1 ) {
+	    lang_mode = "soft";
+	} else if( link.indexOf( "none" ) !== -1 ) {
+	    lang_mode = "none";
+	}
+
+	// Fix for English as main language for the website, it does not need a language code.
+	if( lang_iso === "en-us" || lang_iso === "en-gb" || lang_iso === "en-uk" || lang_iso === "en" ||
+	    lang_iso === "en-US" || lang_iso === "en-GB" || lang_iso === "en-UK" ) {
+		lang_iso = "";
+	}
+
+	switch( lang_mode ) {
+		case "hard":
+			// Do not show a message, just redirect.
+			window.open( "https://www.openoffice.org/" + lang_iso , "_self" );
+			break;
+		case "soft":
+			// Show a message and redirect only on user's click.
+			// Assign the message text that is defined in:
+			// "/msg_prop_l10n.js", array "l10n.index_redirect_text", column 1),
+			document.write( "<div id='redirect_box'"
+			+ " onclick='window.open( \"https://www.openoffice.org/" + lang_iso + "\", \"_self\" );"
+			+ "return false;'>"
+			+ "<ul><li>"
+			+ "<p>" + lang_text + "</p>"
+			+ "</li></ul>"
+			+ "</div>" ); // Redirect box.
+			break;
+		case "none":
+		default:
+			// Do nothing and show nothing.
+	}
+
+	return;
+      }
+    </script>
 </head>
+
 <body>
-  <div class="oooeo">
-     <img alt="OpenOffice.org Esperanto" src="ooeologo5.png" height="131" width="418" />
-      <h2>Bonvenon al OpenOffice.org en Esperanto -- OOo:eo</h2>
-                  <p style="background-color:lightgreen; margin:2em 20%;"><strong>Resumo:</strong> OpenOffice.org jam
-disponeblas en multaj lingvoj. Aktuale la Esperanto-versio ekzistas nun kiel frua test-versio.
-Eventuale ni bonvenigos volontulojn, kiuj pretos kunlabori por kontroli, provlegi kaj poluri la pli firmajn test-versiojn; -- se vi pretas helpi, sciigu nin -- vidu la ligilojn maldekstre.</p>
-
-            <p><strong>OpenOffice.org</strong> estas projekto kiu celas krei, per
-komuna agado, la plej eminentan internacian oficejan programaron, kiu
-funkcios per ĉiuj gravaj platformoj kaj donos aliron al ĉiuj funkcioj
-kaj datumoj per libera komponentbazita aplikprograma interfaco kaj per
-XML-bazita dosierformato.</p>
-      <p><strong>OpenOffice.org </strong> ankaŭ estas la programaro evoluinta
-nuntempe en tiu kunteksto. Oni uzas ĝin por verki dokumentojn, krei
-kalkultabelojn, verki prezentaĵojn, ktp. Ĝi estas senpaga, libera
-oficeja programaro. Vi povas elŝuti ĝin hodiaŭ el www.openoffice.org,
-aŭ samloke trovi revendiston, kie vi povas mendi kompaktan diskon
-kontraŭ tre eta kosto. Ĉiukaze, vi plene rajtas rekopii la programaron,
-instali ĝin en tiom da komputiloj, kiom vi volas, pruntedoni ĝin al
-amikoj, kaj disdoni kopiojn al iu ajn. Ĝi funkcias tre simile al
-nesenpagaj komercaj programaroj. Uzante ĝin, se vi ne scius, ke temas
-pri senpaga, libera programo, vi povus kredi, ke vi uzas iomete
-malsaman version de la sama programo, al kiu vi kutimiĝis. Per ĝi, vi
-povas krei dokumentojn, kalkultabelojn kaj prezentaĵojn, aŭ en la
-formato de OpenOffice.org, aŭ en la formatoj de Microsoft Office, PDF,
-RTF kaj kelkaj liberaj formatoj. Vi povas ankaŭ uzi dokumentojn
-preparitajn per Microsoft Office.</p>
-      <h3>Kial OpenOffice.org en Esperanto?</h3>
-      <p>Ha, kial ne? Serioze, plurkiale: </p>
-      <ul>
-        <li>por praktika uzado en lokoj, kie esperanto estas la uzata
-lingvo, ekz. oficejoj de Esperanto-asocioj, dum internaciaj staĝoj kaj
-kongresoj, eventuale en firmaoj kiuj uzas ĝin</li>
-        <li>por hejmoj, eble kun malsamlingvanaj gepatroj, kie oni
-parolas Esperanton</li>
-        <li>por ke la mondo vidu la nomon de Esperanto inter la aliaj
-en la listo de elŝuteblaj versioj; por ke oni parolu pri tio; por
-vidigi al la mondo, ke la lingvo ja daŭre ekzistas kaj estas uzata</li>
-        <li>OpenOffice.org jam estas havebla en kelkdeko da aliaj
-lingvoj.</li>
-	<li>pro la tradukprojekto mem, ni pridiskutas, elprovas kaj pli poluras la evoluantan komputik-terminaron de nia lingvo; vidu <a href="http://vikio.ikso.net/Projektoj/Komputeko">la projekton Komputeko</a>.</li>
-      </ul>
-      <h3>Nuna stato de la traduklaboro</h3>
-      <p>Ni fintradukis la interfacon de OpenOffice.org (pli ol 58000 frazojn), kaj nun kompilas test-versiojn, kiuj elprovas ĉi tiujn tradukojn. Restas la helptekstoj por traduki, kaj la literumkontrolilo por poluri.</p>
-
-      <p>OOo:eo celas aldoni al, ne anstataŭigi, la ekzistantan
-OpenOffice.org projekton. Tial vi trovos ligojn al la anglaj paĝoj de
-la projekto.</p>
-      <p><strong>Navigado:</strong> en la kadro maldekstre troviĝas ligoj al paĝoj
-de la projekto esperantlingva. La esperantaj paĝoj estas parto de la
-tuta retejo de OpenOffice.org. Ĉe la supro kaj ĉe la maldekstra flanko
-de ĉi tiu paĝo troviĝas ligoj al la anglaj paĝoj de OpenOffice.org.</p>
+
+<!-- The text in the H1 tag is intentionally shown as "display: none" (do not display). -->
+<!-- This is to please accessibility tools like a screen reader. -->
+<h1 style="display: none;">Apache OpenOffice</h1>
+
+<div id="actionstatements">
+
+  <script type="text/javascript">
+  <!--
+  // Show event box.
+  // Show a banner logo and message of the event.
+  // In "/msg_prop_l10n.js": Change to 'true' to show the box that is defined in the variables.
+  showEventBox();
+
+  // Show alert box.
+  // Show an important message or announcement.
+  // In "/msg_prop_l10n.js": Change to 'true' to show the box that is defined in the variables.
+  showAlertBox();
+
+  // Show redirect box.
+  // Show a text how to redirect to the NL webpage.
+  // In "/msg_prop_l10n.js": Change the mode and text how a redirect to the respective NL webpage should be done.
+  setRedirect();
+  //-->
+  </script>
+
+  <li>
+    <hr />
+  </li>
+
+  <li>
+    <div class="action-info">
+      <div class="action-text action-link">
+        <a href="why/index.html">
+          <h2>I want to learn more about OpenOffice</h2>
+          <p>What is Apache OpenOffice? And why should I use it?</p>
+        </a>
+      </div>
+    </div>
+  </li>
+
+  <li>
+    <hr />
+  </li>
+
+  <!-- Show the download link with currently available version number, loaded via JavaScript -->
+  <script type="text/javascript">
+  <!--
+  document.write( "<ul><li>"
+    + "<div class='action-download'>"
+      + "<div class='action-text action-link'>"
+        + "<a href='download/index.html'>"
+          + "<h2>I want to download Apache OpenOffice</h2>"
+          + "<p style='font-size: 1.0em; font-weight: bold;'>(Most recent release: " + DL.VERSION + ")</p>"
+          + "<p>Download Apache OpenOffice for free <b>(really, no license fee!)</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'>"
+              + "Click here to get more information"
+            + "</a>."
+          + "</p>"
+        + "</a>"
+      + "</div>"
+    + "</div>"
+  + "</li></ul>" );
+  //-->
+  </script>
+
+  <!-- Show the download link, without version number -->
+  <noscript>
+    <div class="action-download">
+      <div class="action-text action-link">
+        <a href="download/index.html">
+          <h2>I want to download Apache OpenOffice</h2>
+          <p>Download Apache OpenOffice for free, or find out about other ways of getting it.</p>
+        </a>
+      </div>
+    </div>
+  </noscript>
+
+  <ul>
+    <li>
+      <hr />
+    </li>
+    <li>
+      <div class="action-help">
+        <div class="action-text action-link">
+          <a href="support/index.html">
+            <h2>I need help with my OpenOffice</h2>
+            <p>Help is at hand whenever you need it.</p>
+          </a>
+        </div>
+      </div>
+    </li>
+    <li>
       <hr />
-<p class="center">Skribu al <a href="mailto:timsk@openoffice.org">La Esperantiga Skipo</a></p>
-  </div> <!-- oooeo -->
+    </li>
+    <li>
+      <div class="action-extend">
+        <div class="action-text action-link">
+          <a href="extensions/index.html">
+            <h2>I want to do more with my OpenOffice</h2>
+            <p>Extend Apache OpenOffice with additional functionality, templates and clipart.</p>
+          </a>
+        </div>
+      </div>
+    </li>
+    <li>
+      <hr />
+    </li>
+    <li>
+      <div class="action-participate">
+        <div class="action-text action-link">
+          <a href="https://openoffice.apache.org/get-involved.html">
+            <h2>I want to participate in OpenOffice</h2>
+            <p>Apache OpenOffice is made with help from people all over the world. Feel free to contribute!</p>
+          </a>
+        </div>
+      </div>
+    </li>
+    <li>
+      <hr />
+    </li>
+    <li>
+      <div class="action-social">
+        <div class="action-text action-link">
+          <a href="social/index.html" onclick="javascript:follow( 'SocialLink' );">
+            <h2>I want to stay in touch with OpenOffice</h2>
+            <p>Follow the progress of OpenOffice via announce list, our blog or social media.</p>
+          </a>
+          <div class="action-social-extra">
+            <p>
+              <span style="padding: 0 5px; cursor: pointer;" onclick="javascript:follow( 'ApacheBlog' );"
+                title="Official Blog">
+                <img src="/images/logo-rss-16.png" alt="Blog" />
+                <a>Official Blog</a>
+              </span>
+              <span style="padding: 0 5px; cursor: pointer;" onclick="javascript:follow( 'Facebook' );"
+                title="Follow us on Facebook">
+                <img src="/images/logo-facebook-16.png" alt="Facebook" />
+                <a>Facebook</a>
+              </span>
+              <span style="padding: 0 5px; cursor: pointer;" onclick="javascript:follow( 'Twitter' );"
+                title="Follow us on Twitter">
+                <img src="/images/logo-twitter-16.png" alt="Twitter" />
+                <a>Twitter</a>
+              </span>
+              <span style="padding: 0 5px; cursor: pointer;" onclick="javascript:follow( 'YouTube' );"
+                title="Subscribe to our YouTube channel">
+                <img src="/images/logo-youtube-16.png" alt="YouTube" />
+                <a>YouTube</a>
+              </span>
+            </p>
+          </div>
+        </div>
+      </div>
+    </li>
+    <li>
+      <hr />
+    </li>
+  </ul>
+
+  <div id="SupportedAndSupporters">
+    <a href="https://validator.w3.org/check?uri=referer"
+    title="W3C Markup Validation Service - Check the markup (HTML, XHTML, ...) of Web documents">
+    <img src="https://www.w3.org/Icons/valid-xhtml10-blue.png"
+    alt="Valid XHTML 1.0!" height="31" width="88" /></a>
+  </div>
+</div>
+
+<div id="news">
+
+  <div class="first campaign" style="height: 210px; float: right; overflow: auto;">
+    <h2>Recent Blog Posts</h2>
+
+    <p style="text-align:right">
+      <a href="https://blogs.apache.org/OOo/" target="_blank">All Posts</a>
+    </p>
+
+    <p>
+
+      <em>30 December 2017:</em>
+      <br />
+      <a href="https://blogs.apache.org/OOo/entry/announcing-apache-openoffice-4-11">
+      Announcing Apache OpenOffice 4.1.5</a>
+      <br />
+
+      <em>19 October 2017:</em>
+      <br />
+      <a href="https://blogs.apache.org/OOo/entry/announcing-apache-openoffice-4-1">
+      Announcing Apache OpenOffice 4.1.4</a>
+      <br />
+
+      <em>31 December:</em>
+      <br />
+      <a href="https://blogs.apache.org/OOo/entry/apache_openoffice_in_2014_a">
+      Apache OpenOffice in 2014: a year in review</a>
+      <br />
+
+      <em>21 August:</em>
+      <br />
+      <a href="https://blogs.apache.org/OOo/entry/announcing_apache_openoffice_4_1">
+      Apache OpenOffice 4.1.1 released</a>
+      <br />
+
+      <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>17 April:</em>
+      <br />
+      <a href="https://blogs.apache.org/foundation/entry/the_apache_software_foundation_announces56">
+      100 Million downloads</a>
+      <br />
+    </p>
+  </div>
+
+  <div id="all_news" style="height: 490px; float: left; overflow: auto;">
+    <div class="campaign">
+      <h2>Recent News</h2>
+
+      <p style="text-align:right">
+        <a href="news/index.html" target="_blank">Archived News</a>
+      </p>
+      <p></p>
+
+      <h2>Apache OpenOffice 4.1.5 released</h2>
+
+      <p>
+        <em>30 December 2017:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/announcing-apache-openoffice-4-11"
+        title="Official blog post about Apache OpenOffice 4.1.5">official release of version 4.1.5</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.5+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.5">Release Notes</a> you can read about all new bugfixes,
+        improvements and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.5">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Apache OpenOffice 4.1.4 released</h2>
+
+      <p>
+        <em>19 October 2017:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/announcing-apache-openoffice-4-1"
+        title="Offical blog post about Apache OpenOffice 4.1.4">official release of version 4.1.4</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.4+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.4">Release Notes</a> you can read about all new bugfixes,
+        improvements and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.4">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Apache OpenOffice 4.1.3 released</h2>
+
+      <p>
+        <em>12 October 2016:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/announcing_apache_openoffice_4_12"
+        title="Offical blog post about Apache OpenOffice 4.1.3">official release of version 4.1.3</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.3+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.3">Release Notes</a> you can read about all new bugfixes,
+        improvements and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.3">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Apache OpenOffice 4.1.2 released</h2>
+
+      <p>
+        <em>28 October 2015:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/announcing_apache_openoffice_4_11"
+        title="Offical blog post about Apache OpenOffice 4.1.2">official release of version 4.1.2</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.2+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.2">Release Notes</a> you can read about all bugfixes,
+        improvements and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.2">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Udine moves to OpenOffice, will save 360,000 Euro</h2>
+
+      <p>
+        <em>16 September 2014:</em>
+        The City of Udine, in Italy, announced a process that will lead to the installation
+        of OpenOffice on 900 municipal desktops, saving the city 360,000 Euro.
+        ZDNet's Raffaele Mastrolonardo has the
+        <a href="http://www.zdnet.com/another-italian-city-announces-its-ditching-microsoft-windows-for-open-source-7000033682/">details</a>.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Apache OpenOffice 4.1.1 released</h2>
+
+      <p>
+        <em>21 August 2014:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/announcing_apache_openoffice_4_1"
+        title="Offical blog post about Apache OpenOffice 4.1.1">official release of version 4.1.1</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1.1+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.1">Release Notes</a> you can read about all new features,
+        functions and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.1">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Apache OpenOffice 4.1.0 released</h2>
+
+      <p>
+        <em>29 April 2014:</em>
+        The Apache OpenOffice project announces the
+        <a href="https://blogs.apache.org/OOo/entry/the_apache_openoffice_project_announce"
+        title="Offical blog post about Apache OpenOffice 4.1.0">official release of version 4.1.0</a>.
+        In the <a href="https://cwiki.apache.org/confluence/display/OOOUSERS/AOO+4.1+Release+Notes"
+        title="Release Notes for Apache OpenOffice 4.1.0">Release Notes</a> you can read about all new features,
+        functions and languages. <a href="https://www.openoffice.org/download/"
+        title="Download Apache OpenOffice 4.1.0">Don't miss to download</a> the new release and find out yourself.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>100 Million downloads</h2>
+
+      <p>
+        <em>17 April 2014:</em>
+        The Apache OpenOffice project is proud to tell you that our software was
+        <a href="https://blogs.apache.org/foundation/entry/the_apache_software_foundation_announces56"
+        title="Apache OpenOffice was downloaded 100 million times">downloaded over 100 million times</a>. Join us in
+        celebrating this big achievement!
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Italian region adopts OpenOffice, saves 2 Million Euro</h2>
+
+      <p>
+        <em>10 October 2013:</em>
+        The Italian administrative region of Emilia-Romagna announced plans to move to OpenOffice,
+        <a href="https://joinup.ec.europa.eu/community/osor/news/openoffice-italian-emilia-romagna-save-2-million">
+        saving 2 million euro</a>.
+      </p>
+    </div>
+
+    <div class="campaign">
+      <h2>Volunteers, not Amateurs</h2>
+
+      <p>
+        <em>8 January 2013:</em>
+        Apache OpenOffice is developed 100% by volunteers. Apache does not pay for developers, for translators, for QA,
+        for marketing, for UI, for support, etc. Of course, we're happy to accept
+        <a href="https://www.apache.org/foundation/contributing.html">donations to the Apache Software Foundation</a>, to
+        keep our servers runnings and for similar overhead expenses. But our products are developed entirely by
+        volunteers.
+      </p>
+      <p>Some users are initially worried by this statement:<br /><strong>How can software for free, developed by
+      volunteers, be any good?<br /></strong><a href="/why/why_volunteers.html">Read on for an answer...</a>
+      </p>
+    </div>
+  </div>
+</div>
+
+<!-- Every new element and text that is defined below the previous DIV will be actually displayed 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>
diff --git a/content/eo/topnav.md b/content/eo/topnav.md
new file mode 100644
index 0000000..835bd04
--- /dev/null
+++ b/content/eo/topnav.md
@@ -0,0 +1,21 @@
+type=navigator
+divid=topnava
+~~~~~~
+- [Product][m0]
+- [Download][m1]
+- [Support][m2]
+- [Blog (official)][m3]
+- [Blog (native)][m4]
+- [Extend][m5]
+- [Get Involved][m6]
+- [Contact][m7]
+
+
+[m0]:   /xx/product/                  "Apache OpenOffice product description"
+[m1]:   /xx/download/                 "Download Apache OpenOffice"
+[m2]:   /xx/support/                  "Find Support for OpenOffice"
+[m3]:   https://blogs.apache.org/ooo/ "Apache OpenOffice Blog"
+[m4]:   https://openoffice.xx/	      "Apache OpenOffice blog in your own language"
+[m5]:   /xx/extensions/               "Extensions and Templates for OpenOffice"
+[m6]:   /xx/participate/              "Get involved in Apache OpenOffice"
+[m7]:   /xx/participate/contact.html  "Contact Apache OpenOffice contributors"