minor code-style fixes

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>
This commit is contained in:
Christoph Hartmann 2017-01-20 10:15:38 +01:00
parent 1548fa331c
commit b200851a51
8 changed files with 176 additions and 121 deletions

View file

@ -5,18 +5,22 @@ description: This is where you interact with the InSpec open source community -
.row.margin-both-offset .row.margin-both-offset
.columns.large-6.medium-6 .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. | Inspec is better with friends.
br/ br/
| Lets build together. | Lets build together.
hr.strict-left.margin-under hr.strict-left.margin-under
h3.clear h3.clear
| Join us on Slack and get answers fast | Join us on Slack and get answers fast
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. | 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
| <a href="https://slack.com/">Sign in</a> to slack or request an invite below: | <a href="https://slack.com/">Sign in</a> to slack or request an invite below:
<form id="invite"> <form id="invite">
<input type="email" name="email" placeholder="you@yourdomain.com" class="form-item"> <input type="email" name="email" placeholder="you@yourdomain.com" class="form-item">
<button class="strict-r" href="https://community-slack.chef.io/"><i class="fa fa-slack"></i>Invite Me!</button> <button class="strict-r" href="https://community-slack.chef.io/"><i class="fa fa-slack"></i>Invite Me!</button>
@ -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 a.btn.margin-top-xs href="https://github.com/chef/inspec/issues" Give Feedback
p p
//Old Twitter - Hannah //Old Twitter - Hannah
/.row /.row
/ .icon.shadow / .icon.shadow
@ -65,7 +71,9 @@ description: This is where you interact with the InSpec open source community -
/.block-angl.blue-gradient /.block-angl.blue-gradient
/ .section.purp-shade / .section.purp-shade
/ .row.triangle-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 / small.t-dk Inspec on Twitter
/ h2.t-white / h2.t-white
/ | Latest from #inspec / | Latest from #inspec

View file

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

View file

@ -1,4 +1,5 @@
nav#main-nav nav#main-nav
<progress value="0"></progress> <progress value="0"></progress>
@ -8,6 +9,7 @@ nav#main-nav
i.fa.fa-bars.main-nav--toggle.strict-right.show-for-small-only i.fa.fa-bars.main-nav--toggle.strict-right.show-for-small-only
ul.main-nav--links ul.main-nav--links
li.main-nav--link.hide-docs li.main-nav--link.hide-docs
a href="/tutorials" a href="/tutorials"
@ -18,6 +20,7 @@ nav#main-nav
span.fa.fa-angle-right.t-purple.toggle.mobile-show span.fa.fa-angle-right.t-purple.toggle.mobile-show
li.main-nav--link.docs--inside--link li.main-nav--link.docs--inside--link
a href="/docs/reference/cli.html" a href="/docs/reference/cli.html"
span.main-nav--link-text inspec executable span.main-nav--link-text inspec executable
@ -55,6 +58,7 @@ nav#main-nav
span.main-nav--link-text Ruby usage span.main-nav--link-text Ruby usage
li.main-nav--link.hide-docs li.main-nav--link.hide-docs
a href="/community" a href="/community"
span.main-nav--link-text Community span.main-nav--link-text Community

View file

@ -36,6 +36,7 @@ html
== javascript_include_tag "all" == javascript_include_tag "all"
javascript: javascript:
//initiate sticky sidebar from jquery.sticky.js //initiate sticky sidebar from jquery.sticky.js
@ -55,11 +56,13 @@ html
//Animate HR on scroll //Animate HR on scroll
$(window).scroll(function() { $(window).scroll(function() {
var scroll = $(window).scrollTop(); var scroll = $(window).scrollTop();
var objectSelect = $('#icon-trigger'); //parent that triggers scroll var objectSelect = $('#icon-trigger'); //parent that triggers scroll
var objectPosition = objectSelect.offset().top; var objectPosition = objectSelect.offset().top;
if (scroll > objectPosition) { if (scroll > objectPosition) {
$('hr.first').addClass('stretch') //add class animate class to HR $('hr.first').addClass('stretch') //add class animate class to HR
} }
}); });
@ -123,6 +126,7 @@ html
javascript: javascript:
$(document).foundation(); $(document).foundation();
$('.try-demo').click(function(event){ $('.try-demo').click(function(event){
event.stopPropagation(); event.stopPropagation();

View file

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

View file

@ -198,24 +198,26 @@
.purp-shade { .purp-shade {
// Purple radial gradient applied over blue-gradient // Purple radial gradient applied over blue-gradient
background : -moz-radial-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( 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( 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 ); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#66976ee5', endColorstr='#00976ee5',GradientType=1 );
} }
@ -227,45 +229,46 @@
.blue-gradient { .blue-gradient {
// Default Blue Gradient // Default Blue Gradient
background : -moz-linear-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( 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( 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-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( 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%
); );
} }

View file

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

View file

@ -9,7 +9,9 @@ header.child-h.blue-gradient.margin-top-offset
.purp-shade .purp-shade
.row .row
.columns.large-8.medium-8 .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 | 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 .row.margin-both
.columns.medium-12 .columns.medium-12
h3 Tutorials h3 Tutorials
hr.strict-left hr.strict-left
br br
p.clear Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials. p.clear Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
ul.tutorials--links.no-bullet ul.tutorials--links.no-bullet
@ -67,9 +71,11 @@ header.child-h.blue-gradient.margin-top-offset
| Day 9 | Day 9
span - Attributes span - Attributes
li 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 i.fa.fa-angle-right
span Verify Your Chef Code with InSpec span Test Your Infrastructure Code with Chef
li li
a.tutorials--link href="https://learn.chef.io/tutorials/compliance-assess/" a.tutorials--link href="https://learn.chef.io/tutorials/compliance-assess/"
i.fa.fa-angle-right i.fa.fa-angle-right
@ -79,8 +85,10 @@ header.child-h.blue-gradient.margin-top-offset
i.fa.fa-angle-right i.fa.fa-angle-right
span Remediate Compliance Failures on your Infrastructure with Chef span Remediate Compliance Failures on your Infrastructure with Chef
h3.margin-top-xs Guides For Advanced Topics h3.margin-top-xs Guides For Advanced Topics
hr.strict-left hr.strict-left
br br
p.clear Additional huge thanks to Christian Johannsen, Jeremy Miller, and blindscientist for these amazing materials. 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 i.fa.fa-angle-right
span Testing Ansible with InSpec span Testing Ansible with InSpec
h3.margin-top-xs Podcasts h3.margin-top-xs Podcasts
hr.strict-left hr.strict-left
br br
ul.tutorials--links.no-bullet ul.tutorials--links.no-bullet
li li