Tutorial Styles

www/source/index.html.slim

@@ -6,7 +6,7 @@ title: InSpec - Audit and Test Framework
 header.blue-gradient
   .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" /
+    img.grid-animate.strict-center style="opacity:0.8" 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
@@ -19,6 +19,7 @@ header.blue-gradient
 /! Second Content
 .row.margin-both
   .large-8.columns data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
+    h2 Automated testing, codified
     h4#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.
 /! Third Content

www/source/layouts/layout.slim

@@ -115,6 +115,15 @@ html
         })
       });
 
+    javascript:
+      $(document).ready(function() {
+      $("a").each(function() {
+      if (this.href == window.location.href) {
+          $(this).addClass("t-purple");
+          }
+        });
+      });
+
      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/_footer.scss

@@ -52,7 +52,6 @@ footer span {
 }
 
 .footer--link {
-  margin-left: 1.6em;
   color: $color_gray;
   font-family: $heading-font;
   &:hover,

www/source/stylesheets/_homepage.scss

@@ -2,7 +2,7 @@
 //Hero Banner - Home Page
 
 header {
-	height: 500px;
+	height: 440px;
 }
 #particles-js {
 	width: 100%;
@@ -26,23 +26,23 @@ header {
 
 
 .h-top {
-	height: 500px;
+	height: 440px;
 	img {
 		&:first-of-type {
 			height: 420px;
-			position: absolute;
+	    position: absolute;
-			top:90px;
+	    top:70px;
-			z-index: 10;
+	    z-index: 10;
 		}
 		&:nth-child(3) {
-			height: 250px;
+			height: 230px;
-			margin-top: 115px;
+		margin-top: 110px;
 		}
 	}
 	h1 {
 		z-index: 10;
 		position: absolute;
-		margin-top: 400px;
+		margin-top: 355px;
 	}
 }
 
@@ -174,9 +174,9 @@ img.ball:nth-child(3){
 	}
 
 	.stretch{
-	  -webkit-animation: grow 0.8s linear 1 both;
+	  -webkit-animation: grow 0.6s linear 1 both;
-	  animation: grow 0.8s linear 1  both;
+	  animation: grow 0.6s linear 1  both;
-	  -moz-animation: grow 0.8s linear 1 both;
+	  -moz-animation: grow 0.6s linear 1 both;
 	}
 	@-webkit-keyframes grow {
 	  from { width:0px;}

www/source/stylesheets/_layout.scss

@@ -17,6 +17,10 @@
 	float: left;
 }
 
+.clear {
+	clear: both;
+}
+
 .relative {
 	position: relative;
 }

www/source/stylesheets/_tutorials-page.scss

@@ -1,16 +1,9 @@
 .tutorials--subhead {
   font-family: $heading-font;
-  text-transform: uppercase;
   color: $color_link;
-  font-size: 18px;
 }
 
 .tutorials--links {
-  margin-bottom: 30px;
-
-  @media (min-width: 640px) {
-    padding-left: 30px;
-  }
 
   & > li {
     margin-bottom: 4px;
@@ -18,7 +11,6 @@
 }
 
 .tutorials--link {
-  text-transform: uppercase;
   font-family: $heading-font;
 
   & > span {

www/source/stylesheets/_typography.scss

@@ -35,6 +35,9 @@ small {
 	@extend %uppercase;
 }
 
+ li {
+	margin-left: 1.6em;
+}
 hr {
 	margin-top: 6px;
 	margin-bottom: 6px;
@@ -60,3 +63,6 @@ hr {
 .t-transparent {
 	opacity: 0.6;
 }
+.t-purple {
+	color: $color_purple;
+}

www/source/tutorials.html.slim

@@ -14,97 +14,103 @@ title: InSpec - Tutorials
 
 
 
-.row.margin-top
+.row.margin-both
   .columns.medium-12
     h3 Tutorials
     hr.strict-left
-      p Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
+    br
+    p.clear Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
     ul.tutorials--links.no-bullet
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-1"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 1
           span  - Hello World
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-2"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 2
           span  - Command Resource Blog Logo
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-3"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 3
           span  - File Resource
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-4"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 4
           span  - Custom Matchers
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-5"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 5
           span  - Create a Profile
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-6"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 6
           span  - Ways to Run It and Places to Store It
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-7"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 7
           span  - How to Inherit a Profile from Chef Compliance Server
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-8"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 8
           span  - Regular Expressions
       li
         a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-9"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           |  Day 9
           span  - Attributes
       li
         a.tutorials--link href="https://learn.chef.io/tutorials/inspec/"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Verify Your Chef Code with InSpec
       li
         a.tutorials--link href="https://learn.chef.io/tutorials/compliance-assess/"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Assess Your Infrastructure with Chef Compliance Scanner
       li
         a.tutorials--link href="https://learn.chef.io/tutorials/compliance-remediate/"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Remediate Compliance Failures on your Infrastructure with Chef
-    h3.tutorials--subhead Guides For Advanced Topics
+
-    p
+    h3.margin-top-xs Guides For Advanced Topics
-      | Additional huge thanks to Christian Johannsen, Jeremy Miller, and
+    hr.strict-left
-        blindscientist for these amazing materials.
+    br
+    p.clear Additional huge thanks to Christian Johannsen, Jeremy Miller, and blindscientist for these amazing materials.
+
     ul.tutorials--links.no-bullet
       li
         a.tutorials--link href="http://datatomix.com/?p=236"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Windows infrastructure testing using InSpec - Part 1
       li
         a.tutorials--link href="http://datatomix.com/?p=238"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Windows infrastructure testing using InSpec and Profiles - Part 2
       li
         a.tutorials--link href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Operating InSpec in an air-gapped environment
       li
         a.tutorials--link href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Testing Ansible with InSpec
-    h3.tutorials--subhead Podcasts
+
+      h3.margin-top-xs Podcasts
+      hr.strict-left
+      br
     ul.tutorials--links.no-bullet
       li
         a.tutorials--link href="http://foodfightshow.org/2016/02/inspec.html"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  InSpec Foodfight
       li
         a.tutorials--link href="https://www.arresteddevops.com/tdi/"
-          i.fa.fa-link
+          i.fa.fa-angle-right
           span  Test Driven Infrastructure With Arthur Maltson and Michael Goetz