incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From w...@apache.org
Subject svn commit: r1195036 [4/5] - in /incubator/ooo/ooo-site/trunk/content/why: ./ __modules/ campaign_images/ documents/ images/ lang_files/
Date Sat, 29 Oct 2011 21:07:38 GMT
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 />&nbsp;
+            </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">
+    			        &nbsp;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">
+                    &nbsp;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">
+                    &nbsp;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 -->
+    &nbsp;
+
+</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 />&nbsp;
+            </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">
+    				&nbsp;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">
+                    &nbsp;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">
+                    &nbsp;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 -->
+    &nbsp;
+
+</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 />&nbsp;
+            </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">
+    				&nbsp;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">
+                    &nbsp;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">
+                    &nbsp;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 -->
+    &nbsp;
+
+</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 />&nbsp;
+        </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">
+    			        &nbsp;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">
+                    &nbsp;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">
+                    &nbsp;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 -->
+    &nbsp;
+
+</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 />&nbsp;
+            </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">
+    				&nbsp;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">
+                    &nbsp;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">
+                    &nbsp;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 -->
+    &nbsp;
+
+</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 />&nbsp;
+            </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 />&nbsp;
+            </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 />&nbsp;
+            </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 />&nbsp;
+            </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 />&nbsp;
+            </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 />&nbsp;
+            </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">
+    		    &nbsp;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">
+              &nbsp;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">
+              &nbsp;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 -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+</body>
+</html>

Propchange: incubator/ooo/ooo-site/trunk/content/why/why_great.html
------------------------------------------------------------------------------
    svn:eol-style = native



Mime
View raw message