Author: marcus
Date: Sat Jun 21 13:00:22 2014
New Revision: 1604348
URL: http://svn.apache.org/r1604348
Log:
Added an alert box to show an important announcement at top of the webpage
Added:
openoffice/ooo-site/trunk/content/index_alert.html (with props)
Added: openoffice/ooo-site/trunk/content/index_alert.html
URL:
http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/index_alert.html?rev=1604348&view=auto
==============================================================================
--- openoffice/ooo-site/trunk/content/index_alert.html (added)
+++ openoffice/ooo-site/trunk/content/index_alert.html Sat Jun 21 13:00:22 2014
@@ -0,0 +1,286 @@
+<!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"; />
+<head>
+ <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, Calc, Impress, Draw, Base, ODF, Open
Document Format, free office editors" />
+ <meta name="google-site-verification"
content="x1jl2cGum4kCvj0PgxjTy_pasCsLY_fBT7my88fpKD4" />
+ <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 - The Free and Open Productivity Suite</title>
+ <script type="text/javascript" src="download/globalvars.js"></script>
+ <style type="text/css">
+ /* <![CDATA[ */
+ /*-------------------- Exceptions on standard css -----------------------*/
+ @import "home.css";
+ @import "styles.css";
+ @import "exceptions_alert.css";
+ /* ]]> */
+ </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 showAlertbox( show ) {
+ var l10n_alert_box_color = "#FFD9A7";
// More see "http://html-color-codes.info/";
+ var l10n_alert_box_headline_title = "Important message";
+ var l10n_alert_box_headline_text = "Important message";
// Maximum 86 characters.
+ var l10n_alert_box_text1_title = "He heard quiet steps behind him.";
+ var l10n_alert_box_text1_text = "He heard quiet steps behind him.";
// Maximum 517 characters.
+ var l10n_alert_box_text2_title = "Click here to see who it is.";
+ var l10n_alert_box_text2_text = "Click here to see who it is";
// Maximum 517 characters.
+ var l10n_alert_box_text2_href = "download/index.html";
+
+ // Show alert box or not?
+ if( show ) {
+ if( ! l10n_alert_box_color )
+ var l10n_alert_box_color = "#FFD9A7";
+
+ // Show alert box with defined background color.
+ document.write( "<div id='alert_box' class='alert_box'
style='background: " + l10n_alert_box_color + "'>" );
+ // Show headline.
+ document.write( "<h2 title='" + l10n_alert_box_headline_title +
"'>" + l10n_alert_box_headline_text + "</h2>" );
+
+ // Show text without link if available.
+ if( l10n_alert_box_text1_text )
+ document.write( "<p title='" + l10n_alert_box_text1_title + "'>"
+ l10n_alert_box_text1_text + "</p>" );
+
+ // Show text with link if available.
+ if( l10n_alert_box_text2_text ) {
+ document.write( "<p>"
+ + "<a title='" + l10n_alert_box_text2_title + "'"
+ + "href='" + l10n_alert_box_text2_href + "' target='_blank'>"
+ + l10n_alert_box_text2_text
+ + "</a>"
+ + "</p>" );
+ }
+ document.write( "</div>" ); // Alert box
+ }
+ }
+ </script>
+</head>
+
+<body>
+
+<!-- The text in the H1 tag is intentionally shown as not displayable, just to
please accessibility tools like a
+screen reader.
+-->
+<h1 style="display: none;">Apache OpenOffice</h1>
+
+ <script type="text/javascript">
+ <!--
+ // Show alert box.
+ showAlertbox( true );
+ //-->
+ </script>
+
+<div id="actionstatements">
+
+ <ul>
+ <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 currently available version, 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>I want to download Apache
OpenOffice " + VERSION + "</h2>"
+ + "<p>Download Apache OpenOffice for free, or find out about other
ways of getting it.</p></a>"
+ + "</div>"
+ + "</div>"
+ + "</li>" );
+ //-->
+ </script>
+
+ <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 />
+ </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="http://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 our announcement list,
social media areas and blog.</p></a>
+ <div class="action-social-extra">
+ <p>
+ <span style="padding:0 5px;cursor: pointer;"
onclick="javascript:follow('ApacheBlog');"
+ title="Blog of OpenOffice."><img src="images/logo-rss-16.png"
alt="Blog of OpenOffice" />
+ <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="Follow us on 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="Follow us on Twitter." />
+ <a>Twitter</a></span>
+ <span style="padding:0 5px;cursor: pointer;"
onclick="javascript:follow('GooglePlus');"
+ title="Follow us on Google+."><img
src="images/logo-googleplus-16.png" alt="Follow us on Google+." />
+ <a>Google+</a></span>
+ </p>
+ </div>
+ </div>
+ </div>
+ </li>
+ <li>
+ <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" style="height: 520px;">
+
+ <div class="campaign" style="height: 200px; float: right; overflow: auto;">
+ <h2 style="display: inline;">Recent Blog Posts</h2>
+
+ <p style="text-align:right">
+ <a href="http://blogs.apache.org/OOo/";>All Posts</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>Recent News</h2>
+
+ <p style="text-align:right">
+ <a href="news/index.html">All News</a>
+ </p>
+ <p></p>
+
+ <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="http://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>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 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>
+
Propchange: openoffice/ooo-site/trunk/content/index_alert.html
------------------------------------------------------------------------------
svn:eol-style = native
![http://www.w3.org/Icons/valid-xhtml10-blue.png"](http://www.w3.org/Icons/valid-xhtml10-blue.png"){kind=link}