You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by wa...@apache.org on 2011/10/29 23:07:38 UTC
svn commit: r1195036 [4/5] - in /incubator/ooo/ooo-site/trunk/content/why:
./ __modules/ campaign_images/ documents/ images/ lang_files/
Added: incubator/ooo/ooo-site/trunk/content/why/why_IE6.css
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_IE6.css?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_IE6.css (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_IE6.css Sat Oct 29 21:07:35 2011
@@ -0,0 +1,730 @@
+/* CSS Document - Author: Shaibal Mandal */
+
+/* Design: Reflections, from OpenWebsiteDesign */
+
+/* Main Styles that apply to body */
+
+
+*reset all style at first*/
+@import url{"reset.css"};
+body {
+
+ font-size: 11px;
+
+ font-family: DejaVu Sans, Verdana, Arial, Sans-Serif;
+
+ margin: 0px;
+
+ background: #f4f4f4 url(images/bg.gif) center repeat-y;
+
+ position: relative;
+
+}
+
+.boxes {
+ display: none;
+}
+
+/* This is the page container built and centered using -ve margins */
+
+#container {
+
+ width: 720px;
+
+}
+
+
+
+/* The topmost faded bar */
+
+#topbar {
+
+ width:auto;
+
+ background: #EEE;
+
+ height: 20px;
+
+ padding: 10px 5px 5px 2px;
+
+ font: 9px verdana;
+
+ font-weight: bold;
+
+ color: #CCCCCC;
+
+ text-align: right;
+
+}
+
+
+
+/* This holds the two heading blocks, the title and the login form */
+
+#headerwrapper {
+
+ width: auto;
+
+ border-spacing: 0px;
+
+}
+
+
+
+/* class that styles the holder div of the forms */
+
+.userform {
+
+ width: auto;
+
+ color: #0634bc;
+
+ padding: 5px 0px 5px 3px;
+
+ background: #fbfbfb;
+
+ border:1px solid #efefef;
+
+ border-top: none;
+
+ text-align: justify;
+
+ margin-bottom: 1px;
+
+}
+
+
+
+/* This will style the login and search */
+
+.userform input {
+
+ border: 1px solid #DDD;
+
+ font-family: verdana;
+
+ font-size: 10px;
+
+ color: #BBB;
+
+ font-weight: bold;
+
+}
+
+/*
+
+ #EEE = light grey
+
+ #DDD = dark grey
+
+ #0634bc = dark purple
+
+ #efefef = light grey
+
+ #DBB7DB = light violet
+
+ #663366 = deep purple
+
+ #F7F4F7 = faint pinky grey
+
+ #f1f1f1 = light grey
+
+ #F7F4F7 = deep deep purple
+
+ #591333 = deep purple
+
+*/
+
+
+
+/*
+
+ #06348c = OOo dark blue
+
+ #b7cad7 = OOo shady light blue
+
+ #c4dae9 = OOo light blue
+
+ #698ed1 = OOo lighter blue
+
+ #ecf1f5 = OOo pale blue
+
+*/
+
+
+
+h1 {
+
+ font: 48px verdana;
+
+ color: #EEE;
+
+ margin: 5px;
+
+}
+
+
+
+h6 {
+
+ font: 10px verdana;
+
+ font-weight: bold;
+
+ color: #DDD;
+
+ margin: 0px;
+
+ padding: 0px;
+
+ margin-left: 8px;
+
+}
+
+
+
+/* This holds the tabs */
+
+#tabholder
+
+{
+
+ width: auto;
+
+}
+
+
+
+/* Container for the article box, and the pic box */
+/* Issue 74175 (set this as comment markomlm) */
+
+.articleboxouter {
+
+ width: auto;
+
+ padding: 0px 6px 0px 5px;
+
+ clear: both;
+
+}
+
+
+
+/* Content holder for the articles */
+
+.articleboxinner {
+
+ width: auto;
+
+ font-size: 12px;
+
+ line-height: 20px;
+
+ color: #06348c;
+
+ padding: 15px 6px 0px 6px;
+
+ background: #fbfbfb;
+
+ border:1px solid #efefef;
+
+ text-align: left;
+
+ height: 220px;
+
+}
+
+
+
+/* The title style for the main article */
+
+.articleheader
+
+{
+
+ font-size: 18px;
+
+ font-weight: bold;
+
+}
+
+
+
+/* This will style the read more thing at the bottom */
+
+.readmore {
+
+ text-align: right;
+
+ display: block;
+
+ width: auto;
+
+}
+
+
+
+/* This controls the main pic in the main article box */
+
+.mainpiccontrol
+
+{
+
+ border: 0px #c4dae9 solid;
+
+ float: left;
+
+ margin-right: 10px;
+
+}
+
+
+
+/* Container for the pic thumbnails */
+
+.picboxouter {
+
+ width: auto;
+
+ padding: 0px 6px 0px 5px;
+
+ clear: both;
+
+}
+
+
+
+/* Content holder for the pic box */
+
+.picbox {
+
+ width: auto;
+
+ line-height: 20px;
+
+ color: #06348c;
+
+ padding: 2px 9px 2px 8px;
+
+ border: 1px solid #efefef;
+
+ text-align: center;
+
+ float: left;
+
+}
+
+
+
+.picbox a:hover {
+
+ border: none;
+
+}
+
+.picbox a:hover span {
+
+ border-bottom: dashed 1px red;
+
+}
+
+
+
+/* This controls the thumbnails in the picbox div Issue 74175 */
+
+.pickboxcontrol {
+
+ vertical-align: middle;
+
+ width: 95px;
+
+ height: 64px;
+
+}
+
+
+
+/* Content holder for the screen box */
+
+.screenbox {
+
+ width: auto;
+
+ line-height: 20px;
+
+ color: #06348c;
+
+ padding: 2px 1px 2px 1px;
+
+ border: 1px solid #efefef;
+
+ text-align: center;
+
+ float: left;
+
+}
+
+.screenbox a:hover {
+
+ border: none;
+
+}
+
+.screenbox a:hover span {
+
+ border-bottom: dashed 1px red;
+
+}
+
+
+
+.screenboxcontrol {
+
+ vertical-align: middle;
+
+ width: 120px;
+
+ height:86px;
+
+}
+
+
+
+/* Sometimes, I don't want borders around my hyperlink images */
+
+.noborder {
+
+ border: none;
+
+}
+
+
+
+/* For taming those leeeeeeetle arrows */
+
+img {
+
+ vertical-align: text-bottom;
+
+}
+
+
+
+/* Style-up those ugly default hyperlinks */
+
+a {
+
+ text-decoration: none;
+
+ padding: 0;
+
+ margin: 0;
+
+ color: #663366;
+
+}
+
+
+
+/* And their ugly hover states too */
+
+/* a:hover {
+
+ border-bottom:dashed 1px red;*/
+
+}
+
+
+
+/* Why should the humble footer be left out? */
+
+#myfooter {
+
+ background-color: #ccc;
+
+ color: #fff;
+
+ text-align: center;
+
+ vertical-align: middle;
+
+/* height: 150px; */
+
+ padding-top: 5px;
+
+ clear: both;
+
+}
+
+
+
+#myfooter td {
+
+ border: 0px;
+
+ padding: 0px;
+
+ border-spacing: 0px;
+
+ text-align: center;
+
+}
+
+
+
+/* This will contain the three columns */
+
+#newsContainer2
+
+{
+
+ width:auto;
+
+ background-color: #ecf1f5;
+
+}
+
+
+
+/* First column of the three columns */
+
+.c1
+
+{
+
+ width: 227px;
+
+ background-color: #ecf1f5;
+
+ border: 1px solid #DDD;
+
+ border-top: none;
+
+ line-height: 22px;
+
+ color: #0634bc;
+
+ float: left;
+
+}
+
+
+
+/* Second column of the three columns */
+
+.c2
+
+{
+
+ width: 230px;
+
+ float: left;
+
+ border-bottom: 1px solid #DDD;
+
+ line-height: 22px;
+
+ color: #0634bc;
+
+}
+
+
+
+/* Third column of the three columns */
+
+.c3
+
+{
+
+ width: 228px;
+
+ background-color: #ecf1f5;
+
+ border: 1px solid #DDD;
+
+ border-top: none;
+
+ line-height: 22px;
+
+ color: #0634bc;
+
+ float: right;
+
+}
+
+
+
+/* This controls the titles for each column */
+
+.noteheader
+
+{
+
+ width:auto;
+
+ border-bottom: 1px solid #DDD;
+
+ border-top: none;
+
+ color: #0634bc;
+
+ height: 24px;
+
+ font-family: verdana;
+
+ font-size: 11px;
+
+ font-weight: bold;
+
+ background:url(images/headerBG.jpg) repeat-x;
+
+}
+
+
+
+/* And this gives the column text some breathing space */
+
+.spacy
+
+{
+
+ padding: 5px;
+
+}
+
+
+
+/* CSS Tabs */
+
+#tabs8 {
+
+ float:left;
+
+ width:100%;
+
+ background:#F1F1F1;
+
+ font-size:93%;
+
+ line-height:normal;
+
+ border-bottom:1px solid #CCC;
+
+}
+
+
+
+#tabs8 ul {
+
+ margin:0;
+
+ padding:10px 10px 0 5px;
+
+ list-style:none;
+
+}
+
+
+
+#tabs8 li {
+
+ display:inline;
+
+ margin:0;
+
+ padding:0;
+
+}
+
+
+
+#tabs8 a {
+
+ float:left;
+
+ background:url("images/tableft8.gif") no-repeat left top;
+
+ margin:0;
+
+ padding:0 0 0 4px;
+
+ text-decoration:none;
+
+}
+
+
+
+#tabs8 a span {
+
+ float:left;
+
+ display:block;
+
+ background:url("images/tabright8.gif") no-repeat right top;
+
+ padding:5px 15px 4px 6px;
+
+ color:#eee;
+
+ font-weight: bold;
+
+}
+
+
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+
+#tabs8 a span {float:none;}
+
+ /* End IE5-Mac hack */
+
+ #tabs8 a:hover span {
+
+/* color:#591333;
+
+ color:#06348c;*/
+
+}
+
+
+
+#tabs8 a:hover {
+
+ /* background-position:0% -42px;removed for IE6 Markomlm */
+
+ border: none;
+
+}
+
+
+
+#tabs8 a:hover span {
+
+ /*background-position:100% -42px;
+
+ color: #888;removed for IE6 Markomlm */
+
+}
+
+
+
+#tabs8 #current a {
+
+ /*background-position:0% -42px;removed for IE6 Markomlm */
+
+}
+
+#tabs8 #current a span {
+
+ background-position:100% -42px;
+
+ color: #888;
+
+}
+
+
+
+
+
+/* End of CSS Tabs */
+
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_IE6.css
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_campaign.css
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_campaign.css?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_campaign.css (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_campaign.css Sat Oct 29 21:07:35 2011
@@ -0,0 +1,311 @@
+/* Estilo de la pagina principal */
+
+.head_menu {
+ font-size: 0.9em !important;
+ text-align:center;
+ font-family:Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ padding-top: 5px;
+ padding-bottom: 2px;
+ background-color: #DEE4EE;
+ background-image: url("http://www.openoffice.org/branding/images/lesslightbluefadeout.gif");
+ background-repeat: repeat-y;
+ background-position: top right;
+ color: #06348C;
+ border-bottom: 0px none;
+}
+#head {
+text-align: center;
+}
+a {
+ text-decoration: none;
+ color: #09388F;
+}
+
+/* Menus horizontales */
+
+.hmenu1{
+float:left;margin-right:3px;width:250px; font-size: 11px;
+}
+.hmenu2{
+float:left;margin-right:3px;width:268px; font-size: 11px;
+}
+.hmenu3{
+float:left;margin-right:3px;width:230px; font-size: 11px;
+}
+
+/* Menus Anchos */
+.lmenu {
+ /*float: right; margin-top: 0px; padding-top: 0px; top: 0px; */
+ position:relative;width:100%;height:125px;
+}
+.lmenu ul {
+list-style: none;
+}
+.lmenu li {font-size: 12px;}
+
+
+
+.vmenu a:hover {
+ color: #FF0000;
+}
+/*.lmenu ul {
+ margin-top: 0px;
+ padding-top: 0px;
+}*/
+#box {
+float:left !important; clear: none;
+ height: 165px;
+ width: 147px;
+ left: 0px;
+ top: 125px;
+ bottom:300px;
+ background-color: #FFFFFF;
+ padding-top: 0px;
+}
+#box li {
+font-size: 10px;}
+#box ul{list-style: none;
+margin-left: 0px;
+padding-left:0px;}
+#box2 {
+float:left !important; clear:none;
+ height: 21px;
+ width: 147px;
+ left: 0px;
+ top: 290px;
+ background-color: #FFFFFF;
+}
+#box2 ul{list-style: none;
+margin-left: 0px;
+padding-left:0px;}
+
+
+
+/***************************************
+
+
+Estilo para el menu de pestaas
+
+
+
+*****************************************/
+ul. {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ border: none;
+ font-size: 80%;
+}
+ul. li {
+ position: relative;
+ float: left;
+ width: 6em;
+ margin: 0;
+ padding: 0 4px 0 0;
+}
+ul. a {
+ display: block;
+ width: 5em;
+ padding: .5em;
+ border: 1px solid #00F;
+ border-bottom: none;
+ border-top-width: 2px;
+ text-decoration: none;
+}
+ul. a, ul. a:link, ul. a:visited {
+ background: #EEF;
+ color: #00F;
+}
+ul. a.active, ul. a:link.active, ul. a:visited.active {
+ background: #FFF;
+ color: #00F;
+ font-weight: bold;
+}
+ul. a.active {
+ position: relative;
+ top: 1px;
+}
+
+/* panels */
+div. {
+ padding: .5em;
+}
+div. div. {
+ padding: 0;
+}
+div. div. div {
+ clear: left;
+ padding: .5em;
+ border: 1px solid #00F;
+}
+
+a {
+font-weight:normal;}
+.contenido p {
+ font-family: Helvetica, Arial, sans;
+ font-size: 11px;
+ color: #000000;
+ word-spacing: 2px;
+ margin-right: 10px;
+ margin-left: 10px;
+}
+.titulo h1 {
+ color: #000099;
+ text-align: center;
+ border-top-width: thin;
+ border-bottom-width: thin;
+ border-top-style: solid;
+ border-bottom-style: solid;
+ border-top-color: #000099;
+ border-bottom-color: #000099;
+ width: 430px;
+ margin-top: 5px;
+ padding-top: 8px;
+ padding-bottom: 5px;
+}
+.contenido li {
+ font-size: 11px;
+ word-spacing: 2px;
+ line-height: 16px;
+ font-family: Helvetica, Verdana, sans;
+}
+.contenido a:hover {
+ color: #0000FF;
+ text-decoration: none;
+}
+.contenido a {
+ text-decoration: none;
+ font-family: Helvetica, Verdana, sans;
+}
+
+#opt img {
+ padding-bottom:1em;
+ border: 0px;
+ }
+
+.hmenu3 {
+ border-width:1px;
+ border-color: red;
+ background-color: #e0e9fa;
+}
+
+#leftcol { display: none !important;
+}
+#navcol { display: none !important;
+}
+#contextualinformation { display: none ! important;
+}
+#contextualinformation.contentpart { display: none ! important;
+}
+#toptabs { display: none ! important;
+}
+#login { display: none ! important;
+}
+#apphead { display: none ! important;
+}
+.axial { display: none ! important;
+}
+#longdescription { display: none ! important;
+}
+.infomark { display: none ! important;
+}
+h1 { color: rgb(0, 62, 161);
+}
+h2 { color: rgb(0, 62, 161);
+}
+td { vertical-align: top;
+}
+.tasknav { display: none ! important;
+}
+
+div#langbar {
+ color:#ffffff;
+ font-weigth:bold;
+ display:block;
+ font-size:14px;
+ list-style:none;
+ margin:0px;
+ padding:0px;
+ height:30px;
+ width:100%;
+ background-color:#06348C;
+ clear:left;
+}
+div#langbar ul {
+ margin:0px;
+}
+div#langbar li {
+ display:block;
+ float:left;
+ margin:0px;
+ padding:0px;
+ padding-left:3px;
+ background-image:url(campaign_images/divider.png);
+ background-repeat:repeat-x;
+ text-decoration:none;
+}
+div#langbar span {
+ display:block;
+ float:left;
+ background-repeat:repeat-x;
+ padding:0px;
+ font-weight:bold;
+ height:22px;
+ padding-top:8px;
+ vertical-align:middle;
+ white-space:nowrap;
+}
+* html div#langbar span {
+ height:22px;
+}
+div#langbar li a {
+ color:#ffffff;
+ font-weight:bold;
+ width:30px;
+ height:22px;
+ display:block;
+ float:left;
+ margin:0px;
+ padding:0px;
+ padding-top:8px;
+ text-decoration:none;
+ opacity:0.85;
+ filter:alpha(opacity=85);
+ background-image:url(campaign_images/gradient.png);
+ background-repeat:repeat-x;
+ text-align:center;
+ vertical-align:middle;
+}
+* html div#langbar li a {
+ height:22px;
+}
+div#langbar li a:visited {
+ color:#ffffff;
+ font-weight:bold;
+ display:block;
+ width:30px;
+ height:30px;
+ float:left;
+ margin:0px;
+ padding:0px;
+ padding-top:8px;
+ text-decoration:none;
+ background-image:url(campaign_images/gradient.png);
+ background-repeat:repeat-x;
+ text-align:center;
+ vertical-align:middle;
+}
+* html div#langbar li a:visited {
+ height:22px;
+}
+div#langbar li a:hover {
+ color:#06348C;
+ background-image:url(campaign_images/gradient_hl3.png);
+ background-repeat:no-repeat;
+}
+div#langbar + * {
+ clear:left;
+ float:none;
+}
+
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_campaign.css
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_easy.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_easy.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_easy.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_easy.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,203 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li><a href="index.html"><span>Why</span></a></li>
+ <li><a href="why_great.html"><span>Great Software</span></a></li>
+ <li id="current"><a href="#"><span>Easy to use</span></a></li>
+ <li><a href="why_free.html"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_easy.png" width="300" height="210"
+ alt="Easy peasy" title="Easy peasy"
+ class="mainpiccontrol" name="pix" />
+ <div id="mytext">
+ <!-- The title for this article -->
+ <span class="articleheader" >Easy-to-use</span>
+
+ <!-- The preview content -->
+Easy to choose, easy to install, easy to learn - OpenOffice.org 3 is the easy
+choice for an office software suite. OpenOffice.org 3 is suitable for complete
+beginners, but if you have used any other office software, that's ok too.
+OpenOffice.org 3 will make full use of what you already know -
+through familiar screens and menus - and also what you have - by
+reading existing files with no retyping.
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png"><img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png"><img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png"><img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png"><img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png"><img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ Use it immediately
+ </div>
+ <div class="spacy">
+For people used to other office software, OpenOffice.org 3 is a pleasant surprise.
+It's so straightforward! Studies have proved it is easier (and cheaper) to move
+to OpenOffice.org 3 from Microsoft Office than it is to upgrade to Microsoft's
+latest Office 2007. Because OpenOffice.org is one piece of software, everything
+works consistently between applications. Even the help system is the same. You
+don't even have to know which application was used to create a document - OpenOffice.org
+3 will use the correct one. You only need to do a single download from the Internet
+(or install from one CD) and you've got your office suite
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ No need to retype
+ </div>
+ <div class="spacy">
+We understand that many people already have documents which they have created
+using other common office software packages. OpenOffice.org 3 can read these files
+with a very high degree of accuracy, making migration to OpenOffice.org 3
+very straightforward. In fact, we have reports where OpenOffice.org 3 has been
+able to read files which the original software package had said were corrupted
+and unusable. If your friends or colleagues use different software, you can
+still swap files with them - but better still,
+give them a free copy of OpenOffice.org 3!
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ Part of a community
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+When you're starting something new, it's great to know tens of millions of
+people have been there before you. OpenOffice.org 3 is developed, translated,
+supported, and promoted by an international community of tens of thousands
+of enthusiasts. If you have ever waited for ages for paid-for support from a
+commercial software provider, community support from enthusiastic and
+knowledgeable volunteers may come as a surprise. You may even find yourself
+talking to people who have developed or translated the software you are using.
+Welcome to the community!
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_easy.html
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_edu.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_edu.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_edu.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_edu.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,196 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li id="current"><a href="index.html"><span>Why</span></a></li>
+ <li><a href="why_great.html"><span>Great Software</span></a></li>
+ <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+ <li><a href="why_free.html"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_edu.png" width="300" height="210"
+ alt="Tomorrow's leaders" title="Tomorrow's leaders"
+ class="mainpiccontrol" name="pix" />
+ <div id="mytext">
+ <!-- The title for this article -->
+ <span class="articleheader" >Education establishments</span>
+
+ <!-- The preview content -->
+ of all levels (primary, secondary, college, university...)
+ find OpenOffice.org 3 meets the needs of both teachers and
+ students. The
+ <b>flexible word processor</b>, <b>powerful spreadsheet</b>, <b>dynamic
+ graphics</b>, <b>database access</b> and more meet all requirements
+ for an office software package.<br />
+ With an <b>open-source licence</b>, OpenOffice.org 3
+ can be freely used and distributed with no licence worries.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png"><img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png"><img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png"><img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png"><img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png"><img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ For pupils and students
+ </div>
+ <div class="spacy">
+OpenOffice.org 3 forms an ideal teaching platform for core computer literacy skills,
+without tying students to commercial products. The free software licence
+means students can be given copies of software to use at home - perfectly legally - a
+useful 'added value'. For IT students, OpenOffice.org's component based software is also an ideal platform for developing IT skills and understanding real-life software engineering.
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ For teachers and academics
+ </div>
+ <div class="spacy">
+OpenOffice.org 3 is also an ideal platform for creating teaching materials and
+managing administrative tasks.
+For example, the <i>Writer</i> word processor is easy to use for
+simple memos, but also powerful enough to cope with complex dissertations.
+For IT staff, the open-source software licence means an end to licence compliance worries and the threat of software audits.
+OpenOffice.org 3 is developed, translated, and supported by an international community linked by the internet, opening exciting possibilities for school projects.
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ Open for all
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 is a leading international force in the movement for digital inclusion - making software of the highest quality available to all, regardless of income.
+OpenOffice.org 3 is available in a wide variety of languages, and
+we actively encourage local teams to produce versions for local languages.
+We develop software on an open-source process - the computing equivalent of peer-reviewed publishing - creating software of the highest quality.
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_edu.html
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_foss.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_foss.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_foss.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_foss.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,208 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li id="current"><a href="index.html"><span>Why</span></a></li>
+ <li><a href="why_great.html"><span>Great Software</span></a></li>
+ <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+ <li><a href="why_free.html"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_foss.png" width="300" height="210"
+ alt="OOo team meeting" title="OOo team meeting"
+ class="mainpiccontrol" name="pix" />
+ <div id="mytext">
+ <!-- The title for this article -->
+ <span class="articleheader" >Free/Open-Source Software</span>
+
+ <!-- The preview content -->
+ (F/OSS) proponents are turning to OpenOffice.org 3 both as end-users
+ and as contributors. With its <b>flexible word processor</b>,
+ <b>powerful spreadsheet</b>, <b>dynamic
+ graphics</b>, <b>database access</b> and more, OpenOffice.org 3 is
+ the office suite of choice of millions of users.<br />
+ OpenOffice.org 3 is released under the OSI approved LGPL terms, with over
+ 750 contributors and an international community approaching 400,000
+ individuals.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png"><img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png"><img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png"><img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png"><img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png"><img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ Software for all
+ </div>
+ <div class="spacy">
+OpenOffice.org 3 is the must-have desktop application that tens of
+millions of people are using - an open-source tool that your family, friends,
+and neighbours will appreciate. With its free software licence and active
+Native Language Confederation, OpenOffice.org is a key player in the drive to eradicate
+digital exclusion and preserve minority languages threatened by being on
+the wrong side of the digital divide.
+For tens of thousands of community members, this makes the OpenOffice.org
+community their volunteering opportunity of choice.
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ Open for development
+ </div>
+ <div class="spacy">
+OpenOffice.org 3 is a mature software product, representing over twenty years'
+continuous development. It is available across multiple operating systems.
+Understanding and contributing to the core development requires serious
+commitment and software engineering skills - not for the faint hearted.
+However, like all successful open-source projects, OpenOffice.org has an
+active developer community, keen to help new arrivals.
+Alternatively, try writing extensions, or using
+OpenOffice.org's UNO based components in other applications.
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ Open world
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+If you are using OpenOffice.org 3, you will appreciate the work
+that has gone into providing this software for you to use for free.
+Help us to ensure future users can continue to use it for free.
+The OpenOffice.org community invites contributors: <i>Whatever you do best,
+do it for OpenOffice.org</i>. As well as developers, the Community welcomes
+translators, artists, technical authors, testers, people offering user support,
+sales and marketing people, lobbyists,
+donors, ... the list is long. The Community operates internationally in all
+time zones, linked by the internet. Talk to us today.
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_foss.html
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_free.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_free.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_free.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_free.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,210 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li><a href="index.html"><span>Why</span></a></li>
+ <li><a href="why_great.html"><span>Great Software</span></a></li>
+ <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+ <li id="current"><a href="#"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_free.png" width="300" height="210"
+ alt="Piggy bank" title="Piggy bank"
+ class="mainpiccontrol" name="pix" />
+ <div id="mytext">
+ <!-- The title for this article -->
+ <span class="articleheader" >Free software</span><br />
+
+ <!-- The preview content -->
+OpenOffice.org 3 is free software. That means you are free to download it,
+free to install it on as many PCs as you like, free to pass copies to
+as many people as you like. You may use OpenOffice.org 3 for any purpose
+without restriction: private, educational, public administration,
+commercial... Free, really free.
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png"><img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png"><img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png"><img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png"><img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png"><img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ Free of charge
+ </div>
+ <div class="spacy">
+It's hard to believe that high quality, easy to use software like
+OpenOffice.org 3 can really be free.
+But thanks to contributions of time and money,
+from individuals and companies
+(large and small), OpenOffice.org is free for you to use today.
+Furthermore, the
+open-source licence used by OpenOffice.org 3
+means this freedom can never be taken away.
+The OpenOffice.org community are delighted if you find our
+software of use. Please help us by telling people about
+OpenOffice.org 3, and if you can, pass them on a copy.
+More people use OpenOffice.org 3 as a result of personal
+recommendation than any other route.
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ Freedom from worry
+ </div>
+ <div class="spacy">
+However, a free software licence means much more than a one-off cost saving.
+It means you never need worry again whether your software is legal,
+or whether it will expire some day. For people responsible for
+a number of computers - from just a few in a small business, hundreds
+in a school, thousands in a corporation - this is a huge weight off
+the mind. No need for software audits, for keeping invoices for years,
+no worry about ending up in court because you misread some small print
+in a licence agreement.
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ We value your freedom
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+As part of a community dedicated to free software, we also value
+your freedom of choice. OpenOffice.org 3 will read and
+write files which can be used in other common office software.
+It was the first software in the world to fully support the ISO
+standard for office file formats which is being adopted by a growing
+number of software vendors. If you want to use other software,
+we want you to be free to do so. If you want to change your PC
+from Microsoft Windows to Apple Mac to Linux to Sun Solaris,
+we want you to be free to do so.
+If you like this approach, feel free to join the OpenOffice.org
+community.
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_free.html
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_gov.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_gov.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_gov.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_gov.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,199 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li id="current"><a href="index.html"><span>Why</span></a></li>
+ <li><a href="why_great.html"><span>Great Software</span></a></li>
+ <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+ <li><a href="why_free.html"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_gov.png" width="300" height="210"
+ alt="Parliament building" title="Parliament building"
+ class="mainpiccontrol" name="pix" />
+ <div id="mytext">
+ <!-- The title for this article -->
+ <span class="articleheader" >Public administrations</span>
+
+ <!-- The preview content -->
+ and people working at <b>all levels of government</b>
+ (local / federal / regional / national etc) find OpenOffice.org 3
+ is their ideal software solution. The combination of a
+ <b>flexible word processor</b>, a <b>powerful spreadsheet</b>, <b>dynamic
+ graphics</b>, <b>database access</b> and more meets all the everyday needs
+ of a typical busy office worker.<br />
+ Already available in a <b>wide range of languages</b>, OpenOffice.org 3
+ can be freely translated by local teams.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png"><img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png"><img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png"><img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png"><img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png"><img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ Best value
+ </div>
+ <div class="spacy">
+Using OpenOffice.org 3 demonstrates your commitment to deliver best value services.
+It is not owned by any commercial organisation. Its open
+source licence means there are no licence fees to pay, no expensive annual
+audits, and no worries about non-compliance with onerous and obscure licencing
+conditions. You may also distribute the software free to your employees,
+through the schools system, or any other channel of your choice.
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ Data is safe
+ </div>
+ <div class="spacy">
+Freedom of Information Acts require that the documents you create today will be
+accessible years in the future. OpenOffice.org 3 is the first software in the world
+to use ISO approved file formats as its default. It also has the ability to create
+pdf files if you need to publish information in a standard 'read only' format.
+If you already have (possibly unlicenced) office software, OpenOffice.org 3
+should be able to read your old files.
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ Open for all
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+There are no secrets in OpenOffice.org 3 - our open-source policy means anyone
+can inspect the code or even help us develop the software. We actively encourage local
+teams to produce versions for minority languages. OpenOffice.org 3 is a leading
+international force in the movement for digital inclusion - making software
+of the highest quality available to all, regardless of income.
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_gov.html
------------------------------------------------------------------------------
svn:eol-style = native
Added: incubator/ooo/ooo-site/trunk/content/why/why_great.html
URL: http://svn.apache.org/viewvc/incubator/ooo/ooo-site/trunk/content/why/why_great.html?rev=1195036&view=auto
==============================================================================
--- incubator/ooo/ooo-site/trunk/content/why/why_great.html (added)
+++ incubator/ooo/ooo-site/trunk/content/why/why_great.html Sat Oct 29 21:07:35 2011
@@ -0,0 +1,379 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+ <link rel="stylesheet" href="suppress.css" type="text/css" />
+ <!-- handling for browsers without active javascript (use default style set hint on screen -->
+<link rel="stylesheet" href="why.css" type="text/css" /> <!-- browser detection and handling -->
+ <script language="javascript" src="why.js"></script>
+ <!-- end of browser detection -->
+<script language="JavaScript" type="text/javascript">
+var myPrefix='box_';
+function swapper(item)
+{
+ for( i=1; i<7; i++)
+ {
+ document.getElementById( myPrefix + i ).style.display = 'none';
+ }
+ var state = document.getElementById( item ).style.display;
+ if ( state == 'block' )
+ {
+ document.getElementById( item ).style.display = 'none';
+ }
+ else
+ {
+ document.getElementById( item ).style.display = 'block';
+ }
+}
+</script>
+</head>
+
+<body>
+
+
+ <noscript><table border="0"><tr><td><h2>This page needs javascript.<br />If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+ <!-- This holds the main header -->
+ <div id="headerwrapper">
+
+ <!-- This is the site title -->
+ <h1>Why OpenOffice.org</h1>
+ </div>
+ <!-- End of headerwrapper -->
+
+ <!-- This hold the navigation tabs -->
+ <div id="tabholder">
+ <div id="tabs8">
+ <ul>
+ <!-- CSS Tabs -->
+ <li><a href="index.html"><span>Why</span></a></li>
+ <li id="current"><a href="#" onmouseover="swapper('box_1');">
+ <span>Great Software</span></a>
+ </li>
+ <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+ <li><a href="why_free.html"><span>and it's free</span></a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of the tabs holder -->
+
+ <!-- Here's the box for the main article -->
+ <div class="articleboxouter">
+
+ <!-- Here's where you can place ur content -->
+ <div class="articleboxinner">
+
+ <div id="box_1">
+ <!-- The main image. 300px by 210px -->
+ <img src="images/why_great.png" width="300" height="210"
+ alt="OpenOffice.org 3 software" title="OpenOffice.org 3 software"
+ class="mainpiccontrol" name="pix1" />
+ <div id="mytext1">
+ <!-- The title for this article -->
+ <span class="articleheader" >Great Software</span>
+
+ <!-- The preview content -->
+ requires great people.
+ OpenOffice.org 3 is the result of over twenty years' continuous
+ high quality software engineering. Designed from the start as a
+ <b>single piece of software</b>, OpenOffice.org 3 has a consistency
+ and a quality that is world class.
+ Its <b>open-source</b> development model means there are no secrets.
+ <br />
+ Roll your mouse over the screenshots for more
+ details of the main components
+ <i>(requires javascript)</i>.
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <div class="boxes" id="box_2">
+ <!-- The main image. 300px by 210px -->
+ <a href="images/writer-big.png">
+ <img src="images/writer-crop.png"
+ width="300" height="210"
+ alt="Writer" title="Click for full-size screenshot of Writer"
+ class="mainpiccontrol" name="pix2" /></a>
+ <div id="mytext2">
+ <!-- The title for this article -->
+ <span class="articleheader" >Writer</span>
+
+ <!-- The preview content -->
+has everything you would expect from a modern, fully equipped word processor or desktop publisher: powerful features like AutoCorrect, AutoComplete, AutoFormat, Styles and Formatting, Text Frames and Linking, Tables of Contents, Indexing, Bibliographical References, Illustrations, Tables, and other objects.<br />
+<b>Writer</b> is simple enough for a quick memo, powerful and stable enough to create
+complete books with lots of graphics, headings etc.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <div class="boxes" id="box_3">
+ <!-- The main image. 300px by 210px -->
+ <a href="images/calc-big.png">
+ <img src="images/calc-crop.png"
+ width="300" height="210"
+ alt="Calc" title="Click for full-size screenshot of Calc"
+ class="mainpiccontrol" name="pix3" /></a>
+ <div id="mytext3">
+ <!-- The title for this article -->
+ <span class="articleheader" >Calc</span>
+
+ <!-- The preview content -->
+is the spreadsheet you've always wanted. Newcomers find it intuitive and easy to learn; professional data miners and number crunchers will appreciate the comprehensive range of powerful features including Advanced DataPilot technology, Natural language formulas, an Intelligent Sum Button, a comprehensive range of advanced spreadsheet functions, Styles and Formatting, and a Scenario Manager for "what ifs".
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <div class="boxes" id="box_4">
+ <!-- The main image. 300px by 210px -->
+ <a href="images/impress-big.png">
+ <img src="images/impress-crop.png"
+ width="300" height="210"
+ alt="Impress" title="Click for full-size screenshot of Impress"
+ class="mainpiccontrol" name="pix4" /></a>
+ <div id="mytext4">
+ <!-- The title for this article -->
+ <span class="articleheader" >Impress</span>
+
+ <!-- The preview content -->
+is a truly outstanding tool for creating effective multimedia presentations. Your presentations will stand out with 2D and 3D clip art, fontworks, special effects, animation, and high-impact drawing tools. A multi-pane view puts all the tools at your fingertips, and you can 'park' your most commonly used drawing tools around your screen ready for single-click access.
+Share your work in many ways: not only pdf, but also html and Flash.<br />
+Get your message across with <b>Impress</b>.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <div class="boxes" id="box_5">
+ <!-- The main image. 300px by 210px -->
+ <a href="images/draw-big.png">
+ <img src="images/draw-crop.png"
+ width="300" height="210"
+ alt="Draw" title="Click for full-size screenshot of Draw"
+ class="mainpiccontrol" name="pix5" /></a>
+ <div id="mytext5">
+ <!-- The title for this article -->
+ <span class="articleheader" >Draw</span>
+
+ <!-- The preview content -->
+anything from a quick sketch to a complex plan. <b>Draw</b> gives you the tools to communicate with graphics and diagrams. Manipulate objects, rotate in two or three dimensions; use sophisticated rendering to create photorealistic images. Smart connectors make short work of flowcharts, organisation charts, network diagrams, etc. Styles - a common OpenOffice.org
+feature - help you control your work easily and precisely in Draw.<br />
+A <b>Draw</b> image is worth a thousand words!
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+ <div class="boxes" id="box_6">
+ <!-- The main image. 300px by 210px -->
+ <a href="images/base-big.png">
+ <img src="images/base-crop.png"
+ width="300" height="210"
+ alt="Base" title="Click for full-size screenshot of Base"
+ class="mainpiccontrol" name="pix6" /></a>
+ <div id="mytext6">
+ <!-- The title for this article -->
+ <span class="articleheader" >Base</span>
+
+ <!-- The preview content -->
+enables you to manipulate database data seamlessly within OpenOffice.org 3. Create and modify tables, forms, queries, and reports, either using your own database or <b>Base</b>'s own built-in HSQL database engine. <b>Base</b> offers a choice of using Wizards, Design Views, or SQL Views for beginners, intermediate, and advanced users.<br />
+Access your databases easily with <b>Base</b>.
+ <br />
+ </div>
+ <!-- Link to the full article, an arrow and a text link -->
+ <span class="readmore">
+ <a href="#">
+ <img src="images/arrow.png" alt="read more" class="noborder" />
+ </a>
+ <a href="/download">
+ Get OpenOffice.org 3 now
+ </a>
+ <br />
+ </span>
+ </div>
+
+
+ </div>
+ <!-- End of content holder -->
+ </div>
+ <!-- End of main article -->
+
+ <!-- Here's the box for some pics -->
+ <div class="picboxouter">
+
+ <!-- Here's where you can place ur thumbnails -->
+ <!-- All should be uniformly sized ;-) -->
+
+ <div class="screenbox">
+ <a href="images/writer-big.png" onmouseover="swapper('box_2');">
+ <img src="images/writer-icon.png"
+ class="screenboxcontrol"
+ alt="Writer word processor screenshot"
+ title="Click for Writer word processor screenshot" /><br />
+ <span>Writer</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/calc-big.png" onmouseover="swapper('box_3');">
+ <img src="images/calc-icon.png"
+ class="screenboxcontrol"
+ alt="Calc spreadsheet screenshot"
+ title="Click for Calc spreadsheet screenshot" /><br />
+ <span>Calc</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/impress-big.png" onmouseover="swapper('box_4');">
+ <img src="images/impress-icon.png"
+ class="screenboxcontrol"
+ alt="Impress presentations screenshot"
+ title="Click for Impress presentations screenshot" /><br />
+ <span>Impress</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/draw-big.png" onmouseover="swapper('box_5');">
+ <img src="images/draw-icon.png"
+ class="screenboxcontrol"
+ alt="Draw graphics screenshot"
+ title="Click for Draw graphics screenshot" /><br />
+ <span>Draw</span>
+ </a>
+ </div>
+ <div class="screenbox">
+ <a href="images/base-big.png" onmouseover="swapper('box_6');">
+ <img src="images/base-icon.png"
+ class="screenboxcontrol"
+ alt="Base database screenshot"
+ title="Click for Base database screenshot" /><br />
+ <span>Base</span>
+ </a>
+ </div>
+ </div>
+ <!-- End of photogallery -->
+
+ <!-- We love three columns, don't we? -->
+ <!-- Holder for three columns -->
+ <div class="articleboxouter">
+ <div id="newsContainer2">
+
+ <!-- Column 1 -->
+ <div class="c1">
+ <div class="noteheader">
+ Better by design
+ </div>
+ <div class="spacy">
+Developed over twenty years, OpenOffice.org is a mature, reliable, product.
+OpenOffice.org was designed from the start as a single piece of
+software - not bolted together from separate software packages.
+This makes it very consistent and easy to use - what you learn
+in one application is immediately usable in another. The context-sensitive
+help works across all applications, unobtrusively providing the precise help you
+need. You can even open any type of document from any application -
+OpenOffice.org 3 is really one
+piece of software. It also runs on all major computing platforms - Microsoft Windows,
+GNU/Linux, Sun Solaris, Apple Mac - isn't that great!
+ </div>
+ </div>
+
+ <!-- Column 2 -->
+ <div class="c2">
+ <div class="noteheader">
+ Better for you
+ </div>
+ <div class="spacy">
+OpenOffice.org 3 contains all the office software you need, in one single
+package. You don't have to worry which version to install: one installation
+program provides everything. The installation also includes features which
+some expensive rivals do not - for example, the ability to create .pdf files
+when you want to guarantee what the recipient sees on their computer. There
+is also a growing range of extensions: additional features that any developer can provide. OpenOffice.org releases release software several times a year so
+you can take advantage of new features as quickly as possible.
+ </div>
+ </div>
+
+ <!-- Column 3 -->
+ <div class="c3">
+ <div class="noteheader">
+ Honest software
+ </div>
+ <div class="spacy">
+ <!-- The content for this attention grabbing block -->
+OpenOffice.org 3 is developed using an open-software, "no secrets" approach.
+Anyone can look at the programs and suggest improvements, or fix bugs.
+Anyone can report problems or request enhancements, and anyone can see the
+response from other users or developers. The status of current and future releases
+is displayed on a public wiki, so you can decide if and when you want to upgrade
+to take advantage of new features. Anyone used to commercial software and its
+hyping and marketing speak will find OpenOffice.org 3 refreshingly different.
+Enjoy the benefits of open-source!
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End of the three columns holder -->
+
+ <!-- This little whitespace will separate the page from the footer -->
+
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>
Propchange: incubator/ooo/ooo-site/trunk/content/why/why_great.html
------------------------------------------------------------------------------
svn:eol-style = native