Merge pull request #688 from nclsHart/gh-pages

New website version

85 files changed, 1264 insertions, 4108 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..5bbff155
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/node_modules/
+/bower_components/
diff --git a/app/css/_carousel.less b/app/css/_carousel.less
new file mode 100644
index 00000000..8989490d
--- /dev/null
+++ b/app/css/_carousel.less
@@ -0,0 +1,39 @@
+.slider {
+    box-shadow: 0px 0px 2px 4px darken(@glances-white, 10%);
+    border: none;
+    max-height: 500px;
+
+    .screenshot {
+        max-height: 500px;
+        height: auto;
+    }
+
+    .slick-dots {
+        position: absolute;
+        list-style: none;
+        font-size: 0;
+        margin-top: 20px;
+        padding: 0;
+        width: 100%;
+        text-align: center;
+
+        li {
+            display: inline-block;
+            margin-right: 25px;
+
+            &.slick-active button {
+                background-color: @secondary-color;
+            }
+
+            button {
+                width: 5px;
+                height: 5px;
+                padding: 0;
+                border-radius: 5px;
+                border: none;
+                box-shadow: none;
+                background-color: darken(@glances-white, 10%);
+            }
+        }
+    }
+}
diff --git a/app/css/_content.less b/app/css/_content.less
new file mode 100644
index 00000000..bec54f0e
--- /dev/null
+++ b/app/css/_content.less
@@ -0,0 +1,179 @@
+html {
+    height: 100%;
+}
+
+body {
+    font-family: 'Open Sans', sans-serif;
+    padding-top: 70px;
+    position: relative;
+    height: 100%;
+}
+
+h2 {
+    font-size: 36px;
+    margin-bottom: 50px;
+}
+
+header {
+    background-color: @primary-color;
+    text-align: center;
+    padding-top: 50px;
+    padding-bottom: 50px;
+
+    .btn-github {
+        border: 2px solid @secondary-color;
+        color: @secondary-color;
+        border-radius: 10px;
+        padding: 12px 20px;
+        font-size: 18px;
+
+        &:hover {
+            background-color: @secondary-color;
+            color: @primary-color;
+        }
+    }
+
+    p.ad {
+        font-size: 40px;
+        text-shadow: 1px 1px 1px darken(@primary-color, 40%);
+    }
+
+    p {
+        font-size: 18px;
+        margin-bottom: 20px;
+    }
+
+    &::before {
+        content: none !important;
+    }
+}
+
+.content {
+    background-color: @glances-white;
+
+    p {
+        font-size: 15px;
+        line-height: 25px;
+    }
+
+    .link-round {
+        color: inherit;
+        display: inline-block;
+
+        &:hover {
+            text-decoration: none;
+        }
+
+        .fa {
+            border-radius: 50%;
+            font-size: 6em;
+            background-color: darken(@glances-white, 10%);
+            line-height: 2em;
+            height: 2em;
+            width: 2em;
+            text-align: center;
+        }
+    }
+
+    p.head {
+        margin-bottom: 50px;
+    }
+}
+
+header, section {
+    padding: 75px 0 100px 0;
+
+    &::before,
+    &::after {
+        left: 50%;
+        width: 100px;
+        height: 100px;
+        position: absolute;
+        content: '';
+        pointer-events: none;
+    }
+    &::before {
+        -webkit-transform: translate(-50%, -125px) rotate(45deg);
+        transform: translate(-50%, -125px) rotate(45deg);
+        background: inherit;
+    }
+    &::after {
+        -webkit-transform: translate(-50%, 50px) rotate(45deg);
+        transform: translate(-50%, 50px) rotate(45deg);
+        z-index: 10;
+        background: inherit;
+    }
+
+    &:nth-child(2n) {
+        background-color: @primary-color;
+        color: #ddd;
+
+        .link-round {
+            .fa {
+                background-color: darken(@primary-color, 10%);
+            }
+
+            &:hover {
+                color: @secondary-color;
+            }
+        }
+    }
+
+    &:nth-child(2n+1) {
+        .link-round:hover {
+            color: @primary-color;
+
+            .fa {
+                background-color: @primary-color;
+                color: @glances-white;
+            }
+        }
+    }
+
+    &:last-child::after {
+        content: none;
+    }
+}
+
+#community {
+    ul {
+        clear: both;
+        min-height: 250px;
+        margin-bottom: 40px;
+    }
+}
+
+#features {
+    .feature {
+        margin-top: 50px;
+
+        .feature-text {
+            p {
+                text-align: justify;
+            }
+
+            .fa {
+                font-size: 24px;
+            }
+        }
+    }
+
+    .plugin-list {
+        font-size: 16px;
+
+        li {
+            margin-top: 10px;
+        }
+    }
+}
+
+footer {
+    background-color: @footer-background-color;
+    color: @footer-color;
+    text-align: center;
+
+    p {
+       padding: 25px;
+       margin-bottom: 0;
+    }
+}
diff --git a/app/css/_navbar.less b/app/css/_navbar.less
new file mode 100644
index 00000000..d2663208
--- /dev/null
+++ b/app/css/_navbar.less
@@ -0,0 +1,57 @@
+nav.navbar {
+    background-color: @navbar-background-color;
+    border-radius: 0;
+    margin-bottom: 0;
+    border: none;
+    height: 80px;
+
+    &.affix {
+        box-shadow: 0px 2px 2px 0px darken(@primary-color, 5%);
+    }
+
+    .logo {
+        margin: 5px 0px 5px 0px;
+    }
+
+    li {
+        &.active a, & > a:hover, & > a:focus {
+            background-color: inherit;
+        }
+
+        & > a {
+            padding-bottom: 30px;
+            padding-top: 30px;
+            line-height: 20px;
+            color: @navbar-color;
+            text-transform: uppercase;
+        }
+    }
+
+    .navbar-collapse {
+        background-color: @navbar-background-color;
+
+        &:not(.in) {
+            padding: 0;
+
+            li {
+                &.active a, & > a:hover, & > a:focus {
+                    border-top: 4px solid @navbar-color;
+                    padding-top: 26px;
+                }
+            }
+        }
+
+    }
+
+    .navbar-toggle {
+        height: 40px;
+        margin-bottom: 20px;
+        margin-top: 20px;
+        .icon-bar {
+            background-color: #fff;
+            height: 4px;
+            width: 30px;
+        }
+
+    }
+}
diff --git a/app/css/_responsive.less b/app/css/_responsive.less
new file mode 100644
index 00000000..3039524c
--- /dev/null
+++ b/app/css/_responsive.less
@@ -0,0 +1,13 @@
+@media (max-width: @screen-xs-max) {
+    .plugin-list {
+        margin-top: 50px;
+        text-align: center;
+
+        li {
+            display: inline-block;
+            min-width: 120px;
+            margin-left: 15px;
+            margin-right: 15px;
+        }
+    }
+}
diff --git a/app/css/_variables.less b/app/css/_variables.less
new file mode 100644
index 00000000..2c2f63e9
--- /dev/null
+++ b/app/css/_variables.less
@@ -0,0 +1,10 @@
+@glances-white: #F4F2F3;
+
+@primary-color: #2c363f;
+@secondary-color: #59D16C;
+
+@navbar-background-color: #2c363f;
+@navbar-color: @secondary-color;
+
+@footer-background-color: darken(@primary-color, 10%);
+@footer-color: #fff;
diff --git a/app/css/main.less b/app/css/main.less
new file mode 100644
index 00000000..d6a58a7d
--- /dev/null
+++ b/app/css/main.less
@@ -0,0 +1,7 @@
+@import "../../bower_components/bootstrap/less/bootstrap.less";
+
+@import "_variables.less";
+@import "_content.less";
+@import "_navbar.less";
+@import "_carousel.less";
+@import "_responsive.less";
diff --git a/app/images/glances.png b/app/images/glances.png
new file mode 100644
index 00000000..6bb76232
--- /dev/null
+++ b/app/images/glances.png
diff --git a/app/images/screenshot-wide.png b/app/images/screenshot-wide.png
new file mode 100644
index 00000000..2acf5340
--- /dev/null
+++ b/app/images/screenshot-wide.png
diff --git a/app/js/script.js b/app/js/script.js
new file mode 100644
index 00000000..6493152c
--- /dev/null
+++ b/app/js/script.js
@@ -0,0 +1,14 @@
+$(function() {
+    $(".slider").slick({
+        dots: true,
+        infinite: true,
+        speed: 300,
+        slidesToShow: 1,
+        autoplay: true,
+        arrows: false
+    });
+
+    $('.navbar-nav a').smoothScroll({
+        offset: -50
+    });
+});
diff --git a/bower.json b/bower.json
new file mode 100644
index 00000000..6b31af73
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,32 @@
+{
+    "name": "glances",
+    "dependencies": {
+        "bootstrap": "~3.3.5",
+        "slick-carousel": "~1.5.8",
+        "font-awesome": "~4.4.0",
+        "jquery-smooth-scroll": "~1.5.6"
+    },
+    "overrides": {
+        "bootstrap": {
+            "main": [
+                "dist/js/bootstrap.js"
+            ]
+        },
+        "font-awesome": {
+            "main": [
+                "less/font-awesome.less",
+                "fonts/fontawesome-webfont.eot",
+                "fonts/fontawesome-webfont.svg",
+                "fonts/fontawesome-webfont.ttf",
+                "fonts/fontawesome-webfont.woff",
+                "fonts/fontawesome-webfont.woff2"
+            ]
+        },
+        "slick-carousel": {
+            "main": [
+                "slick/slick.js",
+                "slick/slick.css"
+            ]
+        }
+    }
+}
diff --git a/brunch-config.js b/brunch-config.js
new file mode 100644
index 00000000..a363fb6a
--- /dev/null
+++ b/brunch-config.js
@@ -0,0 +1,33 @@
+'use strict';
+
+exports.config = {
+  watcher: {
+    usePolling: true
+  },
+  modules: {
+    definition: false,
+    wrapper: false
+  },
+  files: {
+    javascripts: {
+      joinTo: {
+        'js/scripts.js': /^app/,
+        'js/vendors.js': /^bower_components/
+      }
+    },
+    stylesheets: {
+      joinTo: {
+        'styles/main.css': /^app/,
+        'styles/vendors.css': /^bower_components/
+      }
+    }
+  },
+  plugins: {
+      assetsmanager: {
+        copyTo: {
+          'images': ['/app/images/*'],
+          'fonts' : ['bower_components/font-awesome/fonts/*']
+        }
+      }
+  }
+};
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 00000000..5722f077
--- /dev/null
+++ b/favicon.ico
diff --git a/fonts/OpenSans-Bold-webfont.eot b/fonts/OpenSans-Bold-webfont.eot
deleted file mode 100644
index e1c76744..00000000
--- a/fonts/OpenSans-Bold-webfont.eot
+++ /dev/null
diff --git a/fonts/OpenSans-Bold-webfont.svg b/fonts/OpenSans-Bold-webfont.svg
deleted file mode 100644
index 364b3686..00000000
--- a/fonts/OpenSans-Bold-webfont.svg
+++ /dev/null
@@ -1,146 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>
-This is a custom SVG webfont generated by Font Squirrel.
-Copyright   : Digitized data copyright  20102011 Google Corporation
-Foundry     : Ascender Corporation
-Foundry URL : httpwwwascendercorpcom
-</metadata>
-<defs>
-<font id="OpenSansBold" horiz-adv-x="1169" >
-<font-face units-per-em="2048" ascent="1638" descent="-410" />
-<missing-glyph horiz-adv-x="532" />
-<glyph unicode=" "  horiz-adv-x="532" />
-<glyph unicode="&#x09;" horiz-adv-x="532" />
-<glyph unicode="&#xa0;" horiz-adv-x="532" />
-<glyph unicode="!" horiz-adv-x="586" d="M117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5zM121 1462h346l-51 -977h-244z" />
-<glyph unicode="&#x22;" horiz-adv-x="967" d="M133 1462h279l-41 -528h-197zM555 1462h279l-41 -528h-197z" />
-<glyph unicode="#" horiz-adv-x="1323" d="M45 406v206h277l47 232h-252v209h289l77 407h219l-77 -407h198l78 407h215l-78 -407h240v-209h-279l-47 -232h258v-206h-297l-77 -406h-220l78 406h-194l-76 -406h-215l74 406h-238zM539 612h196l47 232h-196z" />
-<glyph unicode="$" d="M88 1049q0 145 113.5 238.5t316.5 113.5v153h137v-149q229 -10 414 -92l-94 -234q-156 64 -320 78v-295q195 -75 277.5 -130t121 -121t38.5 -154q0 -159 -115 -255.5t-322 -115.5v-205h-137v201q-244 5 -428 86v264q87 -43 209.5 -76t218.5 -39v310l-67 26 q-198 78 -280.5 169.5t-82.5 226.5zM389 1049q0 -44 30.5 -72.5t98.5 -58.5v235q-129 -19 -129 -104zM655 324q136 23 136 118q0 42 -34 71t-102 60v-249z" />
-<glyph unicode="%" horiz-adv-x="1845" d="M63 1026q0 457 345 457q169 0 259.5 -118.5t90.5 -338.5q0 -230 -89 -345.5t-261 -115.5q-165 0 -255 118.5t-90 342.5zM315 1024q0 -127 22.5 -189.5t72.5 -62.5q96 0 96 252q0 250 -96 250q-50 0 -72.5 -61.5t-22.5 -188.5zM395 0l811 1462h240l-811 -1462h-240z M1087 442q0 457 345 457q169 0 259.5 -118.5t90.5 -338.5q0 -229 -89 -344.5t-261 -115.5q-165 0 -255 118.5t-90 341.5zM1339 440q0 -127 22.5 -189.5t72.5 -62.5q96 0 96 252q0 250 -96 250q-50 0 -72.5 -61.5t-22.5 -188.5z" />
-<glyph unicode="&#x26;" horiz-adv-x="1536" d="M82 395q0 137 60.5 233.5t207.5 180.5q-75 86 -109 164.5t-34 171.5q0 152 116.5 245t311.5 93q186 0 297.5 -86.5t111.5 -231.5q0 -119 -69 -217.5t-223 -187.5l284 -277q71 117 123 301h318q-36 -135 -99 -263.5t-143 -227.5l301 -293h-377l-115 113 q-191 -133 -432 -133q-244 0 -387 112t-143 303zM403 424q0 -86 64.5 -137t165.5 -51q126 0 227 61l-332 330q-58 -44 -91.5 -92t-33.5 -111zM489 1124q0 -88 95 -194q86 48 132 94.5t46 108.5q0 53 -36 83.5t-93 30.5q-67 0 -105.5 -32t-38.5 -91z" />
-<glyph unicode="'" horiz-adv-x="545" d="M133 1462h279l-41 -528h-197z" />
-<glyph unicode="(" horiz-adv-x="694" d="M82 561q0 265 77.5 496t223.5 405h250q-141 -193 -213 -424t-72 -475q0 -245 73.5 -473.5t209.5 -413.5h-248q-147 170 -224 397t-77 488z" />
-<glyph unicode=")" horiz-adv-x="694" d="M61 1462h250q147 -175 224 -406.5t77 -494.5t-77.5 -490t-223.5 -395h-248q135 184 209 412.5t74 474.5q0 244 -72 475t-213 424z" />
-<glyph unicode="*" horiz-adv-x="1116" d="M63 1042l39 250l365 -104l-41 368h262l-41 -368l373 104l33 -252l-340 -24l223 -297l-227 -121l-156 313l-137 -311l-236 119l221 297z" />
-<glyph unicode="+" d="M88 612v219h387v390h219v-390h387v-219h-387v-385h-219v385h-387z" />
-<glyph unicode="," horiz-adv-x="594" d="M63 -264q65 266 101 502h280l15 -23q-52 -202 -176 -479h-220z" />
-<glyph unicode="-" horiz-adv-x="659" d="M61 424v250h537v-250h-537z" />
-<glyph unicode="." horiz-adv-x="584" d="M117 143q0 84 45 127t131 43q83 0 128.5 -44t45.5 -126q0 -79 -46 -124.5t-128 -45.5q-84 0 -130 44.5t-46 125.5z" />
-<glyph unicode="/" horiz-adv-x="846" d="M14 0l545 1462h277l-545 -1462h-277z" />
-<glyph unicode="0" d="M74 731q0 387 125 570.5t385 183.5q253 0 382.5 -192t129.5 -562q0 -383 -125.5 -567t-386.5 -184q-253 0 -381.5 190t-128.5 561zM381 731q0 -269 46.5 -385.5t156.5 -116.5q108 0 156 118t48 384q0 269 -48.5 386.5t-155.5 117.5q-109 0 -156 -117.5t-47 -386.5z" />
-<glyph unicode="1" d="M121 1087l471 375h254v-1462h-309v846l3 139l5 152q-77 -77 -107 -101l-168 -135z" />
-<glyph unicode="2" d="M78 1274q108 92 179 130t155 58.5t188 20.5q137 0 242 -50t163 -140t58 -206q0 -101 -35.5 -189.5t-110 -181.5t-262.5 -265l-188 -177v-14h637v-260h-1022v215l367 371q163 167 213 231.5t72 119.5t22 114q0 88 -48.5 131t-129.5 43q-85 0 -165 -39t-167 -111z" />
-<glyph unicode="3" d="M78 59v263q85 -43 187 -70t202 -27q153 0 226 52t73 167q0 103 -84 146t-268 43h-111v237h113q170 0 248.5 44.5t78.5 152.5q0 166 -208 166q-72 0 -146.5 -24t-165.5 -83l-143 213q200 144 477 144q227 0 358.5 -92t131.5 -256q0 -137 -83 -233t-233 -132v-6 q177 -22 268 -107.5t91 -230.5q0 -211 -153 -328.5t-437 -117.5q-238 0 -422 79z" />
-<glyph unicode="4" d="M35 303v215l641 944h285v-919h176v-240h-176v-303h-302v303h-624zM307 543h352v248q0 62 5 180t8 137h-8q-37 -82 -89 -160z" />
-<glyph unicode="5" d="M100 59v267q79 -42 184 -68.5t199 -26.5q283 0 283 232q0 221 -293 221q-53 0 -117 -10.5t-104 -22.5l-123 66l55 745h793v-262h-522l-27 -287l35 7q61 14 151 14q212 0 337.5 -119t125.5 -326q0 -245 -151 -377t-432 -132q-244 0 -394 79z" />
-<glyph unicode="6" d="M72 621q0 434 183.5 646t549.5 212q125 0 196 -15v-247q-89 20 -176 20q-159 0 -259.5 -48t-150.5 -142t-59 -267h13q99 170 317 170q196 0 307 -123t111 -340q0 -234 -132 -370.5t-366 -136.5q-162 0 -282.5 75t-186 219t-65.5 347zM379 510q0 -119 62.5 -201t158.5 -82 q99 0 152 66.5t53 189.5q0 107 -49.5 168.5t-149.5 61.5q-94 0 -160.5 -61t-66.5 -142z" />
-<glyph unicode="7" d="M55 1200v260h1049v-194l-553 -1266h-324l549 1200h-721z" />
-<glyph unicode="8" d="M72 371q0 125 66.5 222t213.5 171q-125 79 -180 169t-55 197q0 157 130 254t339 97q210 0 338.5 -95.5t128.5 -257.5q0 -112 -62 -199.5t-200 -156.5q164 -88 235.5 -183.5t71.5 -20