Mirrors/inspec
2
0
Fork 0
mirror of https://github.com/inspec/inspec synced 2025-02-17 06:28:40 +00:00
Code Issues Projects Releases Packages Wiki Activity

HM Mobile IE (#2705)

Browse source 
* Mobile media queries

* Dominik's slider broke

* slide groups fix

Signed-off-by: Dominik Richter <dominik.richter@gmail.com>

* Optimization changes
This commit is contained in:
hannah-radish 2018-02-19 17:04:16 -08:00 • committed by Dominik Richter
parent ec61b4d7ed
commit 3b41a5d7cf
19 changed files with 253 additions and 218 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
www/source/community.html.slim
View file

@ -6,13 +6,13 @@ description: Interact with the InSpec community - contribute to the project, pro
/! header /! header
header.margin-top-offset header.margin-top-offset
.row.align .row.align
.large-7.medium-7.columns.z-20 .large-7.medium-7.mobile-12.columns.z-20
.margin-both .margin-both
h2 h2
| InSpec is better with friends. | InSpec is better with friends.
br/ br/
| Let’s build together. | Let’s build together.
.large-5.medium-5.columns.relative .large-5.medium-5.columns.relative.mobile-hide
/! rolling ball images /! rolling ball images
.octagons .octagons
img.ball.z-20 src="/images/community/glow-ball.png" / img.ball.z-20 src="/images/community/glow-ball.png" /
@ -23,9 +23,9 @@ header.margin-top-offset
/! tiles /! tiles
.margin-under .margin-under
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.columns.mobile-12.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative .box-white.shadow.strict-center.fit-height.relative.z-20
.align-vertical-50 .align-vertical-50
small.t-gray slack small.t-gray slack
hr.center.margin-under-xs hr.center.margin-under-xs
@ -36,8 +36,8 @@ header.margin-top-offset
' channel. ' channel.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="http://community-slack.chef.io/" Join us on Slack a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="http://community-slack.chef.io/" Join us on Slack
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative .box-white.shadow.strict-center.fit-height.relative.z-20
.align-vertical-50 .align-vertical-50
small.t-gray forums small.t-gray forums
hr.center.margin-under-xs hr.center.margin-under-xs
@ -48,9 +48,9 @@ header.margin-top-offset
' category is a great place to stay in-the-know about new Chef software, too! ' category is a great place to stay in-the-know about new Chef software, too!
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://discourse.chef.io/c/inspec" visit the forums a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://discourse.chef.io/c/inspec" visit the forums
.triangle-right .triangle-right
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray events small.t-gray events
hr.center.margin-under-xs hr.center.margin-under-xs
@ -59,8 +59,8 @@ header.margin-top-offset
| Find an event in your area to learn about InSpec, try it out for yourself, and meet fellow InSpec community members. | Find an event in your area to learn about InSpec, try it out for yourself, and meet fellow InSpec community members.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://events.chef.io/events/event-search/category/inspec/" browse inspec events a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://events.chef.io/events/event-search/category/inspec/" browse inspec events
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray blog small.t-gray blog
hr.center.margin-under-xs hr.center.margin-under-xs
@ -76,19 +76,19 @@ header.margin-top-offset
.bg-gradient .bg-gradient
.pad-both.relative .pad-both.relative
.row .row
.large-7.medium-7.columns.z-20 .large-7.medium-7.mobile-12.columns.z-20
h2.t-white.margin-under-sm h2.t-white.margin-under-sm
| Whether it’s a code review or a commit, your participation matters. | Whether it’s a code review or a commit, your participation matters.
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height .box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/contribute.svg" / img.icon-art.margin-both-xs src="/images/community/contribute.svg" /
h4.t-purple Contribute h4.t-purple Contribute
p p
| InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you. | InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://github.com/chef/inspec" start contributing a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://github.com/chef/inspec" start contributing
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height .box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/bugs.svg" / img.icon-art.margin-both-xs src="/images/community/bugs.svg" /
h4.t-purple Give feedback h4.t-purple Give feedback
p p

6
www/source/docs/index.html.slim
View file

@ -9,9 +9,9 @@ p
' or ' or
a href="/tutorials" tutorials a href="/tutorials" tutorials
' for a quick hands-on experience. ' for a quick hands-on experience.
.row.columns.align.margin-top-xs .row.columns.mobile-row-btn.align.margin-top-xs
a.button.btn-lg.btn-purple.shadow.margin-right-xs href="/demo" try the demo a.button.btn-lg.btn-purple.shadow.margin-right-xs.mobile-row-btn href="/demo" try the demo
a.button.btn-lg.btn-purple-o.shadow href="/tutorials" browse tutorials a.button.btn-lg.btn-purple-o.shadow.mobile-row-btn href="/tutorials" browse tutorials
.margin-top-sm.brdr-left .margin-top-sm.brdr-left
.margin-left-sm .margin-left-sm

36
www/source/downloads.html.slim
View file

@ -6,15 +6,15 @@ description: Download InSpec and start using Compliance-as-Code.
/! header and tiles /! header and tiles
header.bg-gradient.margin-top-offset.short-bg.relative header.bg-gradient.margin-top-offset.short-bg.relative
.row .row
.columns.large-7.medium-7.z-20 .columns.large-7.medium-7.mobile-12.z-20
.margin-both .margin-both
h2.t-white#icon-trigger h2.t-white#icon-trigger
| Compliance as code starts here. | Compliance as code starts here.
br br
| Download InSpec and let's get started. | Download InSpec and let's get started.
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
hr.center hr.center
h3 Ruby gem h3 Ruby gem
@ -26,11 +26,11 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a href="https://rubygems.org/gems/inspec" Ruby gem a href="https://rubygems.org/gems/inspec" Ruby gem
' . ' .
.box-code.shadow.margin-top-xs .box-code.shadow.margin-top-xs
i#copy.fa.fa-copy.copy.t-purple onclick="copyToClipboard('#install')" i#copy.fa.fa-copy.copy.t-purple.mobile-hide onclick="copyToClipboard('#install')"
code#install gem install inspec code#install gem install inspec
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
hr.center hr.center
h3 Ready-made packages h3 Ready-made packages
@ -45,9 +45,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
canvas.particles-js-canvas-el / canvas.particles-js-canvas-el /
.margin-under .margin-under
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
hr.center hr.center
h3 Habitat Packages h3 Habitat Packages
@ -58,8 +58,8 @@ header.bg-gradient.margin-top-offset.short-bg.relative
' to install InSpec, or include InSpec in your own Habitat packages. ' to install InSpec, or include InSpec in your own Habitat packages.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://bldr.habitat.sh/#/pkgs/chef/inspec" InSpec on the depot a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://bldr.habitat.sh/#/pkgs/chef/inspec" InSpec on the depot
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
hr.center hr.center
h3 Use Your System Package Manager h3 Use Your System Package Manager
@ -75,19 +75,19 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.bg-gradient .bg-gradient
.pad-both.relative .pad-both.relative
.row .row
.large-7.medium-7.columns.z-20 .large-7.medium-7.mobile-12.columns.z-20
h2.t-white.margin-under-sm h2.t-white.margin-under-sm
| Whether it’s a code review or a commit, your participation matters. | Whether it’s a code review or a commit, your participation matters.
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height .box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/contribute.svg" / img.icon-art.margin-both-xs src="/images/community/contribute.svg" /
h4.t-purple Contribute h4.t-purple Contribute
p p
| InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you. | InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://github.com/chef/inspec" start contributing a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://github.com/chef/inspec" start contributing
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow-dark.strict-center.fit-height .box-white.shadow-dark.strict-center.fit-height.z-20
img.icon-art.margin-both-xs src="/images/community/bugs.svg" / img.icon-art.margin-both-xs src="/images/community/bugs.svg" /
h4.t-purple Give feedback h4.t-purple Give feedback
p p

92
www/source/index.html.slim
View file

@ -5,19 +5,19 @@ title: InSpec - Audit and Test Framework
/! header /! header
header.bg-gradient.margin-top-offset.short-bg.relative header.bg-gradient.margin-top-offset.short-bg.relative
.row.align.margin-top-sm .row.align.margin-top-sm
.large-7.medium-7.columns.z-20 .large-7.medium-7.mobile-12.columns.z-20
.margin-both .margin-both
h1.t-white InSpec is compliance as code h1.t-white InSpec is compliance as code
h3.t-white Turn your compliance, security, and other policy requirements into automated tests. h3.t-white Turn your compliance, security, and other policy requirements into automated tests.
/! buttons /! buttons
.row.align.columns.margin-top-sm .row.align.columns.margin-top-sm.mobile-row-btn
a.button.btn-lg.btn-purple.shadow-dark.margin-right-xs href="/downloads" a.button.btn-lg.btn-purple.shadow-dark.margin-right-xs.mobile-row-btn href="/downloads"
i.fa.fa-cloud-download i.fa.fa-cloud-download
span download inspec 2.0 span download inspec 2.0
a.button.btn-lg.btn-white-o.shadow-dark href="/tutorials" browse tutorials a.button.btn-lg.btn-white-o.shadow-dark.mobile-row-btn href="/tutorials" browse tutorials
a class="github-button" href="https://github.com/chef/inspec" data-size="large" data-show-count="true" aria-label="Star chef/inspec on GitHub" Star a class="github-button" href="https://github.com/chef/inspec" data-size="large" data-show-count="true" aria-label="Star chef/inspec on GitHub" Star
.large-5.medium-5.columns.relative .large-5.medium-5.columns.relative.mobile-hide
/! diamond image /! diamond image
img.diamond src="/images/home/diamond.png" / img.diamond src="/images/home/diamond.png" /
img.grid-animate.fit.z-20 src="/images/home/web.svg" / img.grid-animate.fit.z-20 src="/images/home/web.svg" /
@ -62,19 +62,19 @@ header.bg-gradient.margin-top-offset.short-bg.relative
small.t-gray How InSpec works small.t-gray How InSpec works
h2.txt-margin Get started with InSpec in 3 simple steps h2.txt-margin Get started with InSpec in 3 simple steps
hr hr
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="/demo" try the inspec demo a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.mobile-hide href="/demo" try the inspec demo
.large-5.medium-5.columns.blue-grid .large-5.medium-5.columns.blue-grid.mobile-hide
img.grid-animate.fit src="/images/community/blue-web.svg" img.grid-animate.fit src="/images/community/blue-web.svg"
.margin-top-sm .margin-top-sm
.row.align .row.align.mobile-row
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align .flex.align
.num-container .num-container
h3.t-purple 1 h3.t-purple 1
.block.margin-left-sm .block.margin-left-sm
h4.t-purple write the test h4.t-purple write the test
p Create simple Ruby-based tests to verify your expected state against the current state of your systems. p Create simple Ruby-based tests to verify your expected state against the current state of your systems.
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align.slide-right .flex.align.slide-right
.tooltip-triangle .tooltip-triangle
.box-dark.box-scroll.tip.shadow .box-dark.box-scroll.tip.shadow
@ -90,30 +90,30 @@ header.bg-gradient.margin-top-offset.short-bg.relative
code end code end
code end code end
.margin-top-xs .margin-top-xs
.row.align .row.align.mobile-row
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align .flex.align
.num-container .num-container
h3.t-purple 2 h3.t-purple 2
.block.margin-left-sm .block.margin-left-sm
h4.t-purple run the test h4.t-purple run the test
p Execute your test against your target system locally or remotely with one simple command. p Execute your test against your target system locally or remotely with one simple command.
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align.slide-right .flex.align.slide-right
.tooltip-triangle .tooltip-triangle
.box-dark.tip.shadow .box-dark.tip.shadow
pre pre
code $ inspec exec linux-baseline code $ inspec exec linux-baseline
.margin-top-xs .margin-top-xs
.row.align .row.align.mobile-row
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align .flex.align
.num-container .num-container
h3.t-purple 3 h3.t-purple 3
.block.margin-left-sm .block.margin-left-sm
h4.t-purple See the results h4.t-purple See the results
p See which tests failed, passed and skipped and the expected state against the current state of your target system, in one simple output. p See which tests failed, passed and skipped and the expected state against the current state of your target system, in one simple output.
.large-6.medium-6.columns .large-6.medium-6.mobile-12.columns
.flex.align.slide-right .flex.align.slide-right
.tooltip-triangle .tooltip-triangle
.box-dark.box-scroll.tip.shadow .box-dark.box-scroll.tip.shadow
@ -137,8 +137,8 @@ header.bg-gradient.margin-top-offset.short-bg.relative
h2.txt-margin InSpec is compliance by design h2.txt-margin InSpec is compliance by design
hr.center hr.center
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs .large-6.medium-6.columns.mobile-12.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/platform.svg" / img.icon-art.margin-under-xs src="/images/home/platform.svg" /
h4.t-purple Platform Agnostic h4.t-purple Platform Agnostic
@ -146,7 +146,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
| InSpec supports all major operating systems and is platform agnostic, allowing you the freedom to run compliance assessments anywhere. | InSpec supports all major operating systems and is platform agnostic, allowing you the freedom to run compliance assessments anywhere.
img.icon-logos src="/images/home/platform-logos.svg" / img.icon-logos src="/images/home/platform-logos.svg" /
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs .large-6.medium-6.columns.mobile-12.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/test.svg" / img.icon-art.margin-under-xs src="/images/home/test.svg" /
h4.t-purple Test locally or remotely h4.t-purple Test locally or remotely
@ -155,15 +155,15 @@ header.bg-gradient.margin-top-offset.short-bg.relative
img.icon-logos src="/images/home/test-logos.svg" / img.icon-logos src="/images/home/test-logos.svg" /
.triangle-right .triangle-right
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/run.svg" / img.icon-art.margin-under-xs src="/images/home/run.svg" /
h4.t-purple Free to run anywhere h4.t-purple Free to run anywhere
p p
| InSpec is an open-source language that can easily express compliance as code, with the freedom to run anywhere. | InSpec is an open-source language that can easily express compliance as code, with the freedom to run anywhere.
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up
img.icon-art.margin-under-xs src="/images/home/extensible.svg" / img.icon-art.margin-under-xs src="/images/home/extensible.svg" /
h4.t-purple Extensible language h4.t-purple Extensible language
@ -180,18 +180,22 @@ header.bg-gradient.margin-top-offset.short-bg.relative
canvas.particles-js-canvas-el canvas.particles-js-canvas-el
.slider .slider
.row .row
.columns.selectors.z-20 .columns.selectors.mobile-hide.z-20
a.button.btn-lg.btn-slider.shadow-dark for Compliance a.button.btn-lg.btn-slider.shadow-dark for Compliance
a.button.btn-lg.btn-slider.shadow-dark for Infrastructure a.button.btn-lg.btn-slider.shadow-dark for Infrastructure
a.button.btn-lg.btn-slider.shadow-dark for Provisioning a.button.btn-lg.btn-slider.shadow-dark for Provisioning
.columns.selectors.slider-selectors.mobile-show.z-20
a.button.btn-lg.btn-slider.shadow-dark Compliance
a.button.btn-lg.btn-slider.shadow-dark Infrastructure
a.button.btn-lg.btn-slider.shadow-dark Provisioning
.view .view
.row .row
.large-7.medium-7.columns .large-7.medium-7.mobile-12.columns
h2.t-white.margin-both-sm h2.t-white.margin-both-sm
| Transform your compliance and security requirements into simple code | Transform your compliance and security requirements into simple code
.row .row.mobile-row
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns.mobile-row
.box-white.shadow-dark.fit-height .box-white.shadow-dark.fit-height.z-20
.block.margin-both-xs .block.margin-both-xs
h4.t-purple Codify agreements h4.t-purple Codify agreements
p Combine profiles and customize them with overlays. Pick controls and define exceptions as code. p Combine profiles and customize them with overlays. Pick controls and define exceptions as code.
@ -201,9 +205,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.block .block
h4.t-purple Apply to all systems h4.t-purple Apply to all systems
p Analyze everything using the same codified profiles and controls. p Analyze everything using the same codified profiles and controls.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="/demo" try the inspec demo a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.mobile-hide href="/demo" try the inspec demo
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns
.box-dark.shadow-dark.fit-height .box-dark.shadow-dark.fit-height.z-20
pre.t-white.align-vertical-50 pre.t-white.align-vertical-50
code control 'sshd-21' do code control 'sshd-21' do
code title 'Set SSH Protocol to 2' code title 'Set SSH Protocol to 2'
@ -215,12 +219,12 @@ header.bg-gradient.margin-top-offset.short-bg.relative
code end code end
.view .view
.row .row
.large-7.medium-7.columns .large-7.medium-7.mobile-12.columns
h2.t-white.margin-both-sm h2.t-white.margin-both-sm
| Solve your infrastructure testing needs simply and efficiently | Solve your infrastructure testing needs simply and efficiently
.row .row.mobile-row
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns.mobile-row
.box-white.shadow-dark.fit-height .box-white.shadow-dark.fit-height.z-20
.block.margin-both-xs .block.margin-both-xs
h4.t-purple Test the desired state h4.t-purple Test the desired state
p Verify the current desired state of your apps and infrastructure according to the code you write. p Verify the current desired state of your apps and infrastructure according to the code you write.
@ -230,9 +234,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.block .block
h4.t-purple Extensible h4.t-purple Extensible
p Create custom resources with ease and share them easily with others. p Create custom resources with ease and share them easily with others.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="/demo" try the inspec demo a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.mobile-hide href="/demo" try the inspec demo
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns
.box-dark.shadow-dark.fit-height .box-dark.shadow-dark.fit-height.z-20
pre.t-white.align-vertical-50 pre.t-white.align-vertical-50
code describe file('/etc/myapp.conf') do code describe file('/etc/myapp.conf') do
code it { should exist } code it { should exist }
@ -248,12 +252,12 @@ header.bg-gradient.margin-top-offset.short-bg.relative
code end code end
.view .view
.row .row
.large-7.medium-7.columns .large-7.medium-7.mobile-12.columns
h2.t-white.margin-both-sm h2.t-white.margin-both-sm
| Verify provisioning to cloud providers | Verify provisioning to cloud providers
.row .row.mobile-row
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns.mobile-row
.box-white.shadow-dark.fit-height .box-white.shadow-dark.fit-height.z-20
.block.margin-both-xs .block.margin-both-xs
h4.t-purple Test AWS and Azure configuration h4.t-purple Test AWS and Azure configuration
p Verify all necessary settings of your favorite public cloud providers. p Verify all necessary settings of your favorite public cloud providers.
@ -263,9 +267,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.block .block
h4.t-purple Verify security configuration h4.t-purple Verify security configuration
p Ensure that your cloud deployments are not open to malicious attacks due to misconfiguration. p Ensure that your cloud deployments are not open to malicious attacks due to misconfiguration.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="/demo" try the inspec demo a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs.mobile-hide href="/demo" try the inspec demo
.large-6.medium-6.columns.z-20 .large-6.medium-6.mobile-12.columns
.box-dark.shadow-dark.fit-height .box-dark.shadow-dark.fit-height.z-20
pre.t-white.align-vertical-50 pre.t-white.align-vertical-50
code describe aws_s3_bucket(bucket_name: 'my_secret_files') do code describe aws_s3_bucket(bucket_name: 'my_secret_files') do
code it { should exist } code it { should exist }

4
www/source/layouts/_footer.slim
View file

@ -6,10 +6,10 @@ footer#main-footer.dark-bg
.row.align.columns .row.align.columns
.strict-center .strict-center
a.button.btn-lg.btn-purple.shadow-dark.margin-right-xs href="/downloads" a.button.btn-lg.btn-purple.shadow-dark.margin-right-xs.mobile-row-btn href="/downloads"
i.fa.fa-cloud-download i.fa.fa-cloud-download
span download inspec 2.0 span download inspec 2.0
a.button.btn-lg.btn-white-o.shadow-dark href="/tutorials" browse tutorials a.button.btn-lg.btn-white-o.shadow-dark.mobile-row-btn href="/tutorials" browse tutorials
.flex.align .flex.align
.columns.large-4.medium-4.mobile-hide .columns.large-4.medium-4.mobile-hide

6
www/source/layouts/_nav.slim
View file

@ -1,9 +1,9 @@
nav#main-nav nav#main-nav.shadow
<progress value="0"></progress> <progress value="0"></progress>
#main-nav-ctas.shadow #main-nav-ctas
a.main-nav--logo href="/" a.main-nav--logo href="/"
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'" img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
@ -28,6 +28,6 @@ nav#main-nav
a.button.btn-sm.btn-purple href="/downloads" a.button.btn-sm.btn-purple href="/downloads"
i.fa.fa-cloud-download i.fa.fa-cloud-download
| Download | Download
li.nav-cta.hide-for-small-only li.nav-cta.mobile-hide
a.button.btn-sm.btn-purple-o href="/demo" try demo a.button.btn-sm.btn-purple-o href="/demo" try demo

4
www/source/layouts/docs.slim
View file

@ -16,7 +16,7 @@
.row.margin-both.relative .row.margin-both.relative
column.columns.large-3.medium-3#sidebar column.columns.large-3.medium-3.mobile-hide#sidebar
- if locals[:sidebar_layout] == 'docs' - if locals[:sidebar_layout] == 'docs'
ul.main-sidebar--links ul.main-sidebar--links
- sidebar_data(sidebar_layout).each do |item| - sidebar_data(sidebar_layout).each do |item|
@ -33,7 +33,7 @@
li.main-sidebar--list--item class=link_classes(current_resource.url, sub_link) li.main-sidebar--list--item class=link_classes(current_resource.url, sub_link)
= link_to sub_link.title, sub_link.link = link_to sub_link.title, sub_link.link
column.columns.large-9.medium-9#mainbar column.columns.large-9.medium-9.mobile-12#mainbar
== yield == yield

23
www/source/layouts/layout.slim
View file

@ -47,17 +47,20 @@ html
javascript: javascript:
function initSliders() { function initSlideGroup(group) {
var prev = -1; var prev = -1;
$('.slider .selectors a').click(function(e) { var links = $(group).find('a')
links.click(function(e) {
e.stopPropagation() e.stopPropagation()
links.removeClass('selected')
$(this).addClass('selected')
var idx = $(this).index(); var idx = $(this).index();
if(prev == idx) return; if(prev == idx) return;
prev = idx; prev = idx;
$('.slider .selectors a').removeClass('selected')
$(this).addClass('selected')
$('.slider .view.slide-in').removeClass('slide-in').addClass('slide-out') $('.slider .view.slide-in').removeClass('slide-in').addClass('slide-out')
var el = $('.slider .view')[idx] var el = $('.slider .view')[idx]
if(el == null) { if(el == null) {
@ -68,9 +71,15 @@ html
$(el).removeClass('slide-out').removeClass('hidden').addClass('slide-in') $(el).removeClass('slide-out').removeClass('hidden').addClass('slide-in')
}) })
if(links[0] != null) links[0].click();
}
function initSliders() {
$('.slider .view').addClass('hidden') $('.slider .view').addClass('hidden')
var links = $('.slider .selectors a') var groups = $('.slider .selectors')
if(links[0]!= null) links[0].click() groups.each(function(idx){
initSlideGroup(this)
})
} }
//run code colors //run code colors

15
www/source/stylesheets/_buttons.scss
View file

@ -74,10 +74,10 @@ a.button {
.btn-purple-o { .btn-purple-o {
border: 1.5px solid $color-purple; border: 1.5px solid $color-purple;
color: $color-purple; color: $color-purple;
background-color: transparent; background-color: rgba(255, 255, 255, 0);
&:hover { &:hover {
background-color: transparent; background-color: rgba(255, 255, 255, 0);
color: $color-purple; color: $color-purple;
opacity: 0.8; opacity: 0.8;
} }
@ -92,10 +92,10 @@ a.button {
.btn-white-o { .btn-white-o {
border: 1.5px solid $color-white; border: 1.5px solid $color-white;
color: $color-white; color: $color-white;
background-color: transparent; background-color: rgba(255, 255, 255, 0);
&:hover { &:hover {
background-color: transparent; background-color: rgba(255, 255, 255, 0);
color: $color-white; color: $color-white;
opacity: 0.8; opacity: 0.8;
} }
@ -113,3 +113,10 @@ a.button {
background: $color_purple; background: $color_purple;
} }
} }
.slider-selectors .btn-slider{
width: 33.33% !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

2
www/source/stylesheets/_code.scss
View file

@ -3,7 +3,7 @@ code {
font-size: 1em; font-size: 1em;
font-weight: bold; font-weight: bold;
border: initial; border: initial;
background-color: transparent; background-color: rgba(255, 255, 255, 0);
padding: 0; padding: 0;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;

18
www/source/stylesheets/_footer.scss
View file

@ -24,11 +24,29 @@ footer span {
} }
} }
footer .large-4.medium-4.mobile-hide {
@include nav-small {
display: none;
}
}
.columns.margin-both-xs.mobile-show {
@include nav-small {
display: block;
}
}
ul.footer--logos { ul.footer--logos {
margin-left: 0!important; margin-left: 0!important;
@include nav-small { @include nav-small {
text-align: center; text-align: center;
width: 100%;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
} }
} }

4
www/source/stylesheets/_homepage.scss
View file

@ -17,7 +17,7 @@ header {
height: $percent_sm; height: $percent_sm;
min-width: $percent_sm; min-width: $percent_sm;
background-image: url('/images/octagon.svg'); background-image: url('/images/octagon.svg');
background-size: cover; background-size: 100% 100%;
text-align: center; text-align: center;
} }
@ -40,7 +40,7 @@ header {
height: 100%; height: 100%;
top: 0; top: 0;
overflow: hidden; overflow: hidden;
background-color: transparent; background-color: rgba(255, 255, 255, 0);
} }
img.diamond { img.diamond {

34
www/source/stylesheets/_layout.scss
View file

@ -15,13 +15,6 @@
float: right; float: right;
text-align: right; text-align: right;
margin-left: auto; margin-left: auto;
@include nav-small{ //mobile
float: initial;
margin: 0 auto;
text-align: center;
}
} }
.strict-left { .strict-left {
@ -82,6 +75,13 @@
transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -moz-transform: translateY(-50%);
@include mobile {
top: 0;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
} }
.z-10 { .z-10 {
@ -89,7 +89,7 @@
} }
.z-20 { .z-20 {
z-index: 20; z-index: 100;
} }
.relative { .relative {
@ -155,10 +155,6 @@
.margin-top-offset { .margin-top-offset {
margin-top: 80px; // add header height margin-top: 80px; // add header height
@include nav-small {
margin-top: 60px;
}
} }
.margin-top { .margin-top {
@ -272,7 +268,7 @@
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 4px 8px 4px 0; border-width: 4px 8px 4px 0;
border-color: transparent $color_dark transparent transparent; border-color: rgba(255, 255, 255, 0) $color_dark rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
} }
.shadow { // dropshadow .shadow { // dropshadow
@ -395,7 +391,7 @@ progress { /* Positioning */
height: 1.6px; height: 1.6px;
color: $color_purple; color: $color_purple;
border: none; border: none;
background-color: transparent; background-color: rgba(255, 255, 255, 0);
z-index: 500; z-index: 500;
} }
@ -445,7 +441,9 @@ form.main-sidebar--search input[type="text"] {
width: 100%; width: 100%;
display: inline; display: inline;
height: 45px; height: 45px;
padding: 16px; line-height: 45px;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 8px; border-radius: 8px;
background: $color_white; background: $color_white;
@ -464,7 +462,7 @@ form.main-sidebar--search input[type="text"] {
height: 45px; height: 45px;
border: 1.5px solid $color_white; border: 1.5px solid $color_white;
border-radius: 8px; border-radius: 8px;
background: transparent; background: rgba(255, 255, 255, 0);
cursor: pointer; cursor: pointer;
position: relative; position: relative;
float: right; float: right;
@ -475,10 +473,6 @@ form.main-sidebar--search input[type="text"] {
margin-left: 8px; margin-left: 8px;
height: auto; height: auto;
} }
@include nav-small {
display: none;
}
} }
// overriding some of Swiftype's styles // overriding some of Swiftype's styles

73
www/source/stylesheets/_nav.scss
View file

@ -6,26 +6,6 @@
z-index: 1000; z-index: 1000;
width: 100%; width: 100%;
background: $color_white; background: $color_white;
@include nav-large {
position: fixed;
z-index: 100;
}
&.is-fixed-bottom {
@include nav-large {
top: auto !important;
position: absolute;
}
@media screen and (min-width: 640px) and (max-width: 879px) {
bottom: 156px;
}
@media screen and (min-width: 880px) {
bottom: 141px;
}
}
} }
.main-nav--logo { .main-nav--logo {
@ -40,15 +20,6 @@
@include nav-small { @include nav-small {
display: none; display: none;
} }
.sidebar-layout-docs & {
max-height: calc(100vh - 64px);
overflow-y: scroll;
@include nav-large {
max-height: calc(100vh - 107px);
}
}
} }
#main-nav-ctas { #main-nav-ctas {
@ -57,9 +28,8 @@
padding-right: $percent_sm; padding-right: $percent_sm;
@include nav-small { @include nav-small {
padding-left: .9375rem; padding-left: $percent_xs;
padding-right: .9375rem; padding-right: $percent_xs;
box-shadow: initial;
} }
.main-nav--link-text { .main-nav--link-text {
@ -97,10 +67,6 @@ nav {
z-index: 200; z-index: 200;
height: 80px; height: 80px;
margin-bottom: 80px; margin-bottom: 80px;
@include nav-small {
height: 60px;
}
} }
nav ul { nav ul {
@ -117,11 +83,10 @@ nav li {
line-height: 60px; line-height: 60px;
clear:both; clear:both;
display:block; display:block;
line-height: initial; margin-left: $percent_sm;
padding-top: $percent_sm/2; margin-right: $percent_sm;
padding-bottom: $percent_sm/2; border-bottom: 1.5px solid #E9EDF2;
border-bottom: 1px solid $color_blue; text-align: left;
text-align: center;
} }
} }
@ -135,7 +100,27 @@ nav li.nav-cta {
margin-left: 28px; margin-left: 28px;
@include nav-small { @include nav-small {
padding-top: $percent_sm; line-height: 60px;
clear:both;
display:block;
margin-left: $percent_sm;
margin-right: $percent_sm;
margin-top: $percent_sm;
border-bottom: 0px;
text-align: left;
&:last-child {
margin-top: 0;
padding-bottom: $percent_sm;
}
.btn-sm {
max-width: 250px;
width: 250px;
}
}
@include mobile {
padding-bottom: $percent_sm; padding-bottom: $percent_sm;
} }
} }
@ -153,7 +138,7 @@ nav li.nav-cta a.button {
display: block; display: block;
font-size: 1.5em; font-size: 1.5em;
float: right; float: right;
margin-top: 0.75em; line-height: 80px;
} }
} }
@ -169,6 +154,6 @@ a.main-nav--logo {
margin-left: initial !important; margin-left: initial !important;
@include nav-small { @include nav-small {
margin-top: 0.8em; line-height: 80px;
} }
} }

4
www/source/stylesheets/_search.scss
View file

@ -5,5 +5,5 @@
padding: .5rem; padding: .5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
box-sizing: border-box; box-sizing: border-box;
background: transparent; background: rgba(255, 255, 255, 0);
} }

55
www/source/stylesheets/_settings.scss
View file

@ -21,12 +21,8 @@ $percent_xs: 16px;
//mixins //mixins
$nav-breakpoint: 1024px; $nav-breakpoint: 1024px;
$mobile-breakpoint: 768px;
$breakpoints: ( $mobile-tiny-breakpoint: 640px;
small: 0px,
medium: 640px,
large: 900px
);
@mixin nav-large { @mixin nav-large {
@media screen and (min-width: #{$nav-breakpoint}) { @media screen and (min-width: #{$nav-breakpoint}) {
@ -40,6 +36,18 @@ $breakpoints: (
} }
} }
@mixin mobile {
@media screen and (max-width: $mobile-breakpoint) {
@content;
}
}
@mixin mobile-tiny {
@media screen and (max-width: $mobile-tiny-breakpoint) {
@content;
}
}
//shared styles //shared styles
%uppercase { %uppercase {
@ -62,24 +70,43 @@ body {
//Hide/show div on mobile //Hide/show div on mobile
.mobile-hide { .mobile-hide {
display: initial; display: inline-block;
@include nav-small { @include mobile {
display: none; display: none !important;
} }
} }
.mobile-show { .mobile-show {
display: none; display: none;
@include nav-small { @include mobile {
display: block; display: block !important;
} }
} }
.mobile-grow { .mobile-12 {
@include nav-small { display: initial;
width:100%;
@include mobile {
width: 100% !important;
}
}
.mobile-row {
@include mobile {
display: block !important;
margin-bottom: $percent_sm;
}
}
.mobile-row-btn {
@include mobile-tiny {
display: block !important;
.button {
margin-left: 0;
}
} }
} }

19
www/source/stylesheets/_sidebar.scss
View file

@ -7,26 +7,17 @@
//overwriting default ul li styles for side bar //overwriting default ul li styles for side bar
#sidebar { #sidebar {
@media screen and (max-width: 640px) {
margin-bottom: $percent_md;
}
position: absolute; position: absolute;
} }
#mainbar { #mainbar {
margin-left: 25%; margin-left: 25%;
@include mobile {
margin-left: 0 !important;
}
} }
ul.main-sidebar--links {
list-style-type: none;
margin-bottom: $percent_sm !important;
@media screen and (max-width: 640px) {
text-align: center;
}
}
ul.main-sidebar--links li:last-child { ul.main-sidebar--links li:last-child {
margin-bottom: $percent_sm !important; margin-bottom: $percent_sm !important;

2
www/source/stylesheets/vendor/_foundation-min.scss vendored
View file

File diff suppressed because one or more lines are too long

38
www/source/tutorials.html.slim
View file

@ -5,13 +5,13 @@ title: InSpec - Tutorials
/! header and tiles /! header and tiles
header.bg-gradient.margin-top-offset.short-bg.relative header.bg-gradient.margin-top-offset.short-bg.relative
.row .row
.columns.large-7.medium-7.z-20 .columns.large-7.medium-7.mobile-12.z-20
.margin-both .margin-both
h2.t-white#icon-trigger h2.t-white#icon-trigger
| Clear, step-by-step instructions for getting started and building your InSpec skills | Clear, step-by-step instructions for getting started and building your InSpec skills
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray module 1 small.t-gray module 1
hr.center.margin-under-xs hr.center.margin-under-xs
@ -22,8 +22,8 @@ header.bg-gradient.margin-top-offset.short-bg.relative
i.fa.fa-book i.fa.fa-book
span start learning span start learning
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray module 2 small.t-gray module 2
hr.center.margin-under-xs hr.center.margin-under-xs
@ -38,9 +38,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
canvas.particles-js-canvas-el / canvas.particles-js-canvas-el /
.margin-under .margin-under
.row.strict-center .row.strict-center.mobile-row
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray module 3 small.t-gray module 3
hr.center.margin-under-xs hr.center.margin-under-xs
@ -51,8 +51,8 @@ header.bg-gradient.margin-top-offset.short-bg.relative
i.fa.fa-book i.fa.fa-book
span start learning span start learning
.triangle-right .triangle-right
.large-6.medium-6.columns.margin-under-xs.z-20 .large-6.medium-6.mobile-12.columns.margin-under-xs
.box-white.shadow.strict-center.fit-height.relative.slide-up .box-white.shadow.strict-center.fit-height.relative.slide-up.z-20
.align-vertical-50 .align-vertical-50
small.t-gray module 4 small.t-gray module 4
hr.center.margin-under-xs hr.center.margin-under-xs
@ -75,14 +75,14 @@ header.bg-gradient.margin-top-offset.short-bg.relative
hr.center hr.center
.margin-under .margin-under
.row .row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left .box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle .flex.align.collapseToggle
img.avatar src="/images/community/users/Annie.png" img.avatar src="/images/community/users/Annie.png"
.block.margin-left-sm .block.margin-left-sm
h3.a-purple Getting started with InSpec - The InSpec basics series h3.a-purple Getting started with InSpec - The InSpec basics series
small.t-gray by annie hedgepath small.t-gray by annie hedgepath
a.strict-right a.strict-right.mobile-hide
i.collapsebtn.fa i.collapsebtn.fa
.collapseContent.margin-top-sm .collapseContent.margin-top-sm
a.block href="http://www.anniehedgie.com/inspec-basics-1" a.block href="http://www.anniehedgie.com/inspec-basics-1"
@ -112,14 +112,14 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a.block href="http://www.anniehedgie.com/inspec-basics-9" a.block href="http://www.anniehedgie.com/inspec-basics-9"
i.fa.fa-angle-double-right i.fa.fa-angle-double-right
span InSpec Basics: Day 9 - Attributes span InSpec Basics: Day 9 - Attributes
.row .row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left .box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle .flex.align.collapseToggle
img.avatar src="/images/community/users/Christian.png" img.avatar src="/images/community/users/Christian.png"
.block.margin-left-sm .block.margin-left-sm
h3.a-purple Windows infrastructure testing using InSpec - Two part series h3.a-purple Windows infrastructure testing using InSpec - Two part series
small.t-gray by Christian Johannsen small.t-gray by Christian Johannsen
a.strict-right a.strict-right.mobile-hide
i.collapsebtn.fa i.collapsebtn.fa
.collapseContent.margin-top-sm .collapseContent.margin-top-sm
a.block href="http://datatomix.com/?p=236" a.block href="http://datatomix.com/?p=236"
@ -128,7 +128,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a.block href="http://datatomix.com/?p=238" a.block href="http://datatomix.com/?p=238"
i.fa.fa-angle-double-right i.fa.fa-angle-double-right
span Windows infrastructure testing using InSpec and Profiles - Part 2 span Windows infrastructure testing using InSpec and Profiles - Part 2
.row .row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left .box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align .flex.align
img.avatar src="/images/community/users/jeremy.png" img.avatar src="/images/community/users/jeremy.png"
@ -136,9 +136,9 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a.a-purple href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md" a.a-purple href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
h3.a-purple Operating InSpec in an air-gapped environment h3.a-purple Operating InSpec in an air-gapped environment
small.t-gray by Jeremy Miller small.t-gray by Jeremy Miller
a.strict-right href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md" a.strict-right.mobile-hide href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
i.fa.fa-angle-double-right i.fa.fa-angle-double-right
.row .row.columns
.box-white.brdr-left.shadow.margin-under-xs.slide-left .box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align .flex.align
img.avatar src="/images/community/users/noavatar.png" img.avatar src="/images/community/users/noavatar.png"
@ -146,7 +146,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a.a-purple href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html" a.a-purple href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
h3.a-purple Testing Ansible with InSpec h3.a-purple Testing Ansible with InSpec
small.t-gray by blindscientist small.t-gray by blindscientist
a.strict-right href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html" a.strict-right.mobile-hide href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
i.fa.fa-angle-double-right i.fa.fa-angle-double-right
.scrollToTop.shadow-dark .scrollToTop.shadow-dark