Update Lyo home page
diff --git a/pages/_index.html b/pages/_index.html
index d47e439..877156e 100755
--- a/pages/_index.html
+++ b/pages/_index.html
@@ -1,4 +1,4 @@
-<!--
+<!--
<!DOCTYPE html>
<html lang="en">
<head>
@@ -9,7 +9,7 @@
</head>
<body>
<div id="novawrapper">
- -->
+-->
<!--
<div id="bigbuttons">
@@ -26,7 +26,7 @@
</ul>
</div>
-->
- <link rel="stylesheet" type="text/css" href="/lyo/style.css?v=20110919b">
+ <link rel="stylesheet" type="text/css" href="/lyo/style.css?v=20121017a">
<div class="lyo-header">
@@ -48,25 +48,69 @@
<div class="unit size3of4">
<div class="gutter">
- <p class="oslc-introtext">The Eclipse Lyo project focuses on providing an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community to adopt <a href="http://oslc.co"><abbr title="Open Services for Lifecycle Collaboration ">OSLC</abbr></a> (Open Services for Lifecycle Collaboration) specifications and build OSLC-compliant tools.</p>
-
- <p>Check out the <a href="http://www.eclipse.org/proposals/technology.lyo/">original proposal</a>.</p>
+ <p class="oslc-introtext">Eclipse Lyo is an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community to adopt <a href="http://oslc.co"><abbr title="Open Services for Lifecycle Collaboration ">OSLC</abbr></a> (Open Services for Lifecycle Collaboration) specifications and build OSLC-compliant tools.</p>
<div class="line">
- <h2 class="h2 mbn pvn mtm">What is OSLC?</h2>
+ <div class="unit size1of2">
+ <a class="button hero download" href="http://eclipse.org/lyo/download.php">Downloads</a>
+ <p class="mts">OSLC4J 1.0 now available!</p>
+ </div>
+ <div class="unit size1of2 lastUnit"><a class="button hero source-control" href="http://git.eclipse.org/c/?q=lyo">Git repositories</a></div>
+ </div>
+ <div class="line">
+ <div class="unit size1of2"><a class="button hero edit" href="http://wiki.eclipse.org/Lyo">Documentation (Wiki)</a></div>
+ <div class="unit size1of2 lastUnit">
+ <a class="button hero checkmark" href="https://bugs.eclipse.org/bugs/enter_bug.cgi?product=Lyo">Report a problem</a>
+  
+ <a class="" href="https://bugs.eclipse.org/bugs/buglist.cgi?bug_status=UNCONFIRMED;bug_status=NEW;bug_status=ASSIGNED;bug_status=REOPENED;product=Lyo">(Open tickets)</a>
+ </div>
+ </div>
+
+ <div class="line mtl pbl">
+ <h2 class="h2">Lyo features</h2>
+ <div class="unit size1of3">
+ <div class="gutter">
+ <h3 class="h3">SDK</h3>
+ <p>We’ll provide the pieces to get your client or server up and running with OSLC. We’re focusing on Java initially; however, JavaScript and other languages will soon follow.</p>
+ <p><a href="http://eclipse.org/lyo/download.php">Download the OSLC4J Java SDK for OSLC</a></p>
+ <p><a href="http://wiki.eclipse.org/Lyo/LyoOSLC4J">Learn more about the OSLC4J Java toolkit</a></p>
+
+
+ </div>
+ </div>
+
+ <div class="unit size1of3">
+ <div class="gutter">
+ <h3 class="h3">Test suite</h3>
+ <p>Utilize a test suite to help build interoperable OSLC tools.</p>
+ <p><a href="http://wiki.eclipse.org/Lyo/LyoTestSuite">Learn more about the Lyo OSLC Test Suite</a></p>
+ <p><a href="http://wiki.eclipse.org/Lyo/BuildTestSuite">Using the Lyo OSLC Test Suite</a></p>
+ </div>
+ </div>
+
+ <div class="unit lastUnit">
+ <h3 class="h3">Reference implementations</h3>
+ <p>See how OSLC works directly with working samples and with a simple server to test against.</p>
+ <p><a href="http://wiki.eclipse.org/Lyo/BuildRIO">Using the Lyo Reference Implementations</a></p>
+ </div>
+ </div><!-- /.line -->
+
+ <div class="line">
+ <h2 class="h2 pvn mtl">What is OSLC?</h2>
<div class="unit size1of3">
<div class="gutter">
<h3 class="h3">An open community</h3>
<p>We are an open, industry-wide <a href="http://oslc.co/">community</a> that is dedicated to reducing the barriers between lifecycle tools.</p>
<p>We want to help others build software that easily integrates with other software, which will let you build your ideal development environment, minimize frustration, and save time and money.</p>
+ <p><a href="http://open-services.net/about/">Learn more about the OSLC community</a></p>
</div>
</div>
<div class="unit size1of3">
<div class="gutter">
<h3 class="h3">Writing open specifications</h3>
- <p>We write <a href="http://open-services.net/bin/view/Main/WebHome">specifications</a> that are…</p>
+ <p>We write <a href="http://open-services.net/specifications/">specifications</a> that are…</p>
<ul class="nobullets">
<li><strong>Flexible</strong>: Our specifications allow any OSLC-compliant tool to easily use the data of any other OSLC-compliant tool</li>
<li><strong>Free to adopt</strong>: All of our specifications are free to use.</li>
@@ -81,53 +125,32 @@
<p>OSLC’s scope started with Application Lifecycle Management (ALM) and is expanding to include integrations across Product Lifecycle Management (PLM) and IT Service Management (ISM/DevOps)</p>
<p>As OSLC expands, we want to help the Eclipse community to build OSLC-compliant software.</p>
+ <p><a href="http://open-services.net/participate/">Learn how to get involved with OSLC</a></p>
</div>
</div>
-
- <div class="line">
- <h2 class="h2">Lyo features</h2>
- <div class="unit size1of3">
- <div class="gutter">
- <h3 class="h3">SDK</h3>
- <p>We’ll provide the pieces to get your client or server up and running with OSLC. We’re focusing on Java initially; however, JavaScript and other languages will soon follow.</p>
-
- </div>
- </div>
-
- <div class="unit size1of3">
- <div class="gutter">
- <h3 class="h3">Test suite</h3>
- <p>Utilize a test suite to help build interoperable OSLC tools.</p>
-
- </div>
- </div>
-
- <div class="unit lastUnit">
- <h3 class="h3">Reference implementations</h3>
- <p>See how OSLC works directly with working samples and with a simple server to test against.</p>
-
- </div>
- </div><!-- /.line -->
-
- <div class="line">
- <iframe width="560" height="345" src="http://www.youtube.com/embed/B2vqL8fujgE" frameborder="0" allowfullscreen></iframe>
- </div>
-
+
</div>
</div>
<div class="unit lastUnit oslc-sidebar">
<div class="module">
+ <h3 class="h3">Get involved</h3>
+ <p><a href="http://wiki.eclipse.org/Lyo/ContributorsGettingStarted">Guide for contributions</a></p>
+ </div>
+
+ <div class="module">
<h3 class="h3">Project status</h3>
- <p>We are making the initial contributions for the project. View the detailed <a href="http://eclipse.org/projects/project_summary.php?projectid=technology.lyo">project summary here</a>.</p>
+ <p>View the detailed <a href="http://eclipse.org/projects/project_summary.php?projectid=technology.lyo">project summary here</a>.</p>
+
+ <p>See the <a href="http://www.eclipse.org/proposals/technology.lyo/">original proposal</a>.</p>
<p>
- Additional project details on plan development can be found on the <a href="http://wiki.eclipse.org/Lyo">project wiki</a> as well.
+ Additional project details on plan development on the <a href="http://wiki.eclipse.org/Lyo">project wiki</a> as well.
</p>
<p>
- Source code now available in <a href="http://t.co/z9kqw0eG">Git repo</a>!
+ Source code now available in a <a href="http://t.co/z9kqw0eG">Git repo</a>!
</p>
<p>
diff --git a/style.css b/style.css
index ec6627c..fc8b516 100755
--- a/style.css
+++ b/style.css
@@ -1,5 +1,10 @@
@CHARSET "UTF-8";
+/* For testing. Duped by Eclipse.org visual.css file. Comment out for production */
+/*html {
+ font: 12px/16px Arial, sans-serif;
+}*/
+
a img { border: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
@@ -221,6 +226,261 @@
}
+.button {
+ display: inline-block;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-decoration: none;
+ cursor: pointer;
+ color: white;
+ font-weight: bold;
+ font-size: 1em;
+ line-height: 2em;
+ background-color: #5E85BA;
+ padding: 0 0.65em;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.35)), to(rgba(255,255,255,0))); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* FF3.6 */
+ background-image: -ms-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* IE10 */
+ background-image: -o-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* Opera 11.10+ */
+ background-image: linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0));
+ -moz-border-radius: 4px; /* FF1-3.6 */
+ -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
+ border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
+ border: 1px solid #777;
+ -webkit-background-clip: padding-box;
+ /* Consider bumping up this opacity... */
+ -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1);
+ -moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1);
+ box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1);
+ text-shadow: 0px -1px 1px rgba(0,0,0,0.33);
+}
+
+/* http://stairwellblog.com/2009/10/taming-firefoxs-button-element/ */
+.button::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+
+/* So, Firefox makes it impossible via browser style sheet to reset line height on inputs.
+ http://www.cssnewbie.com/input-button-line-height-bug/
+ So, for those, I'm using padding instead.
+ */
+[type="submit"].button {
+ padding-top: .5em;
+ padding-bottom: .65em;
+ line-height: 1;
+}
+
+.button em {
+ font-size: 14px;
+}
+
+/* Re-do color for links */
+.button:visited {
+ color: white;
+}
+
+.button:hover,
+.button:focus {
+ background-color: #82A0C9;
+ text-decoration: none;
+}
+
+.button:active {
+ -moz-box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* FF3.5+ */
+ -webkit-box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* Saf3.0+, Chrome */
+ box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* Opera 10.5, IE9, Chrome 10+ */
+}
+
+.button[disabled],
+.button.disabled {
+ cursor: default;
+ cursor: not-allowed;
+ opacity: .55; /* Opacity is easier than defining colors for everything */
+ background-image: none; /* Flatten the gradient */
+ /* Remove the bevel */
+ -moz-box-shadow: none; /* FF3.5+ */
+ -webkit-box-shadow: none; /* Saf3.0+, Chrome */
+ box-shadow: none; /* Opera 10.5, IE9, Chrome 10+ */
+}
+
+ /* @group Button extensions */
+
+ /* @group Tiny button */
+ .button.tiny-button,
+ .button.button-tiny {
+ font-size: 85%;
+ }
+ /* @end */
+
+ /* @group Hero button */
+ .button.hero {
+ font-size: 130%;
+ }
+ /* @end */
+
+ /* @group Less colorful buttons */
+
+ .button.alt {
+ border-color: #555;
+ color: #555;
+ background-color: #f2f2f2;
+ text-shadow: 0px 1px 1px rgba(255,255,255,0.33);
+ }
+
+ .button.alt:hover {
+ background-color: #fafafa;
+ }
+
+ .button.nw {
+ border-color: #444;
+ color: #444;
+ background-color: #EEE;
+ text-shadow: 0px 1px 1px rgba(255,255,255,0.33);
+ }
+
+ .button.nw:hover {
+ background-color: white;
+ }
+
+ /* @end */
+
+ /* @group Negative action buttons */
+
+ .button.neg {
+ background-color: #BA5E5E;
+ }
+
+ .button.neg:hover {
+ background-color: #C98282;
+ -moz-box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61);
+ -webkit-box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61);
+ box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61);
+ }
+
+ /* @end */
+
+ /* @group Buttons for Forum Table headings */
+ .tableHeadingButton {
+ border-color: #404040;
+ -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.20);
+ -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.20);
+ box-shadow: 0 1px 0px rgba(255,255,255,0.20);
+ background-color: #3F5169;
+ }
+
+ .tableHeadingButton:hover,
+ .tableHeadingButton:focus {
+ background-color: #4D6380
+ }
+
+ .tableHeadingButton:active {
+ -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.20),
+ inset 0px 1px 8px rgba(0,0,0,0.7);
+ -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.20),
+ inset 0px 1px 8px rgba(0,0,0,0.7);
+ box-shadow: 0 1px 0px rgba(255,255,255,0.20),
+ inset 0px 1px 8px rgba(0,0,0,0.7);
+ }
+
+ /* @end */
+
+ .button.pm {
+ margin-left: 5px;
+ }
+
+ /* @group Icons */
+ .button:before {
+ float: left;
+ width: 1em;
+ font-size: 1.4em;
+ text-align: center;
+ background-color: hsla(0,0%,10%,0.2);
+ margin: 0 .5em 0 -.5em;
+ padding: 0 .3em;
+ -moz-border-radius: 3px 0 0 3px; /* FF1-3.6 */
+ -webkit-border-radius: 3px 0 0 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
+ border-radius: 3px 0 0 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
+ -webkit-box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2);
+ -moz-box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2);
+ box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2);
+
+ }
+
+ /* These look kind of crappy bold on Windows */
+ .ie8 .button:before,
+ .ie7 .button:before {
+ font-weight: normal;
+ }
+
+ .download:before {
+ content: "\21E9";
+ }
+
+ .checkmark:before {
+ content: "\2714";
+ }
+
+ .source-control:before {
+ content: "\21C4";
+ font-weight: normal;
+ }
+
+ .write:before {
+ content: "\271A";
+ }
+
+ .edit:before {
+ content: "\270E";
+ }
+
+ .delete:before {
+ content: "\2718";
+ }
+
+ .quote:before {
+ /*content: "\201C";*/
+ content: "\275D";
+ font-weight: normal;
+ }
+
+ .split:before {
+ /*content: "\2016";*/
+ content: "\2702";
+ }
+
+ .merge:before {
+ content: "\2211";
+ }
+
+ .move:before {
+ content: "\27A5";
+ }
+
+ .rss-feed {
+ background-color: #E88C30;
+ }
+
+ .rss-feed:hover,
+ .rss-feed:focus {
+ background-color: #EDA65E;
+ }
+
+ .rss-feed:before {
+ content: '\0000a0'; /* Escaped unicode for "non-breaking space" */
+ background-image: url('/images/rss_white.png');
+ background-repeat: no-repeat;
+ background-position: 4px 4px;
+ padding: 0 .25em;
+ }
+
+ /* @end */
+
+ /* @end */
+
+
+
#novaContent {
background: url("images/backgroundMain.png") no-repeat white;
padding-top: 170px;
