fix footer appearing off screen
diff --git a/download.html b/download.html index cd53821..1c99ab9 100644 --- a/download.html +++ b/download.html
@@ -8,70 +8,72 @@ <meta name='viewport' content='width=device-width'> </head> <body> - <div class="lyo-header"> + <div class="page"> + <div class="lyo-header"> - <a href="/lyo"> - <div class="lyo-logo"> - <div class="bannerContent"> - <div class="logo-image dib"></div> - <span class="logo-text dib"> - <span class="logo-top db">Eclipse Lyo</span> - <span class="logo-bottom db">Enabling tool integration with <abbr title="Open Services for Lifecycle Collaboration">OSLC</abbr></span> - </span> + <a href="/lyo"> + <div class="lyo-logo"> + <div class="bannerContent"> + <div class="logo-image dib"></div> + <span class="logo-text dib"> + <span class="logo-top db">Eclipse Lyo</span> + <span class="logo-bottom db">Enabling tool integration with <abbr title="Open Services for Lifecycle Collaboration">OSLC</abbr></span> + </span> + </div> </div> + </a> </div> - </a> - </div> - <div class="content"> - <p class="oslc-introtext">Eclipse Lyo is an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community 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="content"> + <p class="oslc-introtext">Eclipse Lyo is an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community 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> - <h2>OSLC4J - Java SDK for OSLC - Current Release</h2> + <h2>OSLC4J - Java SDK for OSLC - Current Release</h2> - <a class="lyoDownloadButton" href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.zip">Download Now! <div class="lyoDownloadSmallText">OSLC4J 2.1 SDK with Dependencies</div></a> + <a class="lyoDownloadButton" href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.zip">Download Now! <div class="lyoDownloadSmallText">OSLC4J 2.1 SDK with Dependencies</div></a> - <p> - All downloads are provided under the terms and conditions of the <a - href="/legal/epl/notice.php">Eclipse Public License</a> and the <a - href="http://www.eclipse.org/org/documents/edl-v10.php">Eclipse - Distribution License</a> unless otherwise specified. - </p> + <p> + All downloads are provided under the terms and conditions of the <a + href="/legal/epl/notice.php">Eclipse Public License</a> and the <a + href="http://www.eclipse.org/org/documents/edl-v10.php">Eclipse + Distribution License</a> unless otherwise specified. + </p> - <h3>OSLC4J 2.1 and Eclipse approved versions of prerequisite - packages </h3> - - <ul> - <li>OSLC4J SDK Zip: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.zip">org.eclipse.lyo.oslc4j-2.1.0.zip</a></li> - <li>OSLC4J SDK Tarball: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-2.1.0.tar.gz</a></li> - <li>OAuth SDK and Webapp Zip: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.zip">org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.zip</a></li> - <li>OAuth SDK and Webapp Tarball: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.tar.gz</a></li> - </ul> - - <h3> - OSLC4J 2.1 jars only - no prerequisite packages included - </h3> - <ul> - <li>OSLC4J SDK Zip: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.zip">org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.zip</a></li> - <li>OSLC4J SDKTarball: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.tar.gz">org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.tar.gz</a></li> - <li>OAuth SDK and Webapp Zip: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.zip">org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.zip</a></li> - <li>OAuth SDK and Webapp Tarball: <a - href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.tar.gz</a></li> - </ul> + <h3>OSLC4J 2.1 and Eclipse approved versions of prerequisite + packages </h3> + + <ul> + <li>OSLC4J SDK Zip: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.zip">org.eclipse.lyo.oslc4j-2.1.0.zip</a></li> + <li>OSLC4J SDK Tarball: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-2.1.0.tar.gz</a></li> + <li>OAuth SDK and Webapp Zip: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.zip">org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.zip</a></li> + <li>OAuth SDK and Webapp Tarball: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-oauth-libs-2.1.0.tar.gz</a></li> + </ul> + + <h3> + OSLC4J 2.1 jars only - no prerequisite packages included + </h3> + <ul> + <li>OSLC4J SDK Zip: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.zip">org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.zip</a></li> + <li>OSLC4J SDKTarball: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.tar.gz">org.eclipse.lyo.oslc4j.no_dependencies-2.1.0.tar.gz</a></li> + <li>OAuth SDK and Webapp Zip: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.zip">org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.zip</a></li> + <li>OAuth SDK and Webapp Tarball: <a + href="http://www.eclipse.org/downloads/download.php?file=/lyo/releases/2.1.0/org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.tar.gz">org.eclipse.lyo.oslc4j-oauth-libs.no_dependencies-2.1.0.tar.gz</a></li> + </ul> - <p style="margin-top: 20px">Download previous releases <a href="previous-releases.php">here</a>.</p> - <p style="margin-top: 20px">If you download OSLC4J without the prerequisites, you'll have to - provide compatible versions of <a href="dependencies.php">these</a> open source packages.</p> + <p style="margin-top: 20px">Download previous releases <a href="previous-releases.php">here</a>.</p> + <p style="margin-top: 20px">If you download OSLC4J without the prerequisites, you'll have to + provide compatible versions of <a href="dependencies.php">these</a> open source packages.</p> - </div> + </div> + </div> </div> <div class="footer">
diff --git a/index.html b/index.html index b8d45c0..fa38249 100644 --- a/index.html +++ b/index.html
@@ -9,51 +9,51 @@ </head> <body> - <div class="lyo-header"> + <div class="page"> + <div class="lyo-header"> + <a href="/lyo"> + <div class="lyo-logo"> + <div class="bannerContent"> + <div class="logo-image dib"></div> + <span class="logo-text dib"> + <span class="logo-top db">Eclipse Lyo</span> + <span class="logo-bottom db">Enabling tool integration with <abbr title="Open Services for Lifecycle Collaboration">OSLC</abbr></span> + </span> + </div> + </div> + </a> + </div> - <a href="/lyo"> - <div class="lyo-logo"> - <div class="bannerContent"> - <div class="logo-image dib"></div> - <span class="logo-text dib"> - <span class="logo-top db">Eclipse Lyo</span> - <span class="logo-bottom db">Enabling tool integration with <abbr title="Open Services for Lifecycle Collaboration">OSLC</abbr></span> - </span> + <div class="content"> + <p class="oslc-introtext">Eclipse Lyo is an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community 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="horizontalCenter"> + <a class="lyoLinkButton" href="http://eclipse.org/lyo/download.html">Download</a> + <a class="lyoLinkButton" href="http://git.eclipse.org/c/?q=lyo">Source</a> + <a class="lyoLinkButton" href="http://wiki.eclipse.org/Lyo">Docs</a> </div> + + <h2 class="h2">Lyo Features</h2> + + <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://wiki.eclipse.org/Lyo/LyoOSLC4J">Learn more</a></p> + </div> + + <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</a></p> + </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/BuildingOSLC4J">Learn more</a></p> + </div> + </div> - </a> - - </div> - - <div class="content"> - <p class="oslc-introtext">Eclipse Lyo is an <abbr title="Software Development Kit">SDK</abbr> to help the Eclipse community 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="horizontalCenter"> - <a class="lyoLinkButton" href="http://eclipse.org/lyo/download.html">Download</a> - <a class="lyoLinkButton" href="http://git.eclipse.org/c/?q=lyo">Source</a> - <a class="lyoLinkButton" href="http://wiki.eclipse.org/Lyo">Docs</a> - </div> - - <h2 class="h2">Lyo Features</h2> - - <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://wiki.eclipse.org/Lyo/LyoOSLC4J">Learn more</a></p> - </div> - - <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</a></p> - </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/BuildingOSLC4J">Learn more</a></p> - </div> - </div> <div class="footer"> @@ -61,7 +61,6 @@ <a class="footerLink" href="http://twitter.com/#!/oslcNews">Follow us on Twitter</a> <a class="footerLink" href="http://wiki.eclipse.org/Lyo/ContributorsGettingStarted">Contribute to Lyo</a> </div> - <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/style-new.css b/style-new.css index f2d6ff5..6258224 100644 --- a/style-new.css +++ b/style-new.css
@@ -1,12 +1,10 @@ -html { +html, body { height: 100%; } body { position: relative; margin: 0; - padding-bottom: 2em; - min-height: 100%; font-family: Arial,sans-serif; line-height: 1.5em; } @@ -32,21 +30,31 @@ color: #FFFFFF; } +.page { + min-height: 100%; + margin: 0 0 -2em; +} + +.page:after { + content: ""; + display: block; +} + .content { margin: 0 auto 2em; max-width: 50em; padding: 0.5em 1em; } +.footer, .page:after { + height: 2em; +} + .footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - padding: 0.5em; - font-size: 0.8em; - background-color: #efefef; - text-align: center; + padding: 0.5em; + font-size: 0.8em; + background-color: #efefef; + text-align: center; } .footerLink { @@ -55,7 +63,7 @@ text-wrap: suppress; } -@media only screen and (max-device-width: 480px) { +@media only screen and (max-device-width: 600px) { html, body { font-size: 14px; } @@ -73,6 +81,8 @@ position: absolute; top: 0; left: 0; + width: 86px; + height: 73px; } .logo-text {