guacamole-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mjum...@apache.org
Subject incubator-guacamole-website git commit: Redesign front page (feature list with stylized avocado-green bullets), updating its content accordingly.
Date Tue, 26 Apr 2016 18:34:02 GMT
Repository: incubator-guacamole-website
Updated Branches:
  refs/heads/master d355a2e86 -> 658bc767a


Redesign front page (feature list with stylized avocado-green bullets), updating its content
accordingly.


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/658bc767
Tree: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/tree/658bc767
Diff: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/diff/658bc767

Branch: refs/heads/master
Commit: 658bc767a9a2909e71d008da08d5995c7882ba4e
Parents: d355a2e
Author: Michael Jumper <mjumper@apache.org>
Authored: Sun Apr 24 00:23:18 2016 -0700
Committer: Michael Jumper <mjumper@apache.org>
Committed: Tue Apr 26 11:33:00 2016 -0700

----------------------------------------------------------------------
 _includes/footer.html    |  12 +++-
 _includes/header.html    |  16 -----
 images/business.png      | Bin 0 -> 3669 bytes
 images/cloud-desktop.png | Bin 0 -> 5318 bytes
 images/code.png          | Bin 0 -> 2650 bytes
 images/feather.png       | Bin 0 -> 3242 bytes
 images/html5-white.png   | Bin 0 -> 7848 bytes
 index.md                 |  67 +++++++++++---------
 styles/main.css          | 138 ++++++++++++++++++++++++++++++++----------
 9 files changed, 151 insertions(+), 82 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/_includes/footer.html
----------------------------------------------------------------------
diff --git a/_includes/footer.html b/_includes/footer.html
index 26023fc..64ab0b9 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,11 +1,17 @@
 <!-- Footer -->
 <div id="footer">
 
-    <!-- Copyright -->
+    <!-- Copyrights -->
     <p class="copyright">
         Copyright &copy; 2016 <a href="http://www.apache.org/">The Apache
-            Software Foundation</a>, Licensed under the Apache License, Version
-        2.0.
+            Software Foundation</a>, Licensed under the <a
+        href="http://www.apache.org/licenses/LICENSE-2.0">Apache License,
+        Version 2.0</a>. The HTML5 shield logo has been modified from the
+        original work of the <a
+            href="http://www.w3.org/">World Wide Web Constortium (W3C)</a>,
+        which is licensed under the <a
+            href="http://creativecommons.org/licenses/by/3.0/">Creative
+        Commons Attribution 3.0</a> license.
     </p>
 
     <!-- Trademarks -->

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/_includes/header.html
----------------------------------------------------------------------
diff --git a/_includes/header.html b/_includes/header.html
index 8baf192..65c2609 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -22,19 +22,3 @@
         {% endfor %}
     </ul>
 </div>
-
-<!-- Social stuff -->
-<div class="social-buttons">
-
-    <!-- Twitter -->
-    <div class="social-button">
-        <a href="https://twitter.com/GuacDev" class="twitter-follow-button" data-show-count="false">Follow
@GuacDev</a>
-        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,
'script', 'twitter-wjs');</script>
-    </div>
-
-    <!-- Facebook -->
-    <div class="social-button">
-        <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fguacdev&amp;width=90&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;"
allowTransparency="true"></iframe>
-    </div>
-
-</div>

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/images/business.png
----------------------------------------------------------------------
diff --git a/images/business.png b/images/business.png
new file mode 100644
index 0000000..fc3d645
Binary files /dev/null and b/images/business.png differ

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/images/cloud-desktop.png
----------------------------------------------------------------------
diff --git a/images/cloud-desktop.png b/images/cloud-desktop.png
new file mode 100644
index 0000000..a83d75c
Binary files /dev/null and b/images/cloud-desktop.png differ

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/images/code.png
----------------------------------------------------------------------
diff --git a/images/code.png b/images/code.png
new file mode 100644
index 0000000..49a5a40
Binary files /dev/null and b/images/code.png differ

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/images/feather.png
----------------------------------------------------------------------
diff --git a/images/feather.png b/images/feather.png
new file mode 100644
index 0000000..3fc62b7
Binary files /dev/null and b/images/feather.png differ

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/images/html5-white.png
----------------------------------------------------------------------
diff --git a/images/html5-white.png b/images/html5-white.png
new file mode 100644
index 0000000..1752c30
Binary files /dev/null and b/images/html5-white.png differ

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/index.md
----------------------------------------------------------------------
diff --git a/index.md b/index.md
index 6584c98..8ad909f 100644
--- a/index.md
+++ b/index.md
@@ -3,39 +3,46 @@ layout: default
 ---
 
 <!-- Demo Video -->
-<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&amp;byline=0&amp;portrait=0"
-            frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-    </div>
+<div class="hook" markdown="1">
+<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&amp;byline=0&amp;portrait=0"
+        frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 </div>
-
-What is Guacamole?
-------------------------------
-
-Guacamole is a **clientless remote desktop gateway**. It supports standard protocols like
VNC and RDP.
+<div class="description" markdown="1">
+Apache Guacamole is a **clientless remote desktop gateway**. It supports
+standard protocols like VNC, RDP, and SSH.
 
 We call it _clientless_ because no plugins or client software are required.
 
-Thanks to HTML5, once Guacamole is installed on a server, all you need to access your desktops
is a web browser.
-
-...and it's free?
----------------------
-
-Yes!
-
-Guacamole is and will always be **free and open source software**. It is licensed under the
[MIT License](http://opensource.org/licenses/MIT).
-
-We feel this sets us apart from other remote desktop solutions, and gives us a [distinct
advantage](/open-source).
-
-What about support?
-------------------------------
-
-As an open source project, free support is always available to anyone through our [forums
on SourceForge](https://sourceforge.net/p/guacamole/discussion/) and through the #guacamole-help
and #guacamole-dev IRC channels on [freenode](http://freenode.net/).
-
-We maintain thorough documentation for Guacamole and its components in an [online manual](/doc/gug/),
as well as full [API documentation](/api-documentation) for the Guacamole core. Like the software
itself, these resources will always be free.
+Thanks to HTML5, once Guacamole is installed on a server, all you need to
+access your desktops is a web browser.
+</div>
+</div>
 
-For enterprises, dedicated commercial support is also available through **[Glyptodon LLC](http://glyptodon.org/)**,
the company founded around the Guacamole project. If interested, please <a href="mailto:contact@glyptodon.org"
class="piwik_link" onclick="piwikTracker.trackGoal(8)">contact us for a quote</a>.
Paid support helps drive development, and benefits both the project and the community.
+<ul class="features">
+    <li class="html5">
+        <h2>Access your computers from <em>anywhere</em></h2>
+        <p>Because the Guacamole client is an HTML5 web application, use of your computers
is not tied to any one device or location. <strong>As long as you have access to a web
browser, you have access to your machines.</strong></p>
+    </li>
+    <li class="cloud-desktop">
+        <h2>Keep your desktop in the cloud</h2>
+        <p>Desktops accessed through Guacamole need not physically exist. With both
Guacamole and a desktop operating system hosted in the cloud, you can combine the convenience
of Guacamole with the resilience and flexibility of cloud computing.</p>
+    </li>
+    <li class="apache">
+        <h2>Free and open source</h2>
+        <p>Apache Guacamole is and will always be <strong>free and open source
software</strong>. It is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache
License, Version 2.0</a>, and is actively maintained by a community of developers that
use Guacamole to access their own development environments.</p>
+        <p>We feel this sets us apart from other remote desktop solutions, and gives
us a <a href="/open-source/">distinct advantage</a>.</p>
+    </li>
+    <li class="documented-api">
+        <h2>Built on a well-documented API</h2>
+        <p>Apache Guacamole is built on its own stack of core APIs which are <a
href="/api-documentation/">thoroughly documented</a>, including basic tutorials and
conceptual overviews in the <a href="/doc/gug/">online manual</a>. These APIs
allow Guacamole to be tightly integrated into other applications, whether they be open source
or proprietary.</p>
+    </li>
+    <li class="commercially-supported">
+        <h2>Commercially supported</h2>
+        <p>For enterprises, dedicated commercial support is also available through
<a href="/support/#commercial">third party companies</a>.</p>
+    </li>
+</li>
+</ul>
 

http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/658bc767/styles/main.css
----------------------------------------------------------------------
diff --git a/styles/main.css b/styles/main.css
index 94c03de..81c1de6 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -22,7 +22,7 @@ a[href]:visited { color: #884; }
 
 div#header {
     color: white;
-    background: #474747;
+    background: #304730;
     display: table;
     width: 100%;
     padding: 1em;
@@ -50,14 +50,62 @@ div#header > * {
     background-position: 0.25em center;
 }
 
-.hook {
-    margin-top: 2em;
-    margin-bottom: 2em;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 0.1);
+ul.features {
+    list-style: none;
+    padding: 0;
+}
+
+ul.features li {
+    padding-left: 1.25in;
+    position: relative;
+}
+
+ul.features li > * {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+ul.features li::before {
+    content: ' ';
+    height: 1in;
+    width: 1in;
+    background: #304730;
+    border-radius: 1in;
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    margin-top: -0.5in;
+    background-repeat: no-repeat;
+    background-size: 75%;
+    background-position: center;
+}
+
+ul.features li.apache::before {
+    background-image: url('/images/feather.png');
+    background-size: 40%;
+}
+
+ul.features li.html5::before {
+    background-image: url('/images/html5-white.png');
+}
+
+ul.features li.cloud-desktop::before {
+    background-image: url('/images/cloud-desktop.png');
+}
+
+ul.features li.documented-api::before {
+    background-image: url('/images/code.png');
+}
+ul.features li.commercially-supported::before {
+    background-image: url('/images/business.png');
 }
 
 .hook {
+    padding-bottom: 2em;
+    overflow: hidden;
+    background: #304730;
+    color: white;
     text-align: center;
 }
 
@@ -72,21 +120,9 @@ div#header > * {
     width: 7cm;
 }
 
-div#page {
-    background: white;
-    color: black;
-}
-
-div#content {
-
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-left: auto;
-    margin-right: auto;
-
-    max-width: 32cm;
-    padding: 1em;
-
+.hook .description {
+    font-size: 1.25em;
+    max-width: 40%;
 }
 
 .latest {
@@ -118,9 +154,12 @@ img.book-pic {
     background: url('/images/book-pages.png');
 }
 
+h1 {
+    margin-top: 0.25in;
+    margin-bottom: 0.25in;
+}
+
 h2 {
-    font-size: 1.75em;
-    font-weight: lighter;
     margin-top: 2em;
 }
 
@@ -201,13 +240,30 @@ ul#navigation {
 p {
     line-height: 1.5;
     text-align: justify;
+    margin: 1em;
+}
+
+#content > * {
+    width: 11in;
+    max-width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 0.25in;
+    padding-right: 0.25in;
+}
+
+#content .hook {
+    margin: 0;
+    width: 100%;
 }
 
 div#footer {
     font-size: 0.9em;
-    border-top: 1px solid black;
-    margin: 1em;
+    border-top: 1px solid silver;
+    margin-top: 3em;
     padding: 1em;
+    background: #EEE;
+    opacity: 0.5;
 }
 
 #footer .block-menu {
@@ -307,7 +363,7 @@ div.button .title {
     display: inline-block;
     position: relative;
     width: 15cm;
-    max-width: 80%;
+    max-width: 40%;
     border: 1px solid black;
 }
 
@@ -606,17 +662,33 @@ input.donate {
 
 }
 
-/* Expand sections when screen too small */
-@media screen and (max-width: 30cm) {
-    #footer .block-menu { max-width: 100%; width: 4cm; }
+/* Reformat feature list when screen too small */
+@media screen and (max-width: 6in) {
+
+    ul.features li::before {
+        position: static;
+        width: 0.5in;
+        height: 0.5in;
+        margin: 0 0.125in;
+        display: inline-block;
+        vertical-align: middle;
+    }
+
+    ul.features li > h2 {
+        display: inline-block;
+        vertical-align: middle;
+        max-width: 75%;
+        margin: 0.75em 0;
+    }
+
+    ul.features li {
+        padding-left: 0;
+    }
+
 }
 
 @media screen and (max-width: 18cm) {
-    div#footer { padding-top: 0; }
-    #footer .block-menu { display: none; }
     .not-found .error-icon { float: right; }
     .not-found .error-description { max-width: 80%; display: block; }
-    #donate { padding-left: 1em; }
-    #donate::after { display: none; }
 }
 


Mime
View raw message