diff --git a/www/source/images/home/circ-arrow.svg b/www/source/images/home/circ-arrow.svg
new file mode 100644
index 000000000..5e2a6ba79
--- /dev/null
+++ b/www/source/images/home/circ-arrow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/circ-lock.svg b/www/source/images/home/circ-lock.svg
new file mode 100644
index 000000000..0e67711f5
--- /dev/null
+++ b/www/source/images/home/circ-lock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/code-1.png b/www/source/images/home/code-1.png
deleted file mode 100755
index 8a3f4d4dd..000000000
Binary files a/www/source/images/home/code-1.png and /dev/null differ
diff --git a/www/source/images/home/code-1.svg b/www/source/images/home/code-1.svg
deleted file mode 100755
index eeaed527c..000000000
--- a/www/source/images/home/code-1.svg
+++ /dev/null
@@ -1,12973 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-]>
-
diff --git a/www/source/images/home/code-2.png b/www/source/images/home/code-2.png
deleted file mode 100644
index 576d68f88..000000000
Binary files a/www/source/images/home/code-2.png and /dev/null differ
diff --git a/www/source/images/home/code-2.svg b/www/source/images/home/code-2.svg
deleted file mode 100644
index 46af6d549..000000000
--- a/www/source/images/home/code-2.svg
+++ /dev/null
@@ -1,759 +0,0 @@
-
-
-
diff --git a/www/source/images/home/diamond.png b/www/source/images/home/diamond.png
new file mode 100644
index 000000000..bfb4658d0
Binary files /dev/null and b/www/source/images/home/diamond.png differ
diff --git a/www/source/images/home/free-icon.png b/www/source/images/home/free-icon.png
deleted file mode 100755
index 802e04e93..000000000
Binary files a/www/source/images/home/free-icon.png and /dev/null differ
diff --git a/www/source/images/home/free.svg b/www/source/images/home/free.svg
new file mode 100644
index 000000000..fe5e48920
--- /dev/null
+++ b/www/source/images/home/free.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/fully-icon.png b/www/source/images/home/fully-icon.png
deleted file mode 100755
index 6ef580c88..000000000
Binary files a/www/source/images/home/fully-icon.png and /dev/null differ
diff --git a/www/source/images/home/heart.svg b/www/source/images/home/heart.svg
new file mode 100644
index 000000000..beed5fb17
--- /dev/null
+++ b/www/source/images/home/heart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/hero-code.gif b/www/source/images/home/hero-code.gif
deleted file mode 100755
index 0a1b1891d..000000000
Binary files a/www/source/images/home/hero-code.gif and /dev/null differ
diff --git a/www/source/images/home/hero.png b/www/source/images/home/hero.png
deleted file mode 100755
index 05b939f20..000000000
Binary files a/www/source/images/home/hero.png and /dev/null differ
diff --git a/www/source/images/home/language.svg b/www/source/images/home/language.svg
new file mode 100644
index 000000000..6ce84643e
--- /dev/null
+++ b/www/source/images/home/language.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/platform-icon.png b/www/source/images/home/platform-icon.png
deleted file mode 100755
index f3c1b2717..000000000
Binary files a/www/source/images/home/platform-icon.png and /dev/null differ
diff --git a/www/source/images/home/platform.svg b/www/source/images/home/platform.svg
new file mode 100644
index 000000000..408a17c8f
--- /dev/null
+++ b/www/source/images/home/platform.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/test-icon.png b/www/source/images/home/test-icon.png
deleted file mode 100755
index 81a322a98..000000000
Binary files a/www/source/images/home/test-icon.png and /dev/null differ
diff --git a/www/source/images/home/test.svg b/www/source/images/home/test.svg
new file mode 100644
index 000000000..4979bb382
--- /dev/null
+++ b/www/source/images/home/test.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/images/home/triangle-motif.png b/www/source/images/home/triangle-motif.png
new file mode 100644
index 000000000..ff914224a
Binary files /dev/null and b/www/source/images/home/triangle-motif.png differ
diff --git a/www/source/images/home/web.svg b/www/source/images/home/web.svg
new file mode 100644
index 000000000..77f685f85
--- /dev/null
+++ b/www/source/images/home/web.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/www/source/index.html.slim b/www/source/index.html.slim
index 6cf33b640..ec8060d9a 100644
--- a/www/source/index.html.slim
+++ b/www/source/index.html.slim
@@ -1,75 +1,173 @@
---
title: InSpec - Audit and Test Framework
---
-.row
- .columns.medium-12
- .home-hero
- img.home-hero--code src="/images/home/hero-code.gif" alt=""
- h2.main-subhead.text-center InSpec is compliance as code
+
+/! animated banner
+header
+ .h-top.strict-center.purp-shade
+ h1.center.t-white.strict-center data-enllax-ratio=".1" data-enllax-type="foreground" InSpec is compliance as code
+ img.grid-animate.strict-center src="/images/home/web.svg" /
+ /! diamond image
+ img.strict-center.bright-animate.3d-animate data-enllax-ratio=".3" data-enllax-type="foreground" src="/images/home/diamond.png" /
+ /! Blue gradient and canvas elements
+ #container.blue-gradient
+ canvas#pixie
+ /! style for callout icons
+ .row
+ .icon.shadow
+ img src="/images/home/circ-arrow.svg" /
+/! Second Content
+.row.margin-both
+ .large-8.columns data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
+ h4
+ | InSpec is an open-source testing framework for infrastructure with a human-readable language for specifying compliance, security and other policy requirements. Easily integrate automated tests that check for adherence to policy into any stage of your deployment pipeline.
p
- | InSpec is compliance as code – a human-readable language for automating
- the continuous testing and compliance auditing of your entire
- infrastructure. You can also use it to verify if your servers and
- applications are configured correctly.
- p.text-center.home-hero--buttons
- a.button.secondary href="https://downloads.chef.io/inspec" Download InSpec
- a.button.primary.try-demo href="#" Start the Demo
- hr.home-divider
- .icon-blocks.row
- .columns.large-3.small-6
- img.icon-block--img src="/images/home/platform-icon.png"
- h3.icon-block--heading Platform Agnostic
- p.icon-block--text
- | InSpec supports all major operating systems and many applications
- out of the box.
- .columns.large-3.small-6
- img.icon-block--img src="/images/home/test-icon.png"
- h3.icon-block--heading Test Locally or Remotely
- p.icon-block--text
- | InSpec provides a local agent, as well as full remote testing support.
- .columns.large-3.small-6
- img.icon-block--img src="/images/home/free-icon.png"
- h3.icon-block--heading Free to Run Anywhere
- p.icon-block--text
- | InSpec is a language that can easily express compliance as code, with the freedom to run anywhere.
- .columns.large-3.small-6
- img.icon-block--img src="/images/home/fully-icon.png"
- h3.icon-block--heading Fully Extensible Language
- p.icon-block--text
- | Easily extend the InSpec language to cover new operating systems,
- devices, or applications.
- hr.home-divider
- .code-snippet.row
- .columns.large-6
- img.code-snippet--img[src="/images/home/code-1.svg" onerror="this.src='/images/home/code-1.png'"
- alt="Code Snippet"]
- .columns.large-6.code-snippet--panel.first
- small.code-snippet--description
- strong Transform your compliance and security requirements into simple code.
- h3.code-snippet--heading Codify Agreements:
- p.code-snippet--text
- | Combine profiles and customize them with overlays. Pick controls
- and define exceptions as code.
- h3.code-snippet--heading Add Context to Your Tests:
- p.code-snippet--text Supports many fields like descriptions, tags, and impact.
- h3.code-snippet--heading Apply to all systems:
- p.code-snippet--text
- | Combine profiles and customize them with overlays. Pick controls
- and define exceptions as code.
- .code-snippet.row
- .columns.large-6
- img.code-snippet--img[src="/images/home/code-2.svg" onerror="this.src='/images/home/code-2.png'"
- alt="Code Snippet"]
- .columns.large-6.code-snippet--panel.second
- small.code-snippet--description
- strong Solve your infrastructure testing needs simply and efficiently.
- h3.code-snippet--heading Test the desired state:
- p.code-snippet--text Match your infrastructure to your expectations.
- h3.code-snippet--heading Use simple and expressive code:
- p.code-snippet--text These tests are easy to understand by anyone, reducing friction.
- h3.code-snippet--heading Test any system anywhere:
- p.code-snippet--text
- | Runs locally and remotely. Supports all major operating systems
- and configurations.
- h3.code-snippet--heading Extensible:
- p.code-snippet--text Easily create custom resources and share them.
+ small
+ | Crafted with
+ span.t-blue ❤
+ | by humans, for humans
+/! Third Content
+#icon-trigger.row.strict-center.margin-under-xs
+ .large-12.columns
+ hr/
+ small Cool facts about inspec
+ h2 InSpec is compliance by design
+ hr/
+/! images with text - grid of 4
+.row.strict-center.margin-under
+ .large-3.medium-3.columns.strict-center
+ img.floating.icon-art src="/images/home/platform.svg" /
+ h3 Platform Agnostic
+ p
+ | InSpec supports all major operating systems and many applications out of the box.
+ .large-3.medium-3.columns.strict-center data-enllax-ratio=".1" data-enllax-type="foreground"
+ img.icon-art src="/images/home/free.svg" /
+ h3 Free to run anywhere
+ p
+ | InSpec is a language that can easily express compliance as code, with the freedom to run anywhere.
+ .large-3.medium-3.columns.strict-center
+ img.icon-art src="/images/home/test.svg" /
+ h3 Test locally or remotely
+ p
+ | InSpec provides a local agent, as well as full remote testing support.
+ .large-3.medium-3.columns.strict-center data-enllax-ratio=".1" data-enllax-type="foreground"
+ img.icon-art src="/images/home/language.svg" /
+ h3 Fully extensible language
+ p
+ | Easily extend the InSpec language to cover new operating systems, devices, or applications.
+/! Fourth Content
+/! style for callout icons
+.row
+ .icon.shadow
+ img src="/images/home/circ-lock.svg" /
+.block-angl.blue-gradient.margin-under
+ .row.triangle-shade
+ .large-7.medium-7.columns.margin-top-xl.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground"
+ small.t-dk Inspec for compliance
+ h2.t-white
+ | Transform your compliance and security requirements
+ | into simple code
+ .row
+ .large-5.medium-5.columns.margin-under
+ h3.t-white Codify agreements
+ p.t-white
+ | Combine profiles and customize them with overlays. Pick
+ | controls and define exceptions as code.
+ h3.t-white Add context to your tests
+ p.t-white
+ | Supports many fields like descriptions, tags, and
+ | impact.
+ h3.t-white Apply to all systems
+ p.t-white
+ | Combine profiles and customize them with overlays. Pick
+ | controls and define exceptions as code.
+ /! code
+ .large-6.medium-6.columns.code-example.shadow
+ code.code-demo
+ span.code-attribute> control
+ | 'sshd-21'
+ br/
+ span.code-token title
+ | 'Set SSH Protocol to 2'
+ br/
+ span.code-token desc
+ | 'A detailed description about why we
+ | want this...'
+ br/
+ span.code-token impact 1.0
+ | \#this is critical
+ br/
+ span.code-token ref
+ | 'Our little compliance guide, section
+ | 2.1'
+ br/
+ span.code-attribute describe
+ | sshd_config
+ span.code-attribute do
+ br/
+ span.code-attribute its
+ | ('Protocol') { should cmp 2 }
+ br/
+ span.code-attribute end
+ br/
+ span.code-attribute end
+ a.btn.strict-right Try the Demo
+ /! Next row
+ .row
+ .large-6.medium-6.columns.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground"
+ small.t-dk Inspec for infrastructure
+ h2.t-white
+ | Solve your infrastructure testing needs simply and
+ | efficiently
+ .row
+ .large-5.medium-5.columns.margin-under-xl
+ h3.t-white Test the desired state
+ p.t-white Match your infrastructure to your expectations.
+ h3.t-white Add context to your tests
+ p.t-white
+ | Supports many fields like descriptions, tags, and
+ | impact.
+ h3.t-white Apply to all systems
+ p.t-white
+ | Combine profiles and customize them with overlays. Pick
+ | controls and define exceptions as code.
+ /! code
+ .large-6.medium-6.columns.code-example.shadow
+ code.code-demo
+ span.code-attribute control
+ | 'sshd-21'
+ br/
+ span.code-token title
+ | 'Set SSH Protocol to 2'
+ br/
+ span.code-token desc
+ | 'A detailed description about why we
+ | want this...'
+ br/
+ span.code-token impact 1.0
+ | \#this is critical
+ br/
+ span.code-token ref
+ | 'Our little compliance guide, section
+ | 2.1'
+ br/
+ span.code-attribute describe
+ | sshd_config
+ span.code-attribute do
+ br/
+ span.code-attribute its
+ | ('Protocol') { should cmp 2 }
+ br/
+ span.code-attribute end
+ br/
+ span.code-attribute end
+ a.btn.strict-right Try the Demo
+/! Fifth Content
+.row.strict-center.margin-under-xs
+ .large-12.columns data-enllax-ratio=".2" data-enllax-type="foreground"
+ hr/
+ small Inspec and friends
+ h2 Inspec plays nicely with others
+ hr/
+h4.strict-center.large-8
+ | Use Inspec for DevOps with other technologies for a unified workflow, end-to-end visibility, and automated compliance.
diff --git a/www/source/javascripts/all.js b/www/source/javascripts/all.js
index edae1808d..bfdf70b81 100644
--- a/www/source/javascripts/all.js
+++ b/www/source/javascripts/all.js
@@ -1,3 +1,5 @@
//= require vendor/jquery.min
//= require vendor/foundation.min
-//= require nav
\ No newline at end of file
+//= require nav
+//= require stars
+//= require jquery.enllax.min
diff --git a/www/source/javascripts/jquery.enllax.min.js b/www/source/javascripts/jquery.enllax.min.js
new file mode 100755
index 000000000..8e3a19888
--- /dev/null
+++ b/www/source/javascripts/jquery.enllax.min.js
@@ -0,0 +1,2 @@
+/* jQuery.enllax.js - v1.1.0 | copyright 2015, MMK Jony | https://github.com/mmkjony/enllax.js | released under the MIT license */
+!function(t){"use strict";t.fn.enllax=function(r){var a=t(window).height(),n=t(document).height(),o=t.extend({ratio:0,type:"background",direction:"vertical"},r),e=t("[data-enllax-ratio]");e.each(function(){var r,e,s,i=t(this),c=i.offset().top,l=i.outerHeight(),p=i.data("enllax-ratio"),d=i.data("enllax-type"),x=i.data("enllax-direction");r=p?p:o.ratio,e=d?d:o.type,s=x?x:o.direction;var f=Math.round(c*r),u=Math.round((c-a/2+l)*r);"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"})),t(window).on("scroll",function(){var o=t(this).scrollTop();f=Math.round((c-o)*r),u=Math.round((c-a/2+l-o)*r),"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&n>o&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"}))})})}}(jQuery);
diff --git a/www/source/javascripts/stars.js b/www/source/javascripts/stars.js
new file mode 100644
index 000000000..534ce744b
--- /dev/null
+++ b/www/source/javascripts/stars.js
@@ -0,0 +1,90 @@
+var WIDTH = window.innerWidth,
+ HEIGHT = window.innerHeight,
+ MAX_PARTICLES = 100,
+ DRAW_INTERVAL = 20,
+ container = document.querySelector('#container'),
+ canvas = document.querySelector('#pixie'),
+ context = canvas.getContext('2d'),
+ gradient = null,
+ pixies = new Array();
+
+function setDimensions(e) {
+ WIDTH = window.innerWidth;
+ container.style.width = WIDTH+'px';
+ canvas.width = WIDTH;
+ canvas.height = HEIGHT;
+}
+setDimensions();
+window.addEventListener('resize', setDimensions);
+
+
+function Circle() {
+ this.settings = {ttl:8000, xmax:5, ymax:2, rmax:10, rt:1, xdef:960, ydef:540, xdrift:4, ydrift: 4, random:true, blink:true};
+
+ this.reset = function() {
+ this.x = (this.settings.random ? WIDTH*Math.random() : this.settings.xdef);
+ this.y = (this.settings.random ? HEIGHT*Math.random() : this.settings.ydef);
+ this.r = ((this.settings.rmax-1)*Math.random()) + 1;
+ this.dx = (Math.random()*this.settings.xmax) * (Math.random() < .5 ? -1 : 1);
+ this.dy = (Math.random()*this.settings.ymax) * (Math.random() < .5 ? -1 : 1);
+ this.hl = (this.settings.ttl/DRAW_INTERVAL)*(this.r/this.settings.rmax);
+ this.rt = Math.random()*this.hl;
+ this.settings.rt = Math.random()+1;
+ this.stop = Math.random()*.2+.4;
+ this.settings.xdrift *= Math.random() * (Math.random() < .5 ? -1 : 1);
+ this.settings.ydrift *= Math.random() * (Math.random() < .5 ? -1 : 1);
+ }
+
+ this.fade = function() {
+ this.rt += this.settings.rt;
+ }
+
+ this.draw = function() {
+ if(this.settings.blink && (this.rt <= 0 || this.rt >= this.hl)) {
+ this.settings.rt = this.settings.rt*-1;
+ } else if(this.rt >= this.hl) {
+ this.reset();
+ }
+
+ var newo = 1-(this.rt/this.hl);
+ context.beginPath();
+ context.arc(this.x, this.y, this.r, 0, Math.PI*2, true);
+ context.closePath();
+
+ var cr = this.r*newo;
+ gradient = context.createRadialGradient(this.x, this.y, 0, this.x, this.y, (cr <= 0 ? 1 : cr));
+ gradient.addColorStop(0.0, 'rgba(255,255,255,'+newo+')');
+ gradient.addColorStop(this.stop, 'rgba(255,255,255,'+(newo*.6)+')');
+ gradient.addColorStop(1.0, 'rgba(77,101,181,0)');
+ context.fillStyle = gradient;
+ context.fill();
+ }
+
+ this.move = function() {
+ this.x += (this.rt/this.hl)*this.dx;
+ this.y += (this.rt/this.hl)*this.dy;
+ if(this.x > WIDTH || this.x < 0) this.dx *= -1;
+ if(this.y > HEIGHT || this.y < 0) this.dy *= -1;
+ }
+
+ this.getX = function() { return this.x; }
+ this.getY = function() { return this.y; }
+}
+
+
+
+for (var i = 0; i < MAX_PARTICLES; i++) {
+ pixies.push(new Circle());
+ pixies[i].reset();
+}
+
+function draw() {
+ context.clearRect(0, 0, WIDTH, HEIGHT);
+ for(var i = 0; i < pixies.length; i++) {
+ pixies[i].fade();
+ pixies[i].move();
+ pixies[i].draw();
+ }
+}
+
+setInterval(draw, DRAW_INTERVAL);
diff --git a/www/source/layouts/layout.slim b/www/source/layouts/layout.slim
index 7ab67022a..10e07a9b9 100644
--- a/www/source/layouts/layout.slim
+++ b/www/source/layouts/layout.slim
@@ -10,7 +10,9 @@ html
title = current_page.data.title || "InSpec"
- link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'
+ link href='//allfont.net/allfont.css?fonts=open-sans-light' rel='stylesheet' type='text/css'
+ link href='//allfont.net/allfont.css?fonts=source-sans-pro' rel='stylesheet' type='text/css'
+
link rel='stylesheet' type='text/css' href='css/inspec_tutorial.css'
== stylesheet_link_tag :site
@@ -32,6 +34,10 @@ html
= "Loading"
== javascript_include_tag "all"
+
+ javascript:
+ $(window).enllax();
+
javascript:
$(document).foundation();
$('.try-demo').click(function(event){
diff --git a/www/source/stylesheets/_buttons.scss b/www/source/stylesheets/_buttons.scss
index b61545895..892c2acd4 100644
--- a/www/source/stylesheets/_buttons.scss
+++ b/www/source/stylesheets/_buttons.scss
@@ -1,39 +1,31 @@
-.button {
- font-family: $heading-font;
- text-transform: uppercase;
- border-radius: 0;
- box-shadow: 3px 3px 0 0 $off-white;
- transition: all 0.3s ease;
+a {
+ font-family: $main-font;
+ color: $color_link;
+ @extend %transition;
+}
- &.primary {
- color: $inspec-grey;
- background: $white;
- border: 1px solid $inspec-blue;
- }
-
- &.primary:active,
- &.secondary:active {
- transform: translateX(2px) translateY(2px);
- box-shadow: 0 0 0 0 $off-white;
- }
-
- &.transparent {
- color: $inspec-grey;
- background: transparent;
- padding-left: 0;
- padding-right: 0;
- box-shadow: none;
-
- &:hover {
- color: darken($inspec-grey, 20%);
- }
- }
-
- &.block {
- display: block;
- }
-
- & + .button {
- margin-left: 15px;
- }
-}
\ No newline at end of file
+.btn {
+ background: transparent;
+ border: 1px solid transparent;
+ border-radius: 7px;
+ color: $color_white;
+ padding: 0.6rem 1.25rem;
+ border-left: 1px solid $color_purple;
+ border-right: 1px solid $color_link;
+ box-sizing: border-box;
+ background-position: 0 0, 0 100%;
+ background-repeat: no-repeat;
+ background-size: 100% 1px;
+ background-image: linear-gradient(to right, $color_purple 0, $color_link 100%), linear-gradient(to right, $color_purple 0, $color_link 100%);
+ &:hover {
+ background-color: $color_purple;
+ color: $color_white;
+ }
+ &.inverse {
+ color: $color_purple;
+ &:hover {
+ background-color: $color_purple;
+ color: $color_white;
+ }
+ }
+}
diff --git a/www/source/stylesheets/_code.scss b/www/source/stylesheets/_code.scss
index bbabc4dea..7a6025b5a 100644
--- a/www/source/stylesheets/_code.scss
+++ b/www/source/stylesheets/_code.scss
@@ -1,18 +1,23 @@
-pre {
- padding: 10px;
- margin-bottom: 1em;
- background: rgba($inspec-blue, 0.15);
- border: 1px solid rgba($inspec-blue, 0.3);
- color: darken($inspec-blue, 25%);
- & > code {
- background: transparent;
- border: none;
- }
+.code-example {
+ border-radius: 7px;
+ padding: $percent_sm;
+ background: $color_heading;
}
-code {
- background: rgba($inspec-blue, 0.15);
- border: 1px solid transparent;
- color: darken($inspec-blue, 25%);
+// Code Font Colors
+
+.code-demo {
+ color: $color_white;
+ border: 0;
+ background-color: initial;
+}
+.code-attribute {
+ color: $color_purple;
+}
+.code-token {
+ color: $color_code_token;
+}
+.code-comment {
+ opacity: 0.6;
}
diff --git a/www/source/stylesheets/_fonts.scss b/www/source/stylesheets/_fonts.scss
index 47102d351..b47508416 100644
--- a/www/source/stylesheets/_fonts.scss
+++ b/www/source/stylesheets/_fonts.scss
@@ -1,45 +1,3 @@
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";
-
-@font-face {
- font-family: 'Jaapokki';
- src: url('/fonts/jaapokki-regular-webfont.eot');
- src: url('/fonts/jaapokki-regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('/fonts/jaapokki-regular-webfont.woff2') format('woff2'),
- url('/fonts/jaapokki-regular-webfont.woff') format('woff'),
- url('/fonts/jaapokki-regular-webfont.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Jaapokki Alternate';
- src: url('/fonts/jaapokkisubtract-regular-webfont.eot');
- src: url('/fonts/jaapokkisubtract-regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('/fonts/jaapokkisubtract-regular-webfont.woff2') format('woff2'),
- url('/fonts/jaapokkisubtract-regular-webfont.woff') format('woff'),
- url('/fonts/jaapokkisubtract-regular-webfont.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Roboto';
- src: url('/fonts/roboto-light-webfont.eot');
- src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
- url('/fonts/roboto-light-webfont.woff2') format('woff2'),
- url('/fonts/roboto-light-webfont.woff') format('woff'),
- url('/fonts/roboto-light-webfont.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Roboto';
- src: url('/fonts/roboto-medium-webfont.eot');
- src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
- url('/fonts/roboto-medium-webfont.woff2') format('woff2'),
- url('/fonts/roboto-medium-webfont.woff') format('woff'),
- url('/fonts/roboto-medium-webfont.ttf') format('truetype');
- font-weight: 500;
- font-style: bold;
-}
+@import "http://allfont.net/allfont.css?fonts=montserrat-hairline";
+@import "http://allfont.net/allfont.css?fonts=montserrat-light";
diff --git a/www/source/stylesheets/_footer.scss b/www/source/stylesheets/_footer.scss
index 27025937f..3a37e6e49 100644
--- a/www/source/stylesheets/_footer.scss
+++ b/www/source/stylesheets/_footer.scss
@@ -1,9 +1,9 @@
-
+//Not Styled Yet
#main-footer {
padding: 30px 0;
margin-top: 40px;
- background: $off-white-2;
+ background: $color_heading;
}
.footer--logos {
@@ -24,7 +24,7 @@
&.chef {
width: 27%;
padding-right: 5%;
- border-right: 1px solid $inspec-grey;
+ border-right: 1px solid $color_gray;
}
&.inspec {
@@ -66,13 +66,13 @@
}
.footer--link {
- color: $inspec-grey;
+ color: $color_gray;
text-transform: uppercase;
font-family: $heading-font;
&:hover,
&:focus,
&:active {
- color: darken($inspec-grey, 15%);
+ color: darken($color_gray, 15%);
}
-}
\ No newline at end of file
+}
diff --git a/www/source/stylesheets/_global-message.scss b/www/source/stylesheets/_global-message.scss
index 652b40ee0..5f47e1ce1 100644
--- a/www/source/stylesheets/_global-message.scss
+++ b/www/source/stylesheets/_global-message.scss
@@ -1,47 +1 @@
-#global-message {
- position: fixed;
- z-index: 95;
- top: -200px;
- right: 0;
- left: 0;
- padding: 15px 0;
- background-color: $inspec-blue;
- color: $white;
- font-size: 15px;
- transition: top 0.3s ease;
-
- &.is-visible {
- top: 0;
- }
-
- .dismiss-button {
- margin: 3px;
- color: $white;
- cursor: pointer;
- font-weight: 700;
-
- .fa {
- margin-right: 5px;
- }
- }
-
- a, a:hover, a:visited, a:active, a:link {
- color: $white;
- text-decoration: none;
- }
-
- @media (max-width: 649px) {
- font-size: 13px;
- }
-
- @include nav-small {
- position: fixed;
- top: -200px;
- right: 0;
- left: 0;
- }
-
- @include nav-large {
- z-index: 1100;
- }
-}
\ No newline at end of file
+///Deleted old global message
diff --git a/www/source/stylesheets/_hero.scss b/www/source/stylesheets/_hero.scss
index 8c0e140bf..8954fc85b 100644
--- a/www/source/stylesheets/_hero.scss
+++ b/www/source/stylesheets/_hero.scss
@@ -1,19 +1 @@
-.hero--img {
- display: block;
- max-width: 100px;
- margin: 0 auto;
-}
-
-.hero--heading {
- font-family: $heading-accent-font;
- text-transform: uppercase;
- text-align: center;
-}
-
-.hero--subhead {
- margin-bottom: 20px;
-
- @media (min-width: 640px) {
- font-size: 24px;
- }
-}
\ No newline at end of file
+//Nothing here right now..
diff --git a/www/source/stylesheets/_homepage.scss b/www/source/stylesheets/_homepage.scss
index 2db43fb5d..29b78864c 100644
--- a/www/source/stylesheets/_homepage.scss
+++ b/www/source/stylesheets/_homepage.scss
@@ -1,106 +1,98 @@
-.home-divider {
- margin: 50px auto;
- width: 90%;
- max-width: 600px;
+
+//Hero Banner - Home Page
+
+header {
+ height: 500px;
+}
+#container {
+ height: 500px;
+ overflow: hidden;
+ position: relative;
+}
+.h-top {
+ position: absolute;
+ z-index: 1;
+ img {
+ &:first-of-type {
+ height: 500px;
+ position: relative;
+ }
+ &:nth-child(3) {
+ position: absolute;
+ height: 250px;
+ top: 120px;
+ z-index: -1;
+ }
+ }
+ h1 {
+ position: absolute;
+ z-index: 10;
+ top: 75%;
+ }
}
-.home-hero {
- position: relative;
- padding-bottom: 45%;
- margin-bottom: 20px;
+// Animation for Home Page
- @media (min-width: 420px) {
- padding-bottom: 0;
- min-height: 140px;
+//Reflecting Diamond
+
+.bright-animate{
+ animation: brightness 6s infinite;
+ -webkit-animation: brightness 6s infinite;
+ -moz-animation: brightness 6s infinite;
+}
+
+@-webkit-keyframes brightness {
+ 0%, 100% {
+ -webkit-filter: brightness(none);
+ filter: brightness(none);
+ }
+ 50% {
+ -webkit-filter: brightness(1.2);
+ filter: brightness(1.2);
}
}
-.home-hero--code {
- position: absolute;
- top: 10%;
- left: 50%;
- width: 95%;
- max-width: 300px;
- transform: translateX(-50%);
-}
-
-.home-hero--buttons > .button {
- @media (max-width: 430px) {
- display: block;
- width: 90%;
- margin: 0 auto 15px;
+@keyframes brightness {
+ 0%, 100% {
+ -moz-filter: brightness(none);
+ filter: brightness(none);
+ }
+ 50% {
+ -moz-filter: brightness(1.2);
+ filter: brightness(1.2);
}
}
-.code-snippet {
- margin-bottom: 40px;
+//Warping Grid Animation//
+
+.grid-animate{
+ -webkit-animation: g-animate 5s linear infinite both;
+ animation: g-animate 5s linear infinite both;
+ -moz-animation: g-animate 5s linear infinite both;
}
+@-webkit-keyframes g-animate {
+ 25% { -webkit-transform: rotateZ(10deg) scale3d(0.7, 1, 1.2);
+ transform: rotateZ(10deg) scale3d(0.7, 1, 1.2);
+ }
-.code-snippet--panel {
- position: relative;
- padding-top: 20px;
- padding-bottom: 20px;
+ 50% {-webkit-transform: scale3d(1.2, 0.7, 1);
+ transform: scale3d(1.2, 0.7, 1);
+ }
- &:before {
- content: "";
- display: block;
- position: absolute;
- z-index: -1;
- top: -20px;
- right: 0;
- bottom: 0;
- left: 0;
-
-
- @media (min-width: 1024px) {
- top: -10px;
- left: -60px;
- }
+ 75% {-webkit-transform: rotateZ(10deg) scale3d(0.7, 1.2, 0.5);
+ transform: rotateZ(10deg) scale3d(0.7, 1.2, 0.5);
+ }
}
+ @keyframes g-animate {
+ 25% { -moz-transform: rotateZ(10deg) scale3d(0.7, 1, 1.2);
+ transform: rotateZ(10deg) scale3d(0.7, 1, 1.2);
+ }
- &.first {
- .code-snippet--heading {
- color: $inspec-green;
- }
+ 50% {-moz-transform: scale3d(1.2, 0.7, 1);
+ transform: scale3d(1.2, 0.7, 1);
+ }
- &:before {
- background: rgba($inspec-green, 0.1);
- }
+ 75% {-moz-transform: rotateZ(10deg) scale3d(0.7, 1.2, 0.5);
+ transform: rotateZ(10deg) scale3d(0.7, 1.2, 0.5);
+ }
}
-
- &.second {
- .code-snippet--heading {
- color: $inspec-blue;
- }
-
- &:before {
- background: rgba($inspec-blue, 0.1);
- }
- }
-}
-
-.code-snippet--img {
- display: block;
- margin: 0 auto;
- width: 100%;
-
- @media (max-width: 1023px) {
- max-width: 400px;
- }
-}
-
-.code-snippet--description {
- display: block;
- margin-bottom: 16px;
-}
-
-.code-snippet--heading {
- margin-bottom: 0;
- font-family: $heading-font;
- font-size: 17px;
- text-transform: uppercase;
-}
-
-.code-snippet--text {
- font-size: 15px;
-}
\ No newline at end of file
diff --git a/www/source/stylesheets/_icon-block.scss b/www/source/stylesheets/_icon-block.scss
index 936e66e09..9be1699fd 100644
--- a/www/source/stylesheets/_icon-block.scss
+++ b/www/source/stylesheets/_icon-block.scss
@@ -1,25 +1 @@
-.index .icon-blocks {
- @media (max-width: 1023px) {
- .columns:nth-child(odd) {
- clear: left;
- }
- }
-}
-
-.icon-block--img {
- width: 100%;
- max-width: 100px;
- margin-bottom: 20px;
-}
-
-.icon-block--heading {
- color: $inspec-blue;
- font-family: $heading-font;
- text-transform: uppercase;
- font-size: 16px;
- line-height: 1.1;
-}
-
-.icon-block--text {
- font-size: 14px;
-}
+//Deleted Old Inspec.io//
diff --git a/www/source/stylesheets/_layout.scss b/www/source/stylesheets/_layout.scss
index 2c1031f3e..8f20172e5 100644
--- a/www/source/stylesheets/_layout.scss
+++ b/www/source/stylesheets/_layout.scss
@@ -1,29 +1,91 @@
-body {
- position: relative;
- font-family: $main-font;
- color: $body-text;
+
+//Alignment
+
+.strict-center {
+ left: 0;
+ right: 0;
+ margin: auto;
+ text-align: center;
+}
+.strict-right {
+ float: right;
+ text-align: right;
+}
+//margins
+
+.margin-both-xl {
+ margin-top: $percent_lg;
+ margin-bottom: $percent_lg;
+}
+.margin-top-xl {
+ margin-top: $percent_lg;
+}
+.margin-under-xl {
+ margin-bottom: $percent_lg;
+}
+.margin-both {
+ margin-top: $percent_md;
+ margin-bottom: $percent_md;
+}
+.margin-top {
+ margin-top: $percent_md;
+}
+.margin-under {
+ margin-bottom: $percent_md;
+}
+.margin-under-xs {
+ margin-bottom: $percent_sm;
}
-.container {
- max-width: 1200px;
- margin: 0 auto;
+//Art
+
+.icon-art {
+ height: 100px;
+ margin-bottom: 15px;
+ margin-top: 15px;
}
-
-.row {
- max-width: 1200px;
+.icon {
+ width: 70px;
+ height: 70px;
+ border-radius: 50%;
+ border: 2px solid $color_white;
+ overflow: hidden;
+ background: $color_white;
+ margin-top: -35px;
+ z-index: 50;
+ position: absolute;
+ img {
+ display: block;
+ padding: 30%;
+ height: auto;
+ }
}
-
-#main-content {
- position: relative;
- margin-top: 64px;
- transition: margin 0.3s ease;
-
- @include nav-small {
- padding: 0 $side-nav-padding-small;
- }
-
- @include nav-large {
- padding-right: 10px;
- margin: $top-nav-height 0 0 ($side-nav-width + 50px);
- }
-}
\ No newline at end of file
+.shadow {
+ box-shadow: 0 0 25px $color_shadow;
+}
+.block-angl {
+ background: $color_triangle_block;
+ clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
+}
+.triangle-shade {
+ background-image: url('/images/home/triangle-motif.png');
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-position: 85% 0;
+}
+.purp-shade {
+ background: -moz-radial-gradient(center, ellipse cover, rgba(151,110,229,0.4) 0%, rgba(151,110,229,0.2) 50%, rgba(151,110,229,0) 100%);
+ background: -webkit-radial-gradient(center, ellipse cover, rgba(151,110,229,0.4) 0%,rgba(151,110,229,0.2) 50%,rgba(151,110,229,0) 100%);
+ background: radial-gradient(ellipse at center, rgba(151,110,229,0.4) 0%,rgba(151,110,229,0.2) 50%,rgba(151,110,229,0) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66976ee5', endColorstr='#00976ee5',GradientType=1 );
+}
+.blue-gradient {
+ background: -moz-linear-gradient(100% -14.24% -80deg,rgba(99, 206, 153, 1) 0%,rgba(91, 201, 163, 1) 8.33%,rgba(67, 185, 194, 1) 36.64%,rgba(58, 179, 206, 1) 52.48%,rgba(58, 175, 206, 1) 67.93%,rgba(58, 162, 206, 1) 83.94%,rgba(58, 142, 206, 1) 100%);
+ background: -webkit-linear-gradient(-80deg, rgba(99, 206, 153, 1) 0%, rgba(91, 201, 163, 1) 8.33%, rgba(67, 185, 194, 1) 36.64%, rgba(58, 179, 206, 1) 52.48%, rgba(58, 175, 206, 1) 67.93%, rgba(58, 162, 206, 1) 83.94%, rgba(58, 142, 206, 1) 100%);
+ background: -webkit-gradient(linear,100% -14.24% ,56.15% 114.24% ,color-stop(0,rgba(99, 206, 153, 1) ),color-stop(0.0833,rgba(91, 201, 163, 1) ),color-stop(0.3664,rgba(67, 185, 194, 1) ),color-stop(0.5248,rgba(58, 179, 206, 1) ),color-stop(0.6793,rgba(58, 175, 206, 1) ),color-stop(0.8394,rgba(58, 162, 206, 1) ),color-stop(1,rgba(58, 142, 206, 1) ));
+ background: -o-linear-gradient(-80deg, rgba(99, 206, 153, 1) 0%, rgba(91, 201, 163, 1) 8.33%, rgba(67, 185, 194, 1) 36.64%, rgba(58, 179, 206, 1) 52.48%, rgba(58, 175, 206, 1) 67.93%, rgba(58, 162, 206, 1) 83.94%, rgba(58, 142, 206, 1) 100%);
+ background: -ms-linear-gradient(-80deg, rgba(99, 206, 153, 1) 0%, rgba(91, 201, 163, 1) 8.33%, rgba(67, 185, 194, 1) 36.64%, rgba(58, 179, 206, 1) 52.48%, rgba(58, 175, 206, 1) 67.93%, rgba(58, 162, 206, 1) 83.94%, rgba(58, 142, 206, 1) 100%);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63CE99', endColorstr='#3A8ECE' ,GradientType=0)";
+ background: linear-gradient(170deg, rgba(99, 206, 153, 1) 0%, rgba(91, 201, 163, 1) 8.33%, rgba(67, 185, 194, 1) 36.64%, rgba(58, 179, 206, 1) 52.48%, rgba(58, 175, 206, 1) 67.93%, rgba(58, 162, 206, 1) 83.94%, rgba(58, 142, 206, 1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63CE99',endColorstr='#3A8ECE' , GradientType=1);
+ }
diff --git a/www/source/stylesheets/_nav.scss b/www/source/stylesheets/_nav.scss
index 78501f23f..5744f2bf5 100644
--- a/www/source/stylesheets/_nav.scss
+++ b/www/source/stylesheets/_nav.scss
@@ -1,3 +1,5 @@
+//Not Styled Yet
+
$side-nav-width: 200px;
$top-nav-height: 100px;
$side-nav-padding-large: 10px;
@@ -22,7 +24,7 @@ $nav-breakpoint: 730px;
top: 0;
z-index: 1000;
width: 100%;
- background: $white;
+ background: $color_white;
transition: top 0.3s ease;
@include nav-large {
@@ -52,7 +54,7 @@ $nav-breakpoint: 730px;
transition: all 0.3s ease;
path {
- fill: $inspec-grey;
+ fill: $color_gray;
}
@include nav-small {
@@ -69,14 +71,14 @@ $nav-breakpoint: 730px;
transform: rotate(-90deg);
path {
- fill: $inspec-blue;
+ fill: $color_link;
}
}
}
.main-nav--link-ctas {
padding: 9px 0 9px $side-nav-padding-small;
- border-bottom: 1px solid lighten($inspec-grey, 40%);
+ border-bottom: 1px solid lighten($color_gray, 40%);
& > .button {
margin-bottom: 0;
@@ -102,7 +104,7 @@ $nav-breakpoint: 730px;
}
.main-nav--links {
- border-top: 1px solid lighten($inspec-grey, 40%);
+ border-top: 1px solid lighten($color_gray, 40%);
margin-bottom: 0;
@extend .no-bullet;
@@ -123,17 +125,17 @@ $nav-breakpoint: 730px;
.main-nav--link {
position: relative;
padding: 9px 0;
- border-bottom: 1px solid lighten($inspec-grey, 40%);
+ border-bottom: 1px solid lighten($color_gray, 40%);
text-transform: uppercase;
font-size: 14px;
& > a {
- color: $inspec-grey;
+ color: $color_gray;
&:hover,
&:focus,
&:active {
- color: darken($inspec-grey, 15%);
+ color: darken($color_gray, 15%);
}
}
}
@@ -159,7 +161,7 @@ $nav-breakpoint: 730px;
#main-nav-ctas {
transition: top 0.3s ease;
- background: $white;
+ background: $color_white;
@include nav-small {
display: none;
@@ -178,4 +180,4 @@ $nav-breakpoint: 730px;
margin-bottom: 0;
}
}
-}
\ No newline at end of file
+}
diff --git a/www/source/stylesheets/_settings.scss b/www/source/stylesheets/_settings.scss
index 961ece89f..f73def728 100644
--- a/www/source/stylesheets/_settings.scss
+++ b/www/source/stylesheets/_settings.scss
@@ -1,13 +1,39 @@
-$inspec-blue: #4197b5;
-$inspec-green: #63ce99;
-$inspec-dark-blue: #5c6670;
-$inspec-grey: #606468;
-$inspec-light-grey: #c3c6c8;
-$off-white: #e6e6e6;
-$off-white-2: #f2f2f2;
-$white: #fff;
-$body-text: $inspec-dark-blue;
+//colors
+$color_heading: #2c2e30;
+$color_paragraph: #647b82;
+$color_gray: #b0bebf;
+$color_white: white;
+$color_link: #3ab3ce;
+$color_purple: #955af2;
+$color_code_token: #3bc5cc;
+$color_hr: rgba(99,206,153,1);
+$color_shadow: rgba(151,110,229,0.2);
+$color_triangle_block: #41ade5;
+$color_purple_shade: rgba(151,110,229,0.4);
+$color_blue_shade: rgba(91, 201, 163, 1);
+$color_blue_shade_2: rgba(58, 142, 206, 1);
-$heading-accent-font: 'Jaapokki Alternate', 'Avenir', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-$heading-font: 'Jaapokki', 'Avenir', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-$main-font: 'Avenir', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+//Font
+
+$heading-font: 'open sans light', Helvetica, Arial, sans-serif;
+$main-font: 'source sans pro light', Helvetica, Arial, sans-serif;
+
+//Margin Sizes
+
+$percent_lg: 12%;
+$percent_md: 8%;
+$percent_sm: 3%;
+
+//Shared Styles
+
+%uppercase {
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+ font-weight: bold;
+}
+
+%transition {
+ -moz-transition: all .2s;
+ -webkit-transition: all .2s;
+ transition: all .2s;
+}
diff --git a/www/source/stylesheets/_sidebar.scss b/www/source/stylesheets/_sidebar.scss
index 2c8b6095b..1b7614c59 100644
--- a/www/source/stylesheets/_sidebar.scss
+++ b/www/source/stylesheets/_sidebar.scss
@@ -1,3 +1,5 @@
+// THIS IS STILL OLD STUFF //
+
.sidebar-layout-docs {
.main-nav--links {
border-top: none;
diff --git a/www/source/stylesheets/_tutorials-page.scss b/www/source/stylesheets/_tutorials-page.scss
index 75dd5fde6..b63b7adbf 100644
--- a/www/source/stylesheets/_tutorials-page.scss
+++ b/www/source/stylesheets/_tutorials-page.scss
@@ -1,7 +1,7 @@
.tutorials--subhead {
font-family: $heading-font;
text-transform: uppercase;
- color: $inspec-blue;
+ color: $color_link;
font-size: 18px;
}
@@ -24,6 +24,6 @@
& > span {
text-transform: none;
font-family: $main-font;
- color: $body-text;
+ color: $color_paragraph;
}
-}
\ No newline at end of file
+}
diff --git a/www/source/stylesheets/_typography.scss b/www/source/stylesheets/_typography.scss
index a45780a78..465eae26c 100644
--- a/www/source/stylesheets/_typography.scss
+++ b/www/source/stylesheets/_typography.scss
@@ -1,15 +1,55 @@
-h1,h2,h3,h4,h5,h6 {
- font-family: $main-font;
+h1 {
+ font-family: $heading-font;
+ font-size: 36px;
+ color: $color_heading;
+}
+h2 {
+ font-family: $heading-font;
+ font-size: 30px;
+ color: $color_heading;
+}
+h3 {
+ font-family: $heading-font;
+ font-size: 20px;
+ color: $color_heading;
+}
+h4 {
+ font-family: $heading-font;
+ font-size: 20px;
+ color: $color_paragraph;
+}
+p {
+ font-family: $main-font;
+ color: $color_paragraph;
+ font-weight: 300;
+}
+small {
+ font-family: $main-font;
+ font-size: 65%;
+ color: $color_gray;
+ @extend %uppercase;
}
-.main-subhead {
- @media (min-width: 640px) {
- font-size: 30px;
- }
+hr {
+ border: 0;
+ height: 1px;
+ width: 20%;
+ background-color: $color_hr;
+ background: linear-gradient(to right, $color_hr 0, $color_link 100%);
+ filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );
}
-p, ul {
- @media (max-width: 400px) {
- font-size: 14px;
- }
-}
\ No newline at end of file
+//Font Colors//
+
+.t-dk {
+ color: $color_heading;
+}
+.t-white {
+ color: $color_white;
+}
+.t-blue {
+ color: $color_link;
+}
+.t-transparent {
+ opacity: 0.6;
+}
diff --git a/www/source/stylesheets/site.css.scss b/www/source/stylesheets/site.css.scss
index b2299be2c..8a3c90dee 100644
--- a/www/source/stylesheets/site.css.scss
+++ b/www/source/stylesheets/site.css.scss
@@ -4,8 +4,8 @@
@import "settings";
@import "buttons";
@import "nav";
-@import "global-message";
-@import "sidebar";
+//@import "global-message";
+//@import "sidebar";
@import "footer";
@import "layout";
@import "typography";