minor code-style fixes

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>

www/source/community.html.slim

@@ -5,17 +5,21 @@ description: This is where you interact with the InSpec open source community -
 
 .row.margin-both-offset
   .columns.large-6.medium-6
-    h2#icon-trigger data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
+
+    h2#icon-trigger data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground" 
+
       | Inspec is better with friends.
       br/
       | Let’s build together.
     hr.strict-left.margin-under
     h3.clear
-      | Join us on Slack and get answers fast
+
-    P
+      | Join us on Slack and get answers fast  
-      | Is something unclear or are you just feeling stuck?  We're here to help keep you moving. Chat with us on Slack, so we can help you keep moving.
+    P 
-    p
+      | Is something unclear or are you just feeling stuck?  We're here to help keep you moving. Chat with us on Slack, so we can help you keep moving.  
+    p 
       | <a href="https://slack.com/">Sign in</a> to slack or request an invite below:
+      
 
     <form id="invite">
         <input type="email" name="email" placeholder="you@yourdomain.com" class="form-item">
@@ -58,6 +62,8 @@ description: This is where you interact with the InSpec open source community -
             a.btn.margin-top-xs href="https://github.com/chef/inspec/issues" Give Feedback
             p
 
+            
+
     //Old Twitter - Hannah
     /.row
     /  .icon.shadow
@@ -65,7 +71,9 @@ description: This is where you interact with the InSpec open source community -
     /.block-angl.blue-gradient
     /  .section.purp-shade
     /    .row.triangle-shade
-    /      .large-7.medium-7.columns.margin-top-xl.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground"
+
+    /      .large-7.medium-7.columns.margin-top-xl.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground" 
+
     /        small.t-dk Inspec on Twitter
     /        h2.t-white
     /          | Latest from #inspec

www/source/index.html.slim

@@ -17,9 +17,11 @@ header.blue-gradient.margin-top-offset
     .icon.shadow
       img src="/images/circ-arrow.svg" /
 
+      
 /! Second Content
 .row.margin-both
-  .large-9.medium-9.columns data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
+  .large-9.medium-9.columns data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground" 
+
     h2 Automated testing, codified
     p#icon-trigger
       | 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.
@@ -61,8 +63,10 @@ header.blue-gradient.margin-top-offset
     img src="/images/circ-arrow.svg" /
 .block-angl.blue-gradient
   .section.purp-shade
-    .row.relative-top
+
-      .large-7.medium-7.columns.margin-top-xl.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground"
+    .row.relative-top 
+      .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
@@ -70,17 +74,23 @@ header.blue-gradient.margin-top-offset
      canvas.particles-js-canvas-el
     .row
       .large-5.medium-5.columns.margin-under-xs
-        h3.t-white
+
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Codify agreements
         p.t-white
           | Combine profiles and customize them with overlays. Pick controls and define exceptions as code.
-        h3.t-white
+
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Add context to your tests
         p.t-white
           | Supports many fields like descriptions, tags, and impact.
-        h3.t-white
+
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Apply to all systems
         p.t-white
@@ -106,7 +116,9 @@ header.blue-gradient.margin-top-offset
             br/
             br/
             span.code-attribute.indent   describe
-            |  sshd_config
+
+            |  sshd_config 
+
             span.code-attribute do
             br/
             span.code-attribute.indent  its
@@ -115,30 +127,38 @@ header.blue-gradient.margin-top-offset
             span.code-attribute.indent end
             br/
             span.code-attribute end
-          a.btn.strict-right.t-white.try-demo.mobile-hide Try the Demo
+
+          a.btn.strict-right.t-white.try-demo.mobile-hide Try the Demo     
     /! Next row
     .row
-      .large-6.medium-6.columns.margin-under-xs data-enllax-ratio=".1" data-enllax-type="foreground"
+      .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-xs
-        h3.t-white
+
+        h3.t-white 
           i.fa.fa-angle-right.t-dk
           |  Test the desired state
         p.t-white Match your infrastructure to your expectations.
-        h3.t-white
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Use simple and expressive code
         p.t-white
           | These tests are easy to understand by anyone, reducing friction.
-        h3.t-white
+
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Test any system anywhere
         p.t-white
           | Runs locally and remotely. Supports all major operating systems and configurations.
-        h3.t-white
+
+        h3.t-white 
+
           i.fa.fa-angle-right.t-dk
           |  Extensible
         p.t-white
@@ -148,7 +168,9 @@ header.blue-gradient.margin-top-offset
         .code-example.shadow.relative-top.margin-under
           code.code-demo
             span.code-attribute describe
-            |  file('/etc/myap.conf')
+
+            |  file('/etc/myap.conf') 
+
             span.code-attribute  do
             br/
             span.code-attribute.indent  it
@@ -179,3 +201,5 @@ header.blue-gradient.margin-top-offset
             br/
             span.code-attribute   end
           a.btn.strict-right.t-white.try-demo.mobile-hide Try the Demo
+
+      

www/source/layouts/_nav.slim

@@ -1,12 +1,14 @@
 
-nav#main-nav
+
+nav#main-nav 
   <progress value="0"></progress>
-
+  
   #main-nav-ctas
     a.main-nav--logo href="/"
       img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
-
+      
     i.fa.fa-bars.main-nav--toggle.strict-right.show-for-small-only
+      
 
     ul.main-nav--links
       li.main-nav--link.hide-docs
@@ -17,43 +19,45 @@ nav#main-nav
           span.main-nav--link-text.docs Docs
         span.fa.fa-angle-right.t-purple.toggle.mobile-show
 
-
+          
+            
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/cli.html"
           span.main-nav--link-text inspec executable
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/profiles.html"
           span.main-nav--link-text Profiles
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/resources.html"
           span.main-nav--link-text Resources
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/matchers.html"
           span.main-nav--link-text Matchers
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/dsl_inspec.html"
           span.main-nav--link-text InSpec DSL
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/dsl_resource.html"
           span.main-nav--link-text Resource DSL
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/plugin_kitchen_inspec.html"
           span.main-nav--link-text kitchen-inspec
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/shell.html"
           span.main-nav--link-text inspec shell
-
+          
       li.main-nav--link.docs--inside--link
         a href="/docs/reference/ruby_usage.html"
           span.main-nav--link-text Ruby usage
-
+          
+  
 
       li.main-nav--link.hide-docs
         a href="/community"

www/source/layouts/layout.slim

@@ -36,51 +36,54 @@ html
 
     == javascript_include_tag "all"
 
+    
     javascript:
-
+    
      //initiate sticky sidebar from jquery.sticky.js
-
+     
       $('#sidebar').stick_in_parent();
-
+    
     javascript:
-
+    
       //Parallax Text
-
+      
       if (window.innerWidth > 760) { //don't parallax on tablet/mobile
       $(window).enllax(); //initiate parallax on larger screens
       }
-
+      
     javascript:
-
+    
       //Animate HR on scroll
+      
+      $(window).scroll(function() {    
 
-      $(window).scroll(function() {
       var scroll = $(window).scrollTop();
       var objectSelect = $('#icon-trigger'); //parent that triggers scroll
       var objectPosition = objectSelect.offset().top;
       if (scroll > objectPosition) {
       $('hr.first').addClass('stretch')  //add class animate class to HR
-      }
+
+      } 
       });
-
+      
     javascript:
-
+    
       //Animating progress bar for header
-
+      
       $(document).ready(function(){
-
+    
       var getMax = function(){
           return $(document).height() - $(window).height();
       }
-
+      
       var getValue = function(){
           return $(window).scrollTop();
       }
-
+      
       if('max' in document.createElement('progress')){
           // Browser supports progress element
           var progressBar = $('progress');
-
+          
           // Set the Max attr for the first time
           progressBar.attr({ max: getMax() });
 
@@ -88,29 +91,29 @@ html
               // On scroll only Value attr needs to be calculated
               progressBar.attr({ value: getValue() });
           });
-
+        
           $(window).resize(function(){
               // On resize, both Max/Value attr needs to be calculated
               progressBar.attr({ max: getMax(), value: getValue() });
-          });
+          });   
       }
       else {
-          var progressBar = $('.progress-bar'),
+          var progressBar = $('.progress-bar'), 
-              max = getMax(),
+              max = getMax(), 
               value, width;
-
+          
           var getWidth = function(){
               // Calculate width in percentage
-              value = getValue();
+              value = getValue();            
               width = (value/max) * 100;
               width = width + '%';
               return width;
           }
-
+          
           var setWidth = function(){
               progressBar.css({ width: getWidth() });
           }
-
+          
           $(document).on('scroll', setWidth);
           $(window).on('resize', function(){
               // Need to reset the Max attr
@@ -119,9 +122,10 @@ html
           });
           }
         });
-
+        
-
+  
     javascript:
+    
 
       $(document).foundation();
       $('.try-demo').click(function(event){
@@ -133,7 +137,7 @@ html
           $('.inspec-tutorial').hide()
         })
       });
-
+        
      javascript:
        !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.1.0";
          analytics.load("2NpoxZS2fnBmOgGdnQOymLNm6wuij13X");

www/source/stylesheets/_buttons.scss

@@ -19,14 +19,14 @@ a {
 	border-radius       : 4px;
 	background          : transparent;
 	background-image    : linear-gradient(
-				to right,
+	                      	to right,
-				$color_purple 0,
+	                      	$color_purple 0,
-				$color_link 100%
+	                      	$color_link 100%
 	                      ),
 	                      linear-gradient(
-				to right,
+	                      	to right,
-				$color_purple 0,
+	                      	$color_purple 0,
-				$color_link 100%
+	                      	$color_link 100%
 	                      );
 	background-repeat   : no-repeat;
 	background-position : 0 0,

www/source/stylesheets/_layout.scss

@@ -198,24 +198,26 @@
 .purp-shade {
 	// Purple radial gradient applied over blue-gradient
 	background : -moz-radial-gradient(
-			center,
+
-			ellipse cover,
+	             	center,
-			rgba(151,110,229,0.4) 0%,
+	             	ellipse cover,
-			rgba(151,110,229,0.2) 50%,
+	             	rgba(151,110,229,0.4) 0%,
-			rgba(151,110,229,0) 100%
+	             	rgba(151,110,229,0.2) 50%,
+	             	rgba(151,110,229,0) 100%
 	             );
 	background : -webkit-radial-gradient(
-			center,
+	             	center,
-			ellipse cover,
+	             	ellipse cover,
-			rgba(151,110,229,0.4) 0%,
+	             	rgba(151,110,229,0.4) 0%,
-			rgba(151,110,229,0.2) 50%,
+	             	rgba(151,110,229,0.2) 50%,
-			rgba(151,110,229,0) 100%
+	             	rgba(151,110,229,0) 100%
 	             );
 	background : radial-gradient(
-			ellipse at center,
+	             	ellipse at center,
-			rgba(151,110,229,0.4) 0%,
+	             	rgba(151,110,229,0.4) 0%,
-			rgba(151,110,229,0.2) 50%,
+	             	rgba(151,110,229,0.2) 50%,
-			rgba(151,110,229,0) 100%
+	             	rgba(151,110,229,0) 100%
+
 	             );
 	filter     : progid:DXImageTransform.Microsoft.gradient( startColorstr='#66976ee5', endColorstr='#00976ee5',GradientType=1 );
 }
@@ -227,45 +229,46 @@
 .blue-gradient {
 	// Default Blue Gradient
 	background : -moz-linear-gradient(
-			100% -14.24% -80deg,
+	             	100% -14.24% -80deg,
-			rgba(99, 206, 153, 1) 0%,
+	             	rgba(99, 206, 153, 1) 0%,
-			rgba(91, 201, 163, 1) 8.33%,
+	             	rgba(91, 201, 163, 1) 8.33%,
-			rgba(67, 185, 194, 1) 36.64%,
+	             	rgba(67, 185, 194, 1) 36.64%,
-			rgba(58, 179, 206, 1) 52.48%,
+	             	rgba(58, 179, 206, 1) 52.48%,
-			rgba(58, 175, 206, 1) 67.93%,
+	             	rgba(58, 175, 206, 1) 67.93%,
-			rgba(58, 162, 206, 1) 83.94%,
+	             	rgba(58, 162, 206, 1) 83.94%,
-			rgba(58, 142, 206, 1) 100%
+	             	rgba(58, 142, 206, 1) 100%
 	             );
 	background : -ms-linear-gradient(
-			-80deg,
+	             	-80deg,
-			rgba(99, 206, 153, 1) 0%,
+	             	rgba(99, 206, 153, 1) 0%,
-			rgba(91, 201, 163, 1) 8.33%,
+	             	rgba(91, 201, 163, 1) 8.33%,
-			rgba(67, 185, 194, 1) 36.64%,
+	             	rgba(67, 185, 194, 1) 36.64%,
-			rgba(58, 179, 206, 1) 52.48%,
+	             	rgba(58, 179, 206, 1) 52.48%,
-			rgba(58, 175, 206, 1) 67.93%,
+	             	rgba(58, 175, 206, 1) 67.93%,
-			rgba(58, 162, 206, 1) 83.94%,
+	             	rgba(58, 162, 206, 1) 83.94%,
-			rgba(58, 142, 206, 1) 100%
+	             	rgba(58, 142, 206, 1) 100%
 	             );
 	background : -o-linear-gradient(
-			-80deg,
+	             	-80deg,
-			rgba(99, 206, 153, 1) 0%,
+	             	rgba(99, 206, 153, 1) 0%,
-			rgba(91, 201, 163, 1) 8.33%,
+	             	rgba(91, 201, 163, 1) 8.33%,
-			rgba(67, 185, 194, 1) 36.64%,
+	             	rgba(67, 185, 194, 1) 36.64%,
-			rgba(58, 179, 206, 1) 52.48%,
+	             	rgba(58, 179, 206, 1) 52.48%,
-			rgba(58, 175, 206, 1) 67.93%,
+	             	rgba(58, 175, 206, 1) 67.93%,
-			rgba(58, 162, 206, 1) 83.94%,
+	             	rgba(58, 162, 206, 1) 83.94%,
-			rgba(58, 142, 206, 1) 100%
+	             	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 : -webkit-linear-gradient(
-			-80deg,
+	             	-80deg,
-			rgba(99, 206, 153, 1) 0%,
+	             	rgba(99, 206, 153, 1) 0%,
-			rgba(91, 201, 163, 1) 8.33%,
+	             	rgba(91, 201, 163, 1) 8.33%,
-			rgba(67, 185, 194, 1) 36.64%,
+	             	rgba(67, 185, 194, 1) 36.64%,
-			rgba(58, 179, 206, 1) 52.48%,
+	             	rgba(58, 179, 206, 1) 52.48%,
-			rgba(58, 175, 206, 1) 67.93%,
+	             	rgba(58, 175, 206, 1) 67.93%,
-			rgba(58, 162, 206, 1) 83.94%,
+	             	rgba(58, 162, 206, 1) 83.94%,
-			rgba(58, 142, 206, 1) 100%
+	             	rgba(58, 142, 206, 1) 100%
+
 	             );
 }
 

www/source/stylesheets/_typography.scss

@@ -87,9 +87,11 @@ hr {
 	margin-bottom    : 6px;
 	border           : 0;
 	background       : linear-gradient(
-				to right,
+
-				$color_hr 0,
+	                   	to right,
-				$color_link 100%
+	                   	$color_hr 0,
+	                   	$color_link 100%
+
 	                   );
 	background-color : $color_hr;
 	filter           : progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );

www/source/tutorials.html.slim

@@ -9,7 +9,9 @@ header.child-h.blue-gradient.margin-top-offset
   .purp-shade
     .row
       .columns.large-8.medium-8
-        h2.t-white#icon-trigger data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
+
+        h2.t-white#icon-trigger data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground" 
+
           | Clear, step-by-step instructions for getting started and building your InSpec skills
 
 
@@ -17,7 +19,9 @@ header.child-h.blue-gradient.margin-top-offset
 .row.margin-both
   .columns.medium-12
     h3 Tutorials
-    hr.strict-left
+
+    hr.strict-left 
+
     br
     p.clear Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
     ul.tutorials--links.no-bullet
@@ -67,9 +71,11 @@ header.child-h.blue-gradient.margin-top-offset
           |  Day 9
           span  - Attributes
       li
-        a.tutorials--link href="https://learn.chef.io/tutorials/inspec/"
+
+        a.tutorials--link href="https://learn.chef.io/tutorials/test-your-infrastructure-code/"
           i.fa.fa-angle-right
-          span  Verify Your Chef Code with InSpec
+          span  Test Your Infrastructure Code with Chef
+
       li
         a.tutorials--link href="https://learn.chef.io/tutorials/compliance-assess/"
           i.fa.fa-angle-right
@@ -79,8 +85,10 @@ header.child-h.blue-gradient.margin-top-offset
           i.fa.fa-angle-right
           span  Remediate Compliance Failures on your Infrastructure with Chef
 
+          
     h3.margin-top-xs Guides For Advanced Topics
-    hr.strict-left
+    hr.strict-left 
+
     br
     p.clear Additional huge thanks to Christian Johannsen, Jeremy Miller, and blindscientist for these amazing materials.
 
@@ -102,8 +110,10 @@ header.child-h.blue-gradient.margin-top-offset
           i.fa.fa-angle-right
           span  Testing Ansible with InSpec
 
+          
       h3.margin-top-xs Podcasts
-      hr.strict-left
+      hr.strict-left 
+
       br
     ul.tutorials--links.no-bullet
       li