diff options
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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differdeleted 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="	" horiz-adv-x="532" /> -<glyph unicode=" " 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=""" 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="&" 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-a |