Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Added several screenshots


Note

This work in is in progress. So, expect further changesadditional modifications.

Table of Contents

General

...

The website is separated into 3 sections:


Header

From the top with the Apache OpenOffice logo down to the colored line with navigation links on the right.

Body

From the colored line down to the horizontal line.

Footer

From the horizontal line down to the Apache logo and disclaimer links and text.

Text is managed dynamically

...

Preferred parts are - of course the main page (index.html), download and why. But also the other pages can be translated.

In order to To work with data that can be changed dynamically (e.g., when new releases happen), some parts are only working when HTML and JavaScript parts are translated together.

...

Variable "l10n.dl_green_box_headline_text" and value "Download Apache OpenOffice". There are some control characters like sum (=) and the semicolon (;). Please make sure ensure not to delete or change them. Otherwise, unforeseen problems can happen.

TODO

Visualize with a screenshot (excerpt of the JS file).

Note: All Graphics are representations of the variables they are describing, and may not include all possibilities.


Image Added

There are special things like the content of the drop-down-boxes for languages on https://www.openoffice.org/xx/download/ which is also is coming from https://www.openoffice.org/xx/download/msg_prop_l10n_xx.js.

...

Variable" l10n.dl_green_box_select_box_lang_values_custom" it's items for value, visible text and tooltip.

TODO




Visualize with a screenshot (excerpt of the JS file).Image Added

Example for hard-coded text

However, not every text can be managed with JavaScript. Especially when JavaScript is no option, it has to be hard-coded in the HTML files. You can see the difference when you browse the webpages with enabled and disabled JavaScript in your webbrowserweb browser.

The text string "I want to learn more about OpenOffice" on the main page is actually in the HTML file itself.

TODO

Visualize with a screenshot (excerpt of the JS file).


Image Added


Template

There is a template to look at:

...

  • The 6 navigation boxes, from "I want to learn more about OpenOffice" down to "I want to stay in touch with OpenOffice".
  • The right part with "Recent Blog Posts" and "Recent News" is optional.

TODO

Note: The portions to the right of the red line are the optional part.


Image AddedVisualize with a screenshot.

Header on the page

These text parts just need have to be translate translated only once to be shown on all webpages.

...

  • The label text for the "Search" button.
  • The label text for the language switcher (Note: The items in the drop-down-list cannot be translated).
  • The slogan "The Free and Open Productivity Suite".
  • The text for the newest release, "Released: Apache OpenOffice X.Y.Z".
  • The link can be customized, too. Here it's needed to translate the release notes for the respective release.
  • The links in the colored line.

...

  • Every text parts in the green, light-green, blue, light-blue boxes. Incl. the text in the drop-down-boxes, links and icons.
  • Every links link in the navigation part on the right.

...