mirror of
https://github.com/inspec/inspec
synced 2024-11-23 13:13:22 +00:00
Tutorial Styles
This commit is contained in:
Hannah Maddy
Christoph Hartmann
parent
ab30724c64
commit
bed1741b7b
8 changed files with 63 additions and 46 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
|
|
|
|||
|
|
@ -52,7 +52,6 @@ footer span {
|
|||
}
|
||||
|
||||
.footer--link {
|
||||
margin-left: 1.6em;
|
||||
color: $color_gray;
|
||||
font-family: $heading-font;
|
||||
&:hover,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
top:90px;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
top:70px;
|
||||
z-index: 10;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
height: 250px;
|
||||
margin-top: 115px;
|
||||
height: 230px;
|
||||
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;
|
||||
animation: grow 0.8s linear 1 both;
|
||||
-moz-animation: grow 0.8s linear 1 both;
|
||||
-webkit-animation: grow 0.6s linear 1 both;
|
||||
animation: grow 0.6s linear 1 both;
|
||||
-moz-animation: grow 0.6s linear 1 both;
|
||||
}
|
||||
@-webkit-keyframes grow {
|
||||
from { width:0px;}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@
|
|||
float: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
| Additional huge thanks to Christian Johannsen, Jeremy Miller, and
|
||||
blindscientist for these amazing materials.
|
||||
|
||||
h3.margin-top-xs Guides For Advanced Topics
|
||||
hr.strict-left
|
||||
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
|
||||
|
|
|
|||
Loading…
Reference in a new issue