Author: marcus
Date: Fri Jun 27 17:31:58 2014
New Revision: 1606157
URL: http://svn.apache.org/r1606157
Log:
Adapted the webpage to the new look & feel
Modified:
openoffice/ooo-site/trunk/content/xx/index.html
Modified: openoffice/ooo-site/trunk/content/xx/index.html
URL:
http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/xx/index.html?rev=1606157&r1=1606156&r2=1606157&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/xx/index.html (original)
+++ openoffice/ooo-site/trunk/content/xx/index.html Fri Jun 27 17:31:58 2014
@@ -8,12 +8,13 @@
<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 url("/home.css");
- @import url("/styles.css");
- @import url("/exceptions.css");
+ @import "../home.css";
+ @import "../styles.css";
+ @import "../exceptions.css";
/* ]]> */
</style>
@@ -35,35 +36,50 @@
<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>
+
<div id="actionstatements">
<ul>
<li>
+ <hr />
+ </li>
+ <li>
<div class="action-info">
<div class="action-text action-link">
- <h2><a href="/xx/why/">I want to learn more about OpenOffice</a></h2>
- <p><a href="/xx/why/">What is Apache OpenOffice? And why should I
use it?</a></p>
+ <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>
- <li>
- <div class="action-download">
- <div class="action-text action-link">
- <h2><a href="/xx/download/">I want to download OpenOffice</a></h2>
- <p><a href="/xx/download/">Download Apache OpenOffice for free, or
find out about other ways of getting it.</a></p>
- </div>
- </div>
- </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">
- <h2><a href="/xx/support/">I need help with my OpenOffice</a></h2>
- <p><a href="/xx/support/">Help is at hand whenever you need
it.</a></p>
+ <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>
@@ -73,8 +89,8 @@
<li>
<div class="action-extend">
<div class="action-text action-link">
- <h2><a href="/extensions/">I want to do more with my
OpenOffice</a></h2>
- <p><a href="/extensions/">Extend Apache OpenOffice with additional
functionality, templates and clipart.</a></p>
+ <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>
@@ -84,9 +100,8 @@
<li>
<div class="action-participate">
<div class="action-text action-link">
- <h2><a href="/xx/participate/">I want to participate in
OpenOffice</a></h2>
- <p><a href="/xx/participate/">
- Apache OpenOffice is made with help from people all over the world.
Feel free to contribute!</a></p>
+ <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>
@@ -96,23 +111,23 @@
<li>
<div class="action-social">
<div class="action-text action-link">
- <h2><a href="/xx/social/"
onclick="javascript:follow('SocialLink');">I want to stay in touch with
OpenOffice</a></h2>
- <p><a href="/xx/social/" onclick="javascript:follow('SocialLink');">
- Follow the progress of OpenOffice via our announcement list, social
media areas and blog.</a></p>
+ <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; cursor: hand;"
onclick="javascript:follow('ApacheBlog');"
- title="Official Blog"><img src="/images/logo-rss-16.png"
alt="Official Blog" />
- <a><u>Official Blog</u></a></span>
+ 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; cursor: hand;"
onclick="javascript:follow('Facebook');"
- title="Follow Us on Facebook"><img
src="/images/logo-facebook-16.png" alt="Facebook" />
- <a><u>Facebook</u></a></span>
+ 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; cursor: hand;"
onclick="javascript:follow('Twitter');"
- title="Follow Us on Twitter"><img
src="/images/logo-twitter-16.png" alt="Twitter" />
- <a><u>Twitter</u></a></span>
+ 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; cursor: hand;"
onclick="javascript:follow('GooglePlus');"
- title="Follow Us on Google+"><img
src="/images/logo-googleplus-16.png" alt="Google+" />
- <a><u>Google+</u></a></span>
+ title="Follow us on Google+."><img
src="../images/logo-googleplus-16.png" alt="Follow us on Google+." />
+ <a>Google+</a></span>
</p>
</div>
</div>
@@ -122,6 +137,13 @@
<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">
@@ -191,15 +213,6 @@
<div class="campaign">
<h2><a href="/xx/news/">More OpenOffice News...</a></h2>
</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>
</body>
![http://www.w3.org/Icons/valid-xhtml10-blue.png"](http://www.w3.org/Icons/valid-xhtml10-blue.png"){kind=link}