Repository: incubator-guacamole-website Updated Branches: refs/heads/asf-site fccf7f618 -> 961d7efa3
Show latest release on front page. Project: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/commit/961d7efa Tree: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/tree/961d7efa Diff: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/diff/961d7efa Branch: refs/heads/asf-site Commit: 961d7efa315a49c5f339582c64ff48a34d928557 Parents: fccf7f6 Author: Michael Jumper <[email protected]> Authored: Fri Dec 30 19:41:49 2016 -0800 Committer: Michael Jumper <[email protected]> Committed: Fri Dec 30 19:41:49 2016 -0800 ---------------------------------------------------------------------- content/index.html | 44 +++++++++++++++++++++++++++++++------------- content/styles/main.css | 26 +++++++++++++++----------- 2 files changed, 46 insertions(+), 24 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/961d7efa/content/index.html ---------------------------------------------------------------------- diff --git a/content/index.html b/content/index.html index 08ef2ed..8d58987 100644 --- a/content/index.html +++ b/content/index.html @@ -91,23 +91,42 @@ <!-- Content --> <div id="page"> <div id="content"> - <!-- Demo Video --> + <!-- Prominent software description/demo --> <div class="hook"> - <div class="demo"> - <img class="thumbnail" src="/images/demo-thumbnail.jpg" alt="Screenshot of Guacamole 0.9.4" /> - <iframe src="//player.vimeo.com/video/116207678?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe> -</div> - <div class="description"> - <p>Apache Guacamole is a <strong>clientless remote desktop gateway</strong>. It supports -standard protocols like VNC, RDP, and SSH.</p> - <p>We call it <em>clientless</em> because no plugins or client software are required.</p> + <!-- Demo Video --> + <div class="demo"> + <img class="thumbnail" src="/images/demo-thumbnail.jpg" + alt="Screenshot of Guacamole 0.9.4"/> + <iframe + src="//player.vimeo.com/video/116207678?title=0&byline=0&portrait=0" + frameborder="0" webkitallowfullscreen mozallowfullscreen + allowfullscreen></iframe> + </div> + + <!-- High-level description --> + <div class="description"> + <p>Apache Guacamole is a <strong>clientless remote desktop + gateway</strong>. It supports standard protocols like VNC, RDP, and + SSH.</p> + + <p>We call it <em>clientless</em> because no plugins or client software + are required.</p> + + <p>Thanks to HTML5, once Guacamole is installed on a server, all you + need to access your desktops is a web browser.</p> + </div> + +</div> - <p>Thanks to HTML5, once Guacamole is installed on a server, all you need to -access your desktops is a web browser.</p> - </div> +<!-- Link to latest release --> +<div class="latest-release"> + + Latest release: <a href="/releases/0.9.10-incubating/" + class="version">0.9.10-incubating</a> (released on 2016-12-29 19:52:00 -0800) </div> +<!-- List of features --> <ul class="features"> <li class="html5"> <h2>Access your computers from <em>anywhere</em></h2> @@ -130,7 +149,6 @@ access your desktops is a web browser.</p> <h2>Commercially supported</h2> <p>For enterprises, dedicated commercial support is also available through <a href="/support/#commercial-support">third party companies</a>.</p> </li> - </ul> http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/961d7efa/content/styles/main.css ---------------------------------------------------------------------- diff --git a/content/styles/main.css b/content/styles/main.css index ca39e29..b9c8ce0 100644 --- a/content/styles/main.css +++ b/content/styles/main.css @@ -22,7 +22,7 @@ a[href]:visited { color: #884; } div#header { color: white; - background: #304730; + background: #213121; display: table; width: 100%; padding: 1em; @@ -119,7 +119,6 @@ ul.features li.commercially-supported::before { } .hook { - padding-bottom: 2em; overflow: hidden; background: #304730; color: white; @@ -142,7 +141,17 @@ ul.features li.commercially-supported::before { max-width: 40%; } -.latest { +.latest-release { + color: white; + background: #213121; + padding: 1em; + font-size: 0.8em; +} + +.latest-release a[href].version, +.latest-release a[href].version:visited { + color: white; + margin: 0.25em 0.5em; font-weight: bold; } @@ -246,7 +255,8 @@ p { padding-right: 0.25in; } -#content .hook { +#content .hook, +#content .latest-release { margin: 0; width: 100%; } @@ -530,7 +540,6 @@ table.releases td { .hook { background: transparent; color: black; - padding-bottom: 0; } .hook .description { @@ -611,17 +620,12 @@ table.releases td { text-align: center; } - .hook { - padding-bottom: 1em; - } - .hook > * { margin: 0; } .demo { - margin-left: auto; - margin-right: auto; + margin: 1em auto; } .demo,
