You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@oodt.apache.org by ri...@apache.org on 2014/07/25 05:43:04 UTC
svn commit: r1613344 - in /oodt/cms_site/trunk: content/about.md
content/index.md content/stylesheets/skins/oodt.css
content/stylesheets/style.css templates/std.html
Author: riverma
Date: Fri Jul 25 03:43:03 2014
New Revision: 1613344
URL: http://svn.apache.org/r1613344
Log:
New about page, with material from XDATA Executive Summary
Modified:
oodt/cms_site/trunk/content/about.md
oodt/cms_site/trunk/content/index.md
oodt/cms_site/trunk/content/stylesheets/skins/oodt.css
oodt/cms_site/trunk/content/stylesheets/style.css
oodt/cms_site/trunk/templates/std.html
Modified: oodt/cms_site/trunk/content/about.md
URL: http://svn.apache.org/viewvc/oodt/cms_site/trunk/content/about.md?rev=1613344&r1=1613343&r2=1613344&view=diff
==============================================================================
--- oodt/cms_site/trunk/content/about.md (original)
+++ oodt/cms_site/trunk/content/about.md Fri Jul 25 03:43:03 2014
@@ -1,99 +1,43 @@
-<!DOCTYPE html>
-<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!-->
-<html class="no-js" lang="en">
-<!--<![endif]-->
-<head>
-<meta charset="utf-8"/>
-<!-- Set the viewport width to device width for mobile -->
-<meta name="viewport" content="width=device-width"/>
-<title>Studio Francesca - Premium Theme by WowThemes.net</title>
-<!-- Included CSS Files-->
-<link rel="stylesheet" href="stylesheets/style.css">
-<link rel="stylesheet" href="stylesheets/skins/teal.css"><!-- skin color -->
-<link rel="stylesheet" href="stylesheets/responsive.css">
-<!-- IE Fix for HTML5 Tags -->
-<!--[if lt IE 9]>
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
-</head>
-<body>
-<!-- HIDDEN PANEL
-================================================== -->
-<div id="panel">
- <div class="row">
- <div class="twelve columns">
- <img src="images/info.png" class="pics" alt="info">
- <div class="infotext">
- Thank you for visiting my theme! Replace this with your message to visitors.
- </div>
- </div>
- </div>
-</div>
-<p class="slide">
- <a href="#" class="btn-slide"></a>
-</p>
<!-- HEADER
================================================== -->
<div class="row">
<div class="four columns">
<div class="logo">
<a href="index.html">
- <h4>Studio Francesca</h4>
+ <img src="./oodt-images/oodt_asf_logo.png" style="height:60px">
</a>
</div>
</div>
<div class="eight columns noleftmarg">
- <nav id="nav-wrap">
- <ul class="nav-bar sf-menu">
- <li class="current">
- <a href="index.html">Home</a>
- <ul>
-
- <li><a href="index2.html">Without slider</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Portofolio</a>
- <ul>
- <li><a href="portofolio2.html">2 Columns</a></li>
- <li><a href="portofolio3.html">3 Columns</a></li>
- <li><a href="portofolio4.html">4 Columns</a></li>
- <li><a href="portofoliodetail.html">Project Details</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Blog</a>
- <ul>
- <li><a href="blogpage1.html">Blog page style 1</a></li>
- <li><a href="blogpage2.html">Blog page style 2</a></li>
- <li><a href="blogpage3.html">Blog page style 3</a></li>
- <li><a href="blogsinglepost.html">Single post</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Pages</a>
- <ul>
- <li><a href="about.html">About us</a></li>
- <li><a href="services.html">Services</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Features</a>
- <ul>
- <li><a href="columns.html">Columns</a></li>
- <li><a href="elements.html">Elements</a></li>
- <li><a href="typography.html">Typography</a></li>
- </ul>
- </li>
- <li>
- <a href="contact.html">Contact</a>
- </li>
- </ul>
- </nav>
+ <nav id="nav-wrap">
+ <ul class="nav-bar sf-menu">
+
+ <li>
+ <a href="index.html">Home</a>
+ </li>
+
+ <li class="current">
+ <a href="about.html">About</a>
+ </li>
+
+ <li>
+ <a href="components.html">Components</a>
+ </li>
+
+ <li>
+ <a href="downloads.html">Downloads</a>
+ </li>
+
+ <li>
+ <a href="development.html">Development</a>
+ </li>
+
+ <li>
+ <a href="contact.html">Contact</a>
+ </li>
+
+ </ul>
+ </nav>
</div>
</div>
<div class="clear">
@@ -103,12 +47,8 @@
<div id="subheader">
<div class="row">
<div class="twelve columns">
- <p class="left">
- ABOUT US
- </p>
- <p class="right">
- Meet Our Team
- </p>
+ <h4>About</h4>
+ <h5>OODT (Object Oriented Data Technology)</h5>
</div>
</div>
</div>
@@ -119,206 +59,130 @@
<div class="row">
<!-- MAIN CONTENT-->
<div class="eight columns">
- <!-- Our History-->
- <div class="sectiontitle">
- <h4>Our History</h4>
- </div>
+ <h4>What is it?</h4>
<p>
- Mrs. Delorane had died of decline: people would say to one another, in confidence, they hoped Ellin might escape it. The largest and <b>best farm</b> in the neighbourhood of Timberdale, larger than even that of the Ashtons, was called the Dower Farm.
+ Apache Object Oriented Data Technology (OODT) is a smart
+ way to integrate and archive your processes, your data, and its
+ metadata. It facilitates the creation, acquisition, and growth of
+ data management and archiving systems. OODT spans
+ disciplines and enables interoperability among data agnostic
+ systems in any field.
</p>
+
+ <h4>Why use it?</h4>
+
+ <blockquote>
+ <b>Award-winning software birthed at NASA's Jet Propulsion Laboratory, being used for:</b>
+ <ul class="square">
+ <li>DARPA XDATA</li>
+ <li>National Cancer Institute's EDRN</li>
+ <li>NASA Airborne Snow Observatory</li>
+ <li>many more...</li>
+ </ul>
+ </blockquote>
+
<p>
- Out-of-doors he was the keen, active, thorough farmer; indoors he lived as a gentleman. He had four children: three boys and one girl. Nothing must prevent her journey upon the desert!
+ Organizations currently have âheroesâ who create processing
+ pipelines by mashing together one-off custom scripts. Those
+ organizations that lack âheroesâ end up performing a series of
+ forgettable and barely repeatable manual steps. Haphazard
+ processing pipelines are not effective workflows. While these
+ scripts âget the job done,â they fail to capture the intent or to
+ evolve with an organization. OODT replaces this haphazard and
+ unstructured process. OODT allows older workflows to co-exist
+ with current workflows, and archived products to be better
+ understood, reproduced, and repurposed in the future. OODT
+ gives end users and developers the ability to understand and
+ evolve these workflows long after the initial developer leaves.
</p>
- <div class="panel">
- <p>
- <b>Phasellus luctus ante in eros suscipit aliquet. Donec convallis scelerisque tellus, quis vulputate lacus laoreet sed. Mauris vitae ultricies neque. Nullam arcu neque, posuere et accumsan quis, euismod id leo. Donec tristique, nisi vel tincidunt faucibus, velit eros pulvinar leo, in sollicitudin nisi nibh ac arcu.</b>
- </p>
- <p class="text-right">
- <i>Ray Singer, Manager at "Studio Francesca"</i>
- </p>
- </div>
+
+
+
+ <h4>How?</h4>
<p>
- From her window she looked out toward it, so wonderful, so superb, so exquisite, weird and beautiful. Exactly, she told herself, like a big, black smudge.
+Haphazard processing pipelines are commonly made up of custom UNIX shell scripts and/or fragile custom written glue code of Java, Python, and Perl. OODT uses structured XML-based capturing of the processing pipeline that can be understood and modified by non-programmers to create, edit, manage and provision workflow and task execution.
</p>
- <br/>
- <!-- Accordion-->
- <dl class="tabs">
- <dd class="active"><a href="#simple1">Why choose us</a></dd>
- <dd><a href="#simple2">How we work</a></dd>
- <dd><a href="#simple3">Completion time</a></dd>
- <dd><a href="#simple3">Prices and budget</a></dd>
- </dl>
- <ul class="tabs-content">
- <li class="active" id="simple1Tab">
- <p>
- This is simple tab 1's content. Pretty neat, huh? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
- </p>
- <p>
- Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
- </p>
- </li>
- <li id="simple2Tab">This is simple tab 2's content. Now you see it! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.</li>
- <li id="simple3Tab">This is simple tab 3's content. It's, you know...okay. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.</li>
- <li id="simple4Tab">This is simple tab 3's content. It's, you know...okay. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.</li>
+ <h5>Prerequisites</h6>
+ <h6>Operating Systems</h6>
+ <ul class="square">
+ <li>UNIX (Linux, OS/X, Solaris, BSD, etc.)</li>
+ <li>Windows with Cygwin</li>
+ </ul>
+ <h6>Software</h6>
+ <ul class="square">
+ <li>Java and/or Python</li>
+ <li>Maven</li>
</ul>
+ <h6>Knowledge</h6>
+ <ul class="square">
+ <li>XML</li>
+ <li>Java and/or Python (in order to customize and extend)</li>
+ </ul>
+
</div><!-- end main content-->
<!-- SIDEBAR-->
<div class="four columns">
- <div class="teamwrap teambox">
- <img src="images/temp/team1.jpg" alt="">
- <div class="mask">
- <h2>Katrina Bernski</h2>
- <p>
- One of our best shooting model, working for this company since the beginning.
- <div class="social socialteam facebook">
- <a href="#"></a>
- </div>
- <div class="social socialteam twitter">
- <a href="#"></a>
- </div>
- <div class="social socialteam deviantart">
- <a href="#"></a>
- </div>
- <div class="social socialteam flickr">
- <a href="#"></a>
- </div>
- <div class="social socialteam dribbble">
- <a href="#"></a>
- </div>
- </div>
- </div>
- <div class="teamwrap teambox">
- <img src="images/temp/team2.jpg" alt="">
- <div class="mask">
- <h2>Yolanda Bernski</h2>
- <p>
- One of our best shooting model, working for this company since the beginning.
- <div class="social socialteam facebook">
- <a href="#"></a>
- </div>
- <div class="social socialteam twitter">
- <a href="#"></a>
- </div>
- <div class="social socialteam deviantart">
- <a href="#"></a>
- </div>
- <div class="social socialteam flickr">
- <a href="#"></a>
- </div>
- <div class="social socialteam dribbble">
- <a href="#"></a>
- </div>
- </div>
+ <h4>The Team</h4>
+ <p><a href="#">Learn how to join us!</a></p>
+ <div class="team-profile">
+ <img src="https://lh6.googleusercontent.com/-cvSHJcCyDKE/AAAAAAAAAAI/AAAAAAAAAfU/GLg4DDe6IXk/photo.jpg"/>
+ <span>
+ <ul>
+ <li>Sean Kelly, V.P.</li>
+ <li>NASA Jet Propulsion Laboratory</li>
+ <li><a href="mailto:sean DOT kelly AT jpl DOT nasa DOT gov">E-mail</a>, <a href="#">Twitter</a>, <a href="#">Facebook</a></li>
+ </ul>
+ </span>
</div>
- <div class="teamwrap teambox">
- <img src="images/temp/team3.jpg" alt="">
- <div class="mask">
- <h2>Luna Galliano</h2>
- <p>
- One of our best shooting model, working for this company since the beginning.
- <div class="social socialteam facebook">
- <a href="#"></a>
- </div>
- <div class="social socialteam twitter">
- <a href="#"></a>
- </div>
- <div class="social socialteam deviantart">
- <a href="#"></a>
- </div>
- <div class="social socialteam flickr">
- <a href="#"></a>
- </div>
- <div class="social socialteam dribbble">
- <a href="#"></a>
- </div>
- </div>
+
+ <div class="team-profile">
+ <img src="http://m.c.lnkd.licdn.com/mpr/pub/image-yf964O2b_8mWyRKdMPpP9unYvfxlKpQTHfpkKTS8v_jwKZ0Wyf9kMhibvXwnKpWxqWoA/tom-barber.jpg"/>
+ <span>
+ <ul>
+ <li>Tom Barber</li>
+ <li>Meteorite Consulting</li>
+ <li><a href="mailto:">E-mail</a>, <a href="#">Twitter</a>, <a href="#">Facebook</a></li>
+ </ul>
+ </span>
+ </div>
+
+ <div class="team-profile">
+ <span>
+ <ul>
+ <li>Bruce Barkstrom</li>
+ <li>NASA Jet Propulsion Laboratory</li>
+ <li><a href="mailto:">E-mail</a>, <a href="#">Twitter</a>, <a href="#">Facebook</a></li>
+ </ul>
+ </span>
+ </div>
+
+ <div class="team-profile">
+ <span>
+ <ul>
+ <li>Thomas Bennett</li>
+ <li>Square Kilometer Array</li>
+ <li><a href="mailto:">E-mail</a>, <a href="#">Twitter</a>, <a href="#">Facebook</a></li>
+ </ul>
+ </span>
+ </div>
+
+
+
+ ...<br/>
+ ...<br/>
+ ...<br/>
+
+ <div class="team-profile">
+ <img src="https://pbs.twimg.com/profile_images/1810031550/riverma_400x400.png"/>
+ <span>
+ <ul>
+ <li>Rishi Verma</li>
+ <li>NASA Jet Propulsion Laboratory</li>
+ <li><a href="mailto:">E-mail</a>, <a href="https://twitter.com/reesh24">Twitter</a></li>
+ </ul>
+ </span>
</div>
+
</div><!-- end sidebar -->
</div>
-<div class="hr">
-</div>
-<!-- TWITTER
-================================================== -->
-<div class="tweetarea">
- <div class="tweettext">
- <div class="row">
- <div class="twelve columns">
- <div class="tweet">
- </div>
- </div>
- </div>
- </div>
-</div>
-<!-- FOOOTER
-================================================== -->
-<div id="footer">
- <footer class="row">
- <p class="back-top floatright">
- <a href="#top"><span></span></a>
- </p>
- <div class="four columns">
- <h1>ABOUT US</h1>
- Our goal is to keep clients satisfied!
- </div>
- <div class="four columns">
- <h1>GET SOCIAL</h1>
- <div class="social facebook">
- <a href="#"></a>
- </div>
- <div class="social twitter">
- <a href="#"></a>
- </div>
- <div class="social deviantart">
- <a href="#"></a>
- </div>
- <div class="social flickr">
- <a href="#"></a>
- </div>
- <div class="social dribbble">
- <a href="#"></a>
- </div>
- </div>
- <div class="four columns">
- <h1 class="newsmargin">NEWSLETTER</h1>
- <div class="row collapse newsletter floatright">
- <div class="ten mobile-three columns">
- <input type="text" class="nomargin" placeholder="Enter your e-mail address...">
- </div>
- <div class="two mobile-one columns">
- <a href="#" class="postfix button expand">GO</a>
- </div>
- </div>
- </div>
- </footer>
-</div>
-<div class="copyright">
- <div class="row">
- <div class="six columns">
- ©<span class="small"> Copyright 2013 Your Agency Name</span>
- </div>
- <div class="six columns">
- <span class="small floatright">Purchase "Studio Francesca" - WowThemes.net</span>
- </div>
- </div>
-</div>
-<!-- JAVASCRIPTS
-================================================== -->
-<!-- Javascript files placed here for faster loading -->
-<script src="javascripts/foundation.min.js"></script>
-<script src="javascripts/formvalidation.js"></script>
-<script src="javascripts/jquery.cycle.js"></script>
-<script src="javascripts/app.js"></script>
-<script src="javascripts/modernizr.foundation.js"></script>
-<script src="javascripts/slidepanel.js"></script>
-<script src="javascripts/scrolltotop.js"></script>
-<script src="javascripts/hoverIntent.js"></script>
-<script src="javascripts/superfish.js"></script>
-<script src="javascripts/responsivemenu.js"></script>
-<script src="javascripts/jquery.tweet.js"></script>
-<script src="javascripts/twitterusername.js"></script>
-</body>
-</html>
\ No newline at end of file
Modified: oodt/cms_site/trunk/content/index.md
URL: http://svn.apache.org/viewvc/oodt/cms_site/trunk/content/index.md?rev=1613344&r1=1613343&r2=1613344&view=diff
==============================================================================
--- oodt/cms_site/trunk/content/index.md (original)
+++ oodt/cms_site/trunk/content/index.md Fri Jul 25 03:43:03 2014
@@ -1,4 +1,41 @@
-<!-- SUBHEADER
+ <!-- MAIN .MD CONTENT -->
+ <div class="row">
+ <div class="nine columns">
+ <nav id="nav-wrap">
+ <ul class="nav-bar sf-menu">
+
+ <li class="current">
+ <a href="index.html">Home</a>
+ </li>
+
+ <li>
+ <a href="about.html">About</a>
+ </li>
+
+ <li>
+ <a href="components.html">Components</a>
+ </li>
+
+ <li>
+ <a href="downloads.html">Downloads</a>
+ </li>
+
+ <li>
+ <a href="development.html">Development</a>
+ </li>
+
+ <li>
+ <a href="contact.html">Contact</a>
+ </li>
+
+ </ul>
+ </nav>
+ </div>
+ </div>
+ <div class="clear">
+ </div>
+
+ <!-- SUBHEADER
================================================== -->
<div id="subheader" class="subheadertext">
<div class="row">
@@ -184,4 +221,10 @@
</div>
</div>
-</div>
\ No newline at end of file
+</div>
+
+
+
+
+
+
Modified: oodt/cms_site/trunk/content/stylesheets/skins/oodt.css
URL: http://svn.apache.org/viewvc/oodt/cms_site/trunk/content/stylesheets/skins/oodt.css?rev=1613344&r1=1613343&r2=1613344&view=diff
==============================================================================
--- oodt/cms_site/trunk/content/stylesheets/skins/oodt.css (original)
+++ oodt/cms_site/trunk/content/stylesheets/skins/oodt.css Fri Jul 25 03:43:03 2014
@@ -4,8 +4,8 @@
ul.flyout li a:hover, .nav-bar li ul li a:hover {color:#F2FBFF;}
.flyout {border-top:2px solid #F2FBFF;}
.sectiontitle {border-left: 4px solid #F2FBFF;}
-::-moz-selection{background:#F2FBFF;color:#fff;}
-::selection{background:#F2FBFF;color:#fff;}
+::-moz-selection{background:#1928D1;color:#fff; padding: 5px;}
+::selection{background:#1928D1;color:#fff; padding: 5px;}
.ca-menu li:hover .ca-main {color: #F2FBFF;}
.topborder { border-top:4px solid #F2FBFF;}
.readmore {background:#166388;}
Modified: oodt/cms_site/trunk/content/stylesheets/style.css
URL: http://svn.apache.org/viewvc/oodt/cms_site/trunk/content/stylesheets/style.css?rev=1613344&r1=1613343&r2=1613344&view=diff
==============================================================================
--- oodt/cms_site/trunk/content/stylesheets/style.css (original)
+++ oodt/cms_site/trunk/content/stylesheets/style.css Fri Jul 25 03:43:03 2014
@@ -840,7 +840,8 @@ a:focus { outline: none }
.teamwrap { width: 100%; height: 200px; margin: 10px; float: left; border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 0px 0px 0px 1px #E6E6E6; -moz-box-shadow: 0px 0px 0px 1px #E6E6E6; box-shadow: 0px 0px 0px 1px #E6E6E6; cursor: default; background: #fff; }
.teamwrap .mask,
.teamwrap .content { width: 100%; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; }
-.teamwrap img { display: block; position: relative; }
+.teamwrap img { position: relative; }
+.teamwrap em { display: block; }
.teamwrap h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 10px 0 0 0; }
.teamwrap p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 10px; text-align: center; }
.teamwrap a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
@@ -855,6 +856,9 @@ a:focus { outline: none }
.teambox:hover h2,
.teambox:hover p,
.teambox:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
+.team-profile { margin-bottom: 10px; }
+.team-profile img { height: 55px; float: left; margin-right: 10px; border: 1px solid black; }
+.team-profile span { font-size: 18px; bottom: 0px }
.accordiontrick{overflow: hidden; display: none;}
.done { display: none }
.element .error { border: 1px solid #9F1319 }
Modified: oodt/cms_site/trunk/templates/std.html
URL: http://svn.apache.org/viewvc/oodt/cms_site/trunk/templates/std.html?rev=1613344&r1=1613343&r2=1613344&view=diff
==============================================================================
--- oodt/cms_site/trunk/templates/std.html (original)
+++ oodt/cms_site/trunk/templates/std.html Fri Jul 25 03:43:03 2014
@@ -42,46 +42,6 @@ under the License.
</head>
<body>
- <div class="row">
- <!--<div class="four columns">
- <div class="logo">
- <a href="index.html"><h4>Apache OODT</h4></a>
- </div>
- </div>-->
- <div class="nine columns">
- <nav id="nav-wrap">
- <ul class="nav-bar sf-menu">
-
- <li class="current">
- <a href="index.html">Home</a>
- </li>
-
- <li>
- <a href="about.html">About</a>
- </li>
-
- <li>
- <a href="components.html">Components</a>
- </li>
-
- <li>
- <a href="downloads.html">Downloads</a>
- </li>
-
- <li>
- <a href="development.html">Development</a>
- </li>
-
- <li>
- <a href="contact.html">Contact</a>
- </li>
-
- </ul>
- </nav>
- </div>
- </div>
- <div class="clear">
- </div>
<!-- MAIN .MD CONTENT -->
{% block content %}{% endblock %}