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
.columns.large-6.medium-6
h2#icon-trigger data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
| Inspec is better with friends.
br/
| Lets build together.
hr.strict-left.margin-under
h3.clear
| Join us on Slack and get answers fast
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">
<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
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"
/ small.t-dk Inspec on Twitter
/ h2.t-white
/ | Latest from #inspec

View file

@ -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"
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"
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
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
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
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
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
/! Next row
.row
.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
i.fa.fa-angle-right.t-dk
| Test the desired state
p.t-white Match your infrastructure to your expectations.
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
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
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')
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

View file

@ -1,4 +1,5 @@
nav#main-nav
<progress value="0"></progress>
@ -8,6 +9,7 @@ nav#main-nav
i.fa.fa-bars.main-nav--toggle.strict-right.show-for-small-only
ul.main-nav--links
li.main-nav--link.hide-docs
a href="/tutorials"
@ -18,6 +20,7 @@ nav#main-nav
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
@ -55,6 +58,7 @@ nav#main-nav
span.main-nav--link-text Ruby usage
li.main-nav--link.hide-docs
a href="/community"
span.main-nav--link-text Community

View file

@ -36,6 +36,7 @@ html
== javascript_include_tag "all"
javascript:
//initiate sticky sidebar from jquery.sticky.js
@ -55,11 +56,13 @@ html
//Animate HR on scroll
$(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
}
});
@ -123,6 +126,7 @@ html
javascript:
$(document).foundation();
$('.try-demo').click(function(event){
event.stopPropagation();

View file

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

View file

@ -198,24 +198,26 @@
.purp-shade {
// Purple radial gradient applied over blue-gradient
background : -moz-radial-gradient(
center,
ellipse cover,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
rgba(151,110,229,0) 100%
center,
ellipse cover,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
rgba(151,110,229,0) 100%
);
background : -webkit-radial-gradient(
center,
ellipse cover,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
rgba(151,110,229,0) 100%
center,
ellipse cover,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
rgba(151,110,229,0) 100%
);
background : radial-gradient(
ellipse at center,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
rgba(151,110,229,0) 100%
ellipse at center,
rgba(151,110,229,0.4) 0%,
rgba(151,110,229,0.2) 50%,
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,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
100% -14.24% -80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
);
background : -ms-linear-gradient(
-80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
-80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
);
background : -o-linear-gradient(
-80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
-80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
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,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
-80deg,
rgba(99, 206, 153, 1) 0%,
rgba(91, 201, 163, 1) 8.33%,
rgba(67, 185, 194, 1) 36.64%,
rgba(58, 179, 206, 1) 52.48%,
rgba(58, 175, 206, 1) 67.93%,
rgba(58, 162, 206, 1) 83.94%,
rgba(58, 142, 206, 1) 100%
);
}

View file

@ -87,9 +87,11 @@ hr {
margin-bottom : 6px;
border : 0;
background : linear-gradient(
to right,
$color_hr 0,
$color_link 100%
to right,
$color_hr 0,
$color_link 100%
);
background-color : $color_hr;
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
.row
.columns.large-8.medium-8
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
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
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
br
ul.tutorials--links.no-bullet
li