mirror of
https://github.com/inspec/inspec
synced 2025-02-17 06:28:40 +00:00
New Inspec.io WIP
WIP : Community/Tutorials NEED TO DO: Media Queries, Docs
This commit is contained in:
Hannah Maddy
Christoph Hartmann
parent
bd4a73cfb9
commit
72cbd0d39e
29 changed files with 2451 additions and 447 deletions
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -19,3 +19,7 @@ habitat/VERSION
|
|||
habitat/results
|
||||
/.ruby-gemset
|
||||
/.ruby-version
|
||||
|
||||
www/source/index.html.slim
|
||||
|
||||
www/source/index.html.slim
|
||||
|
|
|
|||
|
|
@ -3,40 +3,59 @@ title: InSpec - Community
|
|||
description: This is where you interact with the InSpec open source community - contribute to the project, provide feedback and ask questions of other community members.
|
||||
---
|
||||
|
||||
.row
|
||||
.columns.large-10.large-offset-1
|
||||
img.hero--img src="/images/community/community-icon.png"
|
||||
h1.hero--heading InSpec Community
|
||||
h2.hero--subhead.text-center
|
||||
| Let's build together
|
||||
.icon-blocks.row
|
||||
.columns.medium-4.center
|
||||
img.icon-block--img src="/images/community/contribute-icon.png"
|
||||
h3.icon-block--heading Contribute to InSpec
|
||||
.columns.medium-4.center
|
||||
img.icon-block--img src="/images/community/get-icon.png"
|
||||
h3.icon-block--heading Get Answers Quickly
|
||||
.columns.medium-4.center
|
||||
img.icon-block--img src="/images/community/report-icon.png"
|
||||
h3.icon-block--heading Report Bugs and Request Features
|
||||
.icon-blocks.row
|
||||
.columns.medium-4
|
||||
p.icon-block--text
|
||||
.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/
|
||||
| Let’s build together.
|
||||
hr.text-left/
|
||||
h3.margin-top
|
||||
| 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.margin-both-xs
|
||||
| <a href="https://slack.com/">Sign in</a> to slack or request an invite below:
|
||||
input
|
||||
.columns.large-6.medium-6.relative
|
||||
img.grid.strict-right src="/images/community/blue-web.svg" /
|
||||
img.ball src="/images/community/glow-ball.png" /
|
||||
img.ball.bright-animate src="/images/community/glow-ball.png" /
|
||||
img.ball src="/images/community/glow-ball.png" /
|
||||
|
||||
.row.strict-center.margin-top
|
||||
.large-6.medium-6.columns.strict-center
|
||||
img.icon-art src="/images/community/contribute.svg" /
|
||||
h3 Contribute to InSpec
|
||||
p
|
||||
| InSpec is an open source project created and supported by active and
|
||||
passionate users. If you would like to contribute, we would love to have you.
|
||||
.columns.medium-4
|
||||
p.icon-block--text
|
||||
| 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.
|
||||
.columns.medium-4
|
||||
p.icon-block--text
|
||||
| We rely on your feedback to improve InSpec. Whether you found a bug
|
||||
.large-6.medium-6.columns.strict-center
|
||||
img.icon-art src="/images/community/bugs.svg" /
|
||||
h3 Report Bugs and Request Features
|
||||
p
|
||||
| We rely on your feedback to improve InSpec. <br>Whether you found a bug
|
||||
or have a great idea for an improvement, join us on GitHub.
|
||||
.icon-blocks.row
|
||||
.columns.medium-4
|
||||
a.button.primary.block href="https://github.com/chef/inspec" Start Contributing
|
||||
.columns.medium-4
|
||||
a.button.primary.block href="https://community-slack.chef.io" Get Help
|
||||
.columns.medium-4
|
||||
a.button.primary.block href="https://github.com/chef/inspec/issues" Give Feedback
|
||||
.row.margin-under
|
||||
.columns.medium-6.strict-center
|
||||
p
|
||||
a.btn href="https://github.com/chef/inspec" Start Contributing
|
||||
.columns.medium-6.strict-center
|
||||
p
|
||||
a.btn href="https://github.com/chef/inspec/issues" Give Feedback
|
||||
|
||||
|
||||
/.row
|
||||
.icon.shadow
|
||||
img src="/images/circ-arrow.svg" /
|
||||
/.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
|
||||
/ .row
|
||||
/ .large-12.medium-12.columns.margin-under
|
||||
/ .shadow
|
||||
/ <a class="twitter-grid" href="https://twitter.com/f5hannahmaddy/timelines/817243525699862529">Inspec</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
|
|
|
|||
1
www/source/images/circ-arrow.svg
Normal file
1
www/source/images/circ-arrow.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30.59 30"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="15.29" x2="15.29" y2="30" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#955af2"/><stop offset="1" stop-color="#3ab3ce"/></linearGradient></defs><title>circ-arrow_1</title><g id="Layer_2" data-name="Layer 2"><g id="polys"><path class="cls-1" d="M21.7,5.57,25.05.35,5.54,0,8.77,5.34,0,5.18,15,30,30.59,5.73ZM7.36,1l15.86.28-2.7,4.22L10,5.36ZM19.77,6.7l-4.63,7.21L10.68,6.54ZM2.09,6.39l7.39.13,5.64,9.32L21,6.72l7.51.13L15,27.8Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 660 B |
1
www/source/images/community/Contrinue.svg
Normal file
1
www/source/images/community/Contrinue.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 125.5 112.64"><defs><style>.cls-1,.cls-4{fill:#955af2;}.cls-1{stroke:#955af2;stroke-miterlimit:10;}.cls-2{opacity:0.24;}.cls-3{fill:#c3c8c9;}.cls-5{fill:#fff;}.cls-6{opacity:0.25;}</style></defs><title>Contrinue</title><g id="Layer_2" data-name="Layer 2"><g id="polys"><path class="cls-1" d="M121.45,105.41H100l10.72-18.56Zm-21.1-.19h20.78l-10.39-18Z" transform="translate(0 -0.25)"/><g class="cls-2"><path class="cls-1" d="M25.48,105.41H4L14.76,86.85Zm-21.1-.19H25.15l-10.39-18Z" transform="translate(0 -0.25)"/></g><path class="cls-3" d="M62.75,106.93A36.95,36.95,0,1,1,99.7,70a37,37,0,0,1-36.95,36.95Zm0-73.24A36.29,36.29,0,1,0,99,70,36.33,36.33,0,0,0,62.75,33.7Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,107.18A37.2,37.2,0,1,1,99.95,70,37.24,37.24,0,0,1,62.75,107.18Zm0-73.9A36.7,36.7,0,1,0,99.45,70,36.74,36.74,0,0,0,62.75,33.29Zm0,73.24A36.54,36.54,0,1,1,99.29,70,36.58,36.58,0,0,1,62.75,106.52Zm0-72.58a36,36,0,1,0,36,36A36.08,36.08,0,0,0,62.75,33.95Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M110.74,112.64a14.51,14.51,0,1,1,14.51-14.51,14.53,14.53,0,0,1-14.51,14.51Zm0-28.36a13.85,13.85,0,1,0,13.85,13.85,13.87,13.87,0,0,0-13.85-13.85Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M110.74,112.89A14.76,14.76,0,1,1,125.5,98.13,14.78,14.78,0,0,1,110.74,112.89Zm0-29A14.26,14.26,0,1,0,125,98.13,14.28,14.28,0,0,0,110.74,83.87Zm0,28.36a14.1,14.1,0,1,1,14.1-14.1A14.12,14.12,0,0,1,110.74,112.23Zm0-27.7a13.6,13.6,0,1,0,13.6,13.6A13.62,13.62,0,0,0,110.74,84.53Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M14.76,112.64A14.51,14.51,0,1,1,29.27,98.13a14.53,14.53,0,0,1-14.51,14.51Zm0-28.36A13.85,13.85,0,1,0,28.61,98.13,13.87,13.87,0,0,0,14.76,84.28Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M14.76,112.89A14.76,14.76,0,1,1,29.52,98.13,14.78,14.78,0,0,1,14.76,112.89Zm0-29A14.26,14.26,0,1,0,29,98.13,14.28,14.28,0,0,0,14.76,83.87Zm0,28.36a14.1,14.1,0,1,1,14.1-14.1A14.12,14.12,0,0,1,14.76,112.23Zm0-27.7a13.6,13.6,0,1,0,13.6,13.6A13.62,13.62,0,0,0,14.76,84.53Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,64.69a25,25,0,1,1,25-25,25.05,25.05,0,0,1-25,25Zm0-49.39A24.37,24.37,0,1,0,87.12,39.66,24.39,24.39,0,0,0,62.75,15.3Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,64.94A25.28,25.28,0,1,1,88,39.66,25.31,25.31,0,0,1,62.75,64.94Zm0-50.05A24.78,24.78,0,1,0,87.53,39.66,24.8,24.8,0,0,0,62.75,14.89Zm0,49.39A24.62,24.62,0,1,1,87.37,39.66,24.64,24.64,0,0,1,62.75,64.28Zm0-48.73A24.12,24.12,0,1,0,86.87,39.66,24.14,24.14,0,0,0,62.75,15.55Z" transform="translate(0 -0.25)"/><path class="cls-4" d="M91.62,91.2H33.88l28.87-50Zm-1.14-.66-27.72-48L35,90.53Z" transform="translate(0 -0.25)"/><path class="cls-4" d="M91.84,91.07l.22.38H33.45L62.53,41.07l.22-.37Zm-.65-.12L62.75,41.69,34.31,90.95Zm-.5-.54.22.38H34.59L62.53,42.39l.22-.37ZM90,90.28,62.75,43,35.46,90.28Z" transform="translate(0 -0.25)"/><path class="cls-5" d="M62.76,1.41A13.6,13.6,0,1,1,49.16,15,13.62,13.62,0,0,1,62.76,1.41Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.76,1.41A13.6,13.6,0,1,0,76.36,15,13.61,13.61,0,0,0,62.76,1.41Zm0-.25A13.85,13.85,0,1,1,48.91,15,13.88,13.88,0,0,1,62.75,1.16Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,1.16A13.85,13.85,0,1,0,76.61,15,13.87,13.87,0,0,0,62.75,1.16Zm0-.25A14.1,14.1,0,1,1,48.66,15,14.12,14.12,0,0,1,62.76.91Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M76.86,15a14.1,14.1,0,1,0-14.1,14.1A14.12,14.12,0,0,0,76.86,15ZM77,15A14.26,14.26,0,1,1,62.76.75,14.27,14.27,0,0,1,77,15Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.76.75A14.26,14.26,0,1,0,77,15,14.27,14.27,0,0,0,62.76.75ZM48.24,15A14.52,14.52,0,1,1,62.75,29.52,14.53,14.53,0,0,1,48.24,15Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M48,15A14.76,14.76,0,1,1,62.76,29.77,14.78,14.78,0,0,1,48,15ZM62.75.5A14.51,14.51,0,1,0,77.27,15,14.53,14.53,0,0,0,62.75.5Z" transform="translate(0 -0.25)"/><g class="cls-6"><path class="cls-1" d="M73.47,22.67H52L62.75,4.11Zm-21.1-.19H73.14l-10.39-18Z" transform="translate(0 -0.25)"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4 KiB |
1
www/source/images/community/blue-web.svg
Normal file
1
www/source/images/community/blue-web.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 25 KiB |
1
www/source/images/community/bugs.svg
Normal file
1
www/source/images/community/bugs.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122 105.27"><defs><style>.cls-1,.cls-3{fill:#c3c8c9;}.cls-2,.cls-5{fill:#955af2;}.cls-2{stroke:#955af2;}.cls-2,.cls-3{stroke-miterlimit:10;}.cls-3{stroke:#c3c8c9;}.cls-4{opacity:0.25;}</style></defs><title>bugs</title><g id="Layer_2" data-name="Layer 2"><g id="polys"><path class="cls-1" d="M46.44,14.46a14.61,14.61,0,1,1,.48,3.8A14.66,14.66,0,0,1,46.44,14.46Zm28,.21a13.46,13.46,0,0,0-.44-3.49A13.29,13.29,0,0,0,67.76,3h0A13.38,13.38,0,0,0,48.07,18a13.38,13.38,0,0,0,26.32-3.29Z"/><path class="cls-2" d="M26.18,22.61H3L14.59,2.53Zm-22.83-.2H25.83L14.59,2.94Z"/><path class="cls-1" d="M0,14.46A14.57,14.57,0,0,1,21.93,2a14.56,14.56,0,0,1-3.67,26.66A14.56,14.56,0,0,1,.48,18.26,14.66,14.66,0,0,1,0,14.46Zm28,.21a13.46,13.46,0,0,0-.44-3.49A13.29,13.29,0,0,0,21.33,3h0A13.38,13.38,0,0,0,1.63,18a13.38,13.38,0,0,0,24.49,3.37A13.3,13.3,0,0,0,28,14.67Z"/><line class="cls-3" x1="47.3" y1="14.57" x2="28.38" y2="14.57"/><g class="cls-4"><path class="cls-2" d="M119,60.37H95.85l11.59-20.08Zm-22.83-.2h22.48L107.45,40.7Z"/></g><path class="cls-1" d="M92.86,52.22a14.61,14.61,0,1,1,.48,3.8A14.66,14.66,0,0,1,92.86,52.22Zm28,.21a13.46,13.46,0,0,0-.44-3.49,13.29,13.29,0,0,0-6.19-8.16h0a13.36,13.36,0,1,0,6.63,11.64Z"/><path class="cls-1" d="M46.44,52.22a14.61,14.61,0,1,1,.48,3.8A14.66,14.66,0,0,1,46.44,52.22Zm28,.21a13.46,13.46,0,0,0-.44-3.49,13.29,13.29,0,0,0-6.19-8.16h0a13.36,13.36,0,1,0,6.63,11.64Z"/><line class="cls-3" x1="93.73" y1="53.33" x2="74.8" y2="53.33"/><path class="cls-2" d="M72.67,98.74H49.48L61.08,78.66Zm-22.83-.2H72.32L61.08,79.07Z"/><path class="cls-1" d="M46.44,90.59a14.61,14.61,0,1,1,.48,3.8A14.66,14.66,0,0,1,46.44,90.59Zm28,.21a13.46,13.46,0,0,0-.44-3.49,13.29,13.29,0,0,0-6.19-8.16h0A13.36,13.36,0,1,0,74.39,90.8Z"/><path class="cls-1" d="M.05,90.59A14.57,14.57,0,0,1,22,78.13,14.56,14.56,0,1,1,7.27,103.27,14.47,14.47,0,0,1,.53,94.39,14.66,14.66,0,0,1,.05,90.59Zm28,.21a13.46,13.46,0,0,0-.44-3.49,13.29,13.29,0,0,0-6.19-8.16h0A13.36,13.36,0,1,0,28,90.8Z"/><line class="cls-3" x1="47.36" y1="90.7" x2="28.43" y2="90.7"/><g class="cls-4"><rect class="cls-5" x="60.38" y="5.76" width="1.25" height="17.62" transform="translate(7.57 47.41) rotate(-45)"/><rect class="cls-5" x="52.2" y="13.95" width="17.62" height="1.25" transform="translate(7.57 47.41) rotate(-45)"/></g><g class="cls-4"><rect class="cls-5" x="14" y="81.89" width="1.25" height="17.62" transform="translate(-59.85 36.91) rotate(-45)"/><rect class="cls-5" x="5.81" y="90.08" width="17.62" height="1.25" transform="translate(-59.85 36.91) rotate(-45)"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
1
www/source/images/community/contribute.svg
Normal file
1
www/source/images/community/contribute.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 125.5 112.64"><defs><style>.cls-1,.cls-4{fill:#955af2;}.cls-1{stroke:#955af2;stroke-miterlimit:10;}.cls-2{opacity:0.24;}.cls-3{fill:#c3c8c9;}.cls-5{fill:#fff;}.cls-6{opacity:0.25;}</style></defs><title>contribute</title><g id="Layer_2" data-name="Layer 2"><g id="polys"><path class="cls-1" d="M121.45,105.41H100l10.72-18.56Zm-21.1-.19h20.78l-10.39-18Z" transform="translate(0 -0.25)"/><g class="cls-2"><path class="cls-1" d="M25.48,105.41H4L14.76,86.85Zm-21.1-.19H25.15l-10.39-18Z" transform="translate(0 -0.25)"/></g><path class="cls-3" d="M62.75,106.93A36.95,36.95,0,1,1,99.7,70a37,37,0,0,1-36.95,36.95Zm0-73.24A36.29,36.29,0,1,0,99,70,36.33,36.33,0,0,0,62.75,33.7Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,107.18A37.2,37.2,0,1,1,99.95,70,37.24,37.24,0,0,1,62.75,107.18Zm0-73.9A36.7,36.7,0,1,0,99.45,70,36.74,36.74,0,0,0,62.75,33.29Zm0,73.24A36.54,36.54,0,1,1,99.29,70,36.58,36.58,0,0,1,62.75,106.52Zm0-72.58a36,36,0,1,0,36,36A36.08,36.08,0,0,0,62.75,33.95Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M110.74,112.64a14.51,14.51,0,1,1,14.51-14.51,14.53,14.53,0,0,1-14.51,14.51Zm0-28.36a13.85,13.85,0,1,0,13.85,13.85,13.87,13.87,0,0,0-13.85-13.85Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M110.74,112.89A14.76,14.76,0,1,1,125.5,98.13,14.78,14.78,0,0,1,110.74,112.89Zm0-29A14.26,14.26,0,1,0,125,98.13,14.28,14.28,0,0,0,110.74,83.87Zm0,28.36a14.1,14.1,0,1,1,14.1-14.1A14.12,14.12,0,0,1,110.74,112.23Zm0-27.7a13.6,13.6,0,1,0,13.6,13.6A13.62,13.62,0,0,0,110.74,84.53Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M14.76,112.64A14.51,14.51,0,1,1,29.27,98.13a14.53,14.53,0,0,1-14.51,14.51Zm0-28.36A13.85,13.85,0,1,0,28.61,98.13,13.87,13.87,0,0,0,14.76,84.28Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M14.76,112.89A14.76,14.76,0,1,1,29.52,98.13,14.78,14.78,0,0,1,14.76,112.89Zm0-29A14.26,14.26,0,1,0,29,98.13,14.28,14.28,0,0,0,14.76,83.87Zm0,28.36a14.1,14.1,0,1,1,14.1-14.1A14.12,14.12,0,0,1,14.76,112.23Zm0-27.7a13.6,13.6,0,1,0,13.6,13.6A13.62,13.62,0,0,0,14.76,84.53Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,64.69a25,25,0,1,1,25-25,25.05,25.05,0,0,1-25,25Zm0-49.39A24.37,24.37,0,1,0,87.12,39.66,24.39,24.39,0,0,0,62.75,15.3Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,64.94A25.28,25.28,0,1,1,88,39.66,25.31,25.31,0,0,1,62.75,64.94Zm0-50.05A24.78,24.78,0,1,0,87.53,39.66,24.8,24.8,0,0,0,62.75,14.89Zm0,49.39A24.62,24.62,0,1,1,87.37,39.66,24.64,24.64,0,0,1,62.75,64.28Zm0-48.73A24.12,24.12,0,1,0,86.87,39.66,24.14,24.14,0,0,0,62.75,15.55Z" transform="translate(0 -0.25)"/><path class="cls-4" d="M91.62,91.2H33.88l28.87-50Zm-1.14-.66-27.72-48L35,90.53Z" transform="translate(0 -0.25)"/><path class="cls-4" d="M91.84,91.07l.22.38H33.45L62.53,41.07l.22-.37Zm-.65-.12L62.75,41.69,34.31,90.95Zm-.5-.54.22.38H34.59L62.53,42.39l.22-.37ZM90,90.28,62.75,43,35.46,90.28Z" transform="translate(0 -0.25)"/><path class="cls-5" d="M62.76,1.41A13.6,13.6,0,1,1,49.16,15,13.62,13.62,0,0,1,62.76,1.41Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.76,1.41A13.6,13.6,0,1,0,76.36,15,13.61,13.61,0,0,0,62.76,1.41Zm0-.25A13.85,13.85,0,1,1,48.91,15,13.88,13.88,0,0,1,62.75,1.16Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.75,1.16A13.85,13.85,0,1,0,76.61,15,13.87,13.87,0,0,0,62.75,1.16Zm0-.25A14.1,14.1,0,1,1,48.66,15,14.12,14.12,0,0,1,62.76.91Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M76.86,15a14.1,14.1,0,1,0-14.1,14.1A14.12,14.12,0,0,0,76.86,15ZM77,15A14.26,14.26,0,1,1,62.76.75,14.27,14.27,0,0,1,77,15Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M62.76.75A14.26,14.26,0,1,0,77,15,14.27,14.27,0,0,0,62.76.75ZM48.24,15A14.52,14.52,0,1,1,62.75,29.52,14.53,14.53,0,0,1,48.24,15Z" transform="translate(0 -0.25)"/><path class="cls-3" d="M48,15A14.76,14.76,0,1,1,62.76,29.77,14.78,14.78,0,0,1,48,15ZM62.75.5A14.51,14.51,0,1,0,77.27,15,14.53,14.53,0,0,0,62.75.5Z" transform="translate(0 -0.25)"/><g class="cls-6"><path class="cls-1" d="M73.47,22.67H52L62.75,4.11Zm-21.1-.19H73.14l-10.39-18Z" transform="translate(0 -0.25)"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4 KiB |
BIN
www/source/images/community/glow-ball.png
Normal file
BIN
www/source/images/community/glow-ball.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
1
www/source/images/hexagon.svg
Normal file
1
www/source/images/hexagon.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 31.3 30.51"><defs><style>.cls-1{fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="15.65" x2="15.65" y2="30.51" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#955af2"/><stop offset="1" stop-color="#3ab3ce"/></linearGradient></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="polys"><path class="cls-1" d="M22.61,30.51H8.68L0,19.62,3.1,6,15.65,0,28.2,6l3.1,13.58ZM9.26,29.31H22l8-10L27.16,6.87,15.65,1.33,4.14,6.87,1.3,19.33Z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 598 B |
|
|
@ -1,36 +1,30 @@
|
|||
---
|
||||
title: InSpec - Audit and Test Framework
|
||||
---
|
||||
|
||||
/! animated banner
|
||||
header
|
||||
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" /
|
||||
/! 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
|
||||
#container.blue-gradient
|
||||
canvas#pixie
|
||||
/! style for callout icons
|
||||
#particles-js
|
||||
canvas.particles-js-canvas-el /
|
||||
.row
|
||||
.icon.shadow
|
||||
img src="/images/home/circ-arrow.svg" /
|
||||
img src="/images/circ-arrow.svg" /
|
||||
/! Second Content
|
||||
.row.margin-both
|
||||
.large-8.columns data-enllax-direction="horizontal" data-enllax-ratio=".1" data-enllax-type="foreground"
|
||||
h4
|
||||
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.
|
||||
p
|
||||
small
|
||||
| Crafted with
|
||||
span.t-blue ❤
|
||||
| by humans, for humans
|
||||
/! Third Content
|
||||
#icon-trigger.row.strict-center.margin-under-xs
|
||||
.row.strict-center.margin-under-xs
|
||||
.large-12.columns
|
||||
hr/
|
||||
small Cool facts about inspec
|
||||
small FEATURES OF INSPEC
|
||||
h2 InSpec is compliance by design
|
||||
hr/
|
||||
/! images with text - grid of 4
|
||||
|
|
@ -40,7 +34,7 @@ header
|
|||
h3 Platform Agnostic
|
||||
p
|
||||
| InSpec supports all major operating systems and many applications out of the box.
|
||||
.large-3.medium-3.columns.strict-center data-enllax-ratio=".1" data-enllax-type="foreground"
|
||||
.large-3.medium-3.columns.strict-center
|
||||
img.icon-art src="/images/home/free.svg" /
|
||||
h3 Free to run anywhere
|
||||
p
|
||||
|
|
@ -50,124 +44,131 @@ header
|
|||
h3 Test locally or remotely
|
||||
p
|
||||
| InSpec provides a local agent, as well as full remote testing support.
|
||||
.large-3.medium-3.columns.strict-center data-enllax-ratio=".1" data-enllax-type="foreground"
|
||||
.large-3.medium-3.columns.strict-center
|
||||
img.icon-art src="/images/home/language.svg" /
|
||||
h3 Fully extensible language
|
||||
h3 Extensible language
|
||||
p
|
||||
| Easily extend the InSpec language to cover new operating systems, devices, or applications.
|
||||
/! Fourth Content
|
||||
/! style for callout icons
|
||||
.row
|
||||
.icon.shadow
|
||||
img src="/images/home/circ-lock.svg" /
|
||||
.block-angl.blue-gradient.margin-under
|
||||
img src="/images/circ-arrow.svg" /
|
||||
.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 for compliance
|
||||
h2.t-white
|
||||
| Transform your compliance and security requirements
|
||||
| into simple code
|
||||
| Transform your compliance and security requirements into simple code
|
||||
#particles-second
|
||||
canvas.particles-js-canvas-el
|
||||
.row
|
||||
.large-5.medium-5.columns.margin-under
|
||||
h3.t-white Codify agreements
|
||||
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 Add context to your tests
|
||||
| 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 Apply to all systems
|
||||
| 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
|
||||
| Combine profiles and customize them with overlays. Pick
|
||||
| controls and define exceptions as code.
|
||||
/! code
|
||||
.large-6.medium-6.columns.code-example.shadow
|
||||
code.code-demo
|
||||
span.code-attribute> control
|
||||
| 'sshd-21'
|
||||
br/
|
||||
span.code-token title
|
||||
| 'Set SSH Protocol to 2'
|
||||
br/
|
||||
span.code-token desc
|
||||
| 'A detailed description about why we
|
||||
| want this...'
|
||||
br/
|
||||
span.code-token impact 1.0
|
||||
| \#this is critical
|
||||
br/
|
||||
span.code-token ref
|
||||
| 'Our little compliance guide, section
|
||||
| 2.1'
|
||||
br/
|
||||
span.code-attribute describe
|
||||
| sshd_config
|
||||
span.code-attribute do
|
||||
br/
|
||||
span.code-attribute its
|
||||
| ('Protocol') { should cmp 2 }
|
||||
br/
|
||||
span.code-attribute end
|
||||
br/
|
||||
span.code-attribute end
|
||||
a.btn.strict-right 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-xl
|
||||
h3.t-white Test the desired state
|
||||
p.t-white Match your infrastructure to your expectations.
|
||||
h3.t-white Add context to your tests
|
||||
p.t-white
|
||||
| Supports many fields like descriptions, tags, and
|
||||
| impact.
|
||||
h3.t-white Apply to all systems
|
||||
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.
|
||||
/! code
|
||||
.large-6.medium-6.columns.code-example.shadow
|
||||
code.code-demo
|
||||
span.code-attribute control
|
||||
| 'sshd-21'
|
||||
br/
|
||||
span.code-token title
|
||||
span.code-token.indent title
|
||||
| 'Set SSH Protocol to 2'
|
||||
br/
|
||||
span.code-token desc
|
||||
| 'A detailed description about why we
|
||||
| want this...'
|
||||
span.code-token.indent desc
|
||||
| 'A detailed description'
|
||||
br/
|
||||
span.code-token impact 1.0
|
||||
| \#this is critical
|
||||
span.code-token.indent impact
|
||||
| 1.0 #this is critical
|
||||
br/
|
||||
span.code-token ref
|
||||
| 'Our little compliance guide, section
|
||||
| 2.1'
|
||||
span.code-token.indent ref
|
||||
| 'compliance guide, section 2.1'
|
||||
br/
|
||||
span.code-attribute describe
|
||||
br/
|
||||
span.code-attribute.indent describe
|
||||
| sshd_config
|
||||
span.code-attribute do
|
||||
br/
|
||||
span.code-attribute its
|
||||
| ('Protocol') { should cmp 2 }
|
||||
span.code-attribute.indent its
|
||||
| ('Protocol') {should cmp 2}
|
||||
br/
|
||||
span.code-attribute.indent end
|
||||
br/
|
||||
span.code-attribute end
|
||||
a.btn.strict-right.t-white 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-xl
|
||||
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
|
||||
| Easily create custom resources and share them.
|
||||
/! code
|
||||
.large-6.medium-6.columns.code-example.shadow
|
||||
code.code-demo
|
||||
span.code-attribute describe
|
||||
| file('/etc/myap.conf')
|
||||
span.code-attribute do
|
||||
br/
|
||||
span.code-attribute.indent it
|
||||
| {should exist}
|
||||
br/
|
||||
span.code-attribute.indent its
|
||||
| ('mode') {should cmp '0644'}
|
||||
br/
|
||||
span.code-attribute end
|
||||
br/
|
||||
br/
|
||||
span.code-attribute describe
|
||||
| myapp.conf
|
||||
span.code-attribute do
|
||||
br/
|
||||
span.code-attribute.indent its
|
||||
| ('port') {should cmp 8080}
|
||||
br/
|
||||
span.code-attribute end
|
||||
a.btn.strict-right Try the Demo
|
||||
/! Fifth Content
|
||||
.row.strict-center.margin-under-xs
|
||||
.large-12.columns data-enllax-ratio=".2" data-enllax-type="foreground"
|
||||
hr/
|
||||
small Inspec and friends
|
||||
h2 Inspec plays nicely with others
|
||||
hr/
|
||||
h4.strict-center.large-8
|
||||
| Use Inspec for DevOps with other technologies for a unified workflow, end-to-end visibility, and automated compliance.
|
||||
br/
|
||||
br/
|
||||
span.code-attribute describe
|
||||
| port(8080)
|
||||
span.code-attribute do
|
||||
br/
|
||||
span.code-attribute.indent it
|
||||
| {should be_listening}
|
||||
br/
|
||||
span.code-attribute end
|
||||
a.btn.strict-right.t-white Try the Demo
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
//= require vendor/jquery.min
|
||||
//= require vendor/foundation.min
|
||||
//= require nav
|
||||
//= require stars
|
||||
//= require jquery.enllax.min
|
||||
//= require particles
|
||||
//= require app
|
||||
|
|
|
|||
254
www/source/javascripts/app.js
Executable file
254
www/source/javascripts/app.js
Executable file
|
|
@ -0,0 +1,254 @@
|
|||
/* -----------------------------------------------
|
||||
/* How to use? : Check the GitHub README
|
||||
/* ----------------------------------------------- */
|
||||
|
||||
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
|
||||
|
||||
particlesJS.load('particles-js', 'particles-second' , 'particles.json', function() {
|
||||
console.log('particles.js loaded - callback');
|
||||
});
|
||||
|
||||
|
||||
/* Otherwise just put the config content (json): */
|
||||
|
||||
particlesJS('particles-second',
|
||||
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 15,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 500
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#ffffff"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 3
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 4,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 150,
|
||||
"color": "#ffffff",
|
||||
"opacity": 0.5,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 4,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": false,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": false,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 10,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 300
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true,
|
||||
"config_demo": {
|
||||
"hide_card": false,
|
||||
"background_color": "#b61924",
|
||||
"background_image": "",
|
||||
"background_position": "50% 50%",
|
||||
"background_repeat": "no-repeat",
|
||||
"background_size": "cover"
|
||||
}
|
||||
}
|
||||
|
||||
);
|
||||
|
||||
particlesJS('particles-js',
|
||||
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 30,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 500
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#ffffff"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 3
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 4,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": false,
|
||||
"distance": 150,
|
||||
"color": "#ffffff",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 4,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 10,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 150
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true,
|
||||
"config_demo": {
|
||||
"hide_card": false,
|
||||
"background_color": "#b61924",
|
||||
"background_image": "",
|
||||
"background_position": "50% 50%",
|
||||
"background_repeat": "no-repeat",
|
||||
"background_size": "cover"
|
||||
}
|
||||
}
|
||||
|
||||
);
|
||||
1541
www/source/javascripts/particles.js
Executable file
1541
www/source/javascripts/particles.js
Executable file
File diff suppressed because it is too large
Load diff
|
|
@ -1,22 +1,28 @@
|
|||
footer#main-footer
|
||||
.container
|
||||
footer#main-footer.dark-bg
|
||||
#dlmsg.strict-center
|
||||
img#hex src="/images/hexagon.svg" /
|
||||
h3.t-white.margin-top-xs See how it works in less than 10 minutes!
|
||||
.row.margin-top-xs
|
||||
a.btn.t-white.try-demo href="#" Try the Demo
|
||||
a.btn.t-white href="https://downloads.chef.io/inspec"
|
||||
i.fa.fa-cloud-download
|
||||
span Download
|
||||
.row
|
||||
.columns.large-3.medium-4
|
||||
.footer--logos
|
||||
a.footer--logo.chef href="http://www.chef.io"
|
||||
img src="/images/chef-logo.png"
|
||||
a.footer--logo.inspec href="/"
|
||||
img src="/images/inspec-by-chef-logo.png"
|
||||
.columns.large-9.medium-8.medium-text-right.text-center
|
||||
a.footer--logo.chef href="http://www.chef.io"
|
||||
img src="/images/chef-logo.png"
|
||||
|
||||
ul.footer--links
|
||||
li
|
||||
a.footer--link href="/legal/licensing" Licensing
|
||||
li
|
||||
a.footer--link href="/legal/terms-and-conditions" Terms & Conditions
|
||||
ul.footer--links
|
||||
li
|
||||
a.footer--link href="/legal/trademark-policy" Trademark Policy
|
||||
li
|
||||
a.footer--link href="/legal/privacy-policy" Privacy Policy
|
||||
p
|
||||
|
||||
p.strict-center
|
||||
small © Chef Software 2016
|
||||
|
|
@ -1,46 +1,46 @@
|
|||
nav#main-nav class="sidebar-layout-#{locals[:sidebar_layout]}"
|
||||
a.main-nav--logo href="/"
|
||||
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
|
||||
|
||||
= partial "layouts/svg/nav-icon.svg"
|
||||
|
||||
ul.main-nav--links
|
||||
li.main-nav--link-ctas
|
||||
a.button.transparent.try-demo href="#" Try the Demo
|
||||
a.button.secondary href="https://downloads.chef.io/inspec" Download
|
||||
a.button href="/"
|
||||
span.main-nav--link-text Overview
|
||||
a href="/tutorials"
|
||||
span.main-nav--link-text Tutorials
|
||||
a href="/docs"
|
||||
span.main-nav--link-text Docs
|
||||
a href="/community"
|
||||
span.main-nav--link-text Community
|
||||
a href="https://downloads.chef.io/inspec"
|
||||
span.main-nav--link-text Downloads
|
||||
a href="https://github.com/chef/inspec"
|
||||
i.main-nav--link-icon.fa.fa-github
|
||||
span.main-nav--link-text Github Project
|
||||
a href="https://github.com/chef/inspec/blob/master/CONTRIBUTING.md"
|
||||
i.main-nav--link-icon.fa.fa-code-fork
|
||||
span.main-nav--link-text Contribute
|
||||
a.btn.try-demo href="#" Try the Demo
|
||||
a.btn href="https://downloads.chef.io/inspec" Download
|
||||
|
||||
- if locals[:sidebar_layout] == 'docs'
|
||||
li.main-nav--sidebar
|
||||
= partial "layouts/sidebar"
|
||||
- else
|
||||
li.main-nav--link
|
||||
a href="/"
|
||||
i.main-nav--link-icon.fa.fa-home
|
||||
span.main-nav--link-text Overview
|
||||
li.main-nav--link
|
||||
a href="/tutorials"
|
||||
i.main-nav--link-icon.fa.fa-flask
|
||||
span.main-nav--link-text Tutorials
|
||||
li.main-nav--link
|
||||
a href="/docs"
|
||||
i.main-nav--link-icon.fa.fa-file-text-o
|
||||
span.main-nav--link-text Docs
|
||||
li.main-nav--link
|
||||
a href="/community"
|
||||
i.main-nav--link-icon.fa.fa-group
|
||||
span.main-nav--link-text Community
|
||||
li.main-nav--link
|
||||
a href="https://downloads.chef.io/inspec"
|
||||
i.main-nav--link-icon.fa.fa-download
|
||||
span.main-nav--link-text Downloads
|
||||
li.main-nav--link
|
||||
a href="https://github.com/chef/inspec"
|
||||
i.main-nav--link-icon.fa.fa-github
|
||||
span.main-nav--link-text Github Project
|
||||
li.main-nav--link
|
||||
a href="https://github.com/chef/inspec/blob/master/CONTRIBUTING.md"
|
||||
i.main-nav--link-icon.fa.fa-code-fork
|
||||
span.main-nav--link-text Contribute
|
||||
|
||||
nav#main-nav-ctas
|
||||
a.button.transparent.try-demo href="#" Try the Demo
|
||||
a.button.secondary href="https://downloads.chef.io/inspec" Download
|
||||
a.main-nav--logo href="/"
|
||||
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
|
||||
a href="/tutorials"
|
||||
span.main-nav--link-text Tutorials
|
||||
a href="/docs"
|
||||
span.main-nav--link-text Docs
|
||||
a href="/community"
|
||||
span.main-nav--link-text Community
|
||||
a href="https://github.com/chef/inspec"
|
||||
i.fa.fa-github-alt
|
||||
span.main-nav--link-text Github
|
||||
a.btn.try-demo href="#" Try the Demo
|
||||
a.btn href="https://downloads.chef.io/inspec"
|
||||
i.fa.fa-cloud-download
|
||||
span.main-nav--link-text Download
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ html
|
|||
|
||||
title = current_page.data.title || "InSpec"
|
||||
|
||||
link href='//allfont.net/allfont.css?fonts=open-sans-light' rel='stylesheet' type='text/css'
|
||||
link href='//fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'
|
||||
link href='//allfont.net/allfont.css?fonts=source-sans-pro' rel='stylesheet' type='text/css'
|
||||
|
||||
link rel='stylesheet' type='text/css' href='css/inspec_tutorial.css'
|
||||
|
|
@ -38,6 +38,16 @@ html
|
|||
javascript:
|
||||
$(window).enllax();
|
||||
|
||||
javascript:
|
||||
$(window).scroll(function() {
|
||||
var scroll = $(window).scrollTop();
|
||||
var objectSelect = $('#icon-trigger');
|
||||
var objectPosition = objectSelect.offset().top;
|
||||
if (scroll > objectPosition) {
|
||||
$('hr').addClass('stretch')
|
||||
}
|
||||
});
|
||||
|
||||
javascript:
|
||||
$(document).foundation();
|
||||
$('.try-demo').click(function(event){
|
||||
|
|
@ -50,6 +60,7 @@ html
|
|||
})
|
||||
});
|
||||
|
||||
|
||||
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");
|
||||
|
|
|
|||
|
|
@ -1,24 +1,25 @@
|
|||
---
|
||||
title: Licensing
|
||||
---
|
||||
.row.margin-both-offset
|
||||
|
||||
h1 Legal/Licensing
|
||||
h2 Legal/Licensing
|
||||
|
||||
p
|
||||
p
|
||||
| Inspec is an open source product governed by the Apache 2.0 license.
|
||||
The license is reproduced here in its entirety.
|
||||
|
||||
|
||||
h2 Apache License
|
||||
h2 Apache License
|
||||
|
||||
p Version 2.0, January 2004
|
||||
p Version 2.0, January 2004
|
||||
|
||||
p
|
||||
p
|
||||
a href="http://www.apache.org/licenses/" http://www.apache.org/licenses/
|
||||
|
||||
p TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
p TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
ol
|
||||
ol
|
||||
li
|
||||
strong Definitions.
|
||||
|
||||
|
|
@ -72,4 +73,4 @@ ol
|
|||
li
|
||||
p <strong>Accepting Warranty or Additional Liability.</strong> While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
|
||||
|
||||
p END OF TERMS AND CONDITIONS
|
||||
p END OF TERMS AND CONDITIONS
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
title: InSpec - Privacy Policy
|
||||
---
|
||||
|
||||
.row
|
||||
.row.margin-both-offset
|
||||
.columns.medium-12
|
||||
h1.no-margin Chef Privacy Policy
|
||||
h2.no-margin Chef Privacy Policy
|
||||
p This privacy policy ("Policy") explains how Personal Information is collected, used, and disclosed by Chef Software, Inc. ("Chef, "we" or "us") with respect to your use of the Web sites operated by Chef that link to this Policy, including without limitation www.Chef.io (collectively the "Sites") and any services provided to you by Chef (the "Services"). We reserve the right to change the provisions of this Policy at any time. We will alert you that changes have been made by indicating on the Policy the date it was last updated. We encourage you to review this Policy from time to time to make sure that you understand how any Personal Information you provide will be used.
|
||||
p Please read this policy carefully to understand our policies and practices regarding your information and how we will treat it. If you do not agree with our policies and practices, your choice is not to use our Sites or Services. By accessing or using the Sites or Services, you agree to this privacy policy. Your continued use of the Sites or Services after we make changes is deemed to be acceptance of those changes, so please check the policy periodically for updates.
|
||||
h4 WHAT IS PERSONAL INFORMATION?
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
title: Terms and Conditions of Use
|
||||
---
|
||||
|
||||
.row
|
||||
.row.margin-both-offset
|
||||
.columns.medium-12
|
||||
h1.no-margin Terms and Conditions of Use
|
||||
h2.no-margin Terms and Conditions of Use
|
||||
|
||||
p
|
||||
strong
|
||||
|
|
|
|||
|
|
@ -1,32 +1,33 @@
|
|||
---
|
||||
title: Inspec - Trademark Policy
|
||||
---
|
||||
.row.margin-both-offset
|
||||
|
||||
h1 Chef Trademark Policy
|
||||
p
|
||||
h2 Chef Trademark Policy
|
||||
p
|
||||
small June 16, 2016
|
||||
|
||||
h4
|
||||
h4
|
||||
u INTRODUCTION
|
||||
p This document outlines the policy of Chef Software Inc. ("Chef") regarding the use of Chef trademarks and/or logos, including without limitation Chef's Open Source Projects, such as for example, Habitat, InSpec and Server ("Chef Marks"). Any use of any Chef Mark must be in accordance with this policy or a separate license agreement. Any use that does not comply with this policy or does not have written authorization from Chef is not authorized. Any goodwill generated by the use of any Chef Marks will be for the benefit of Chef. This Trademark Policy ("Policy") attempts to balance two competing interests: Chef's need to ensure that the Chef Marks remain reliable indicators of quality, source, and security; and Chef's desire to permit community members, contributors, software users and distributors, and others to discuss the Chef products and to accurately describe their affiliation with Chef. Striking a proper balance is a complex situation that many organizations - in particular those whose products are distributed electronically - wrestle with every day and Chef has attempted to balance it here. Chef protects its Chef Marks on behalf and for the benefit of the entire community. The law obligates trademark owners to police their marks and prevent the use of confusingly similar names by third parties. If you have questions about this Policy, please contact the Chef marketing team at <a href="mailto:marketing@chef.io">marketing@chef.io</a>.
|
||||
p Underlying this Policy is the general law of trademarks. Trademarks exist to help consumers identify, and organizations publicize, the source of products. Someone's trust in the Chef name and products is crucial to us. Particularly in connection with intangible products like software, trust is all consumers have to decide on which product to choose. Chef also caretakes and curates the trust of the Chef community. This Policy seeks to protect both the public's and the Chef community's trust in the Chef Marks.
|
||||
p In addition, Chef may receive reports about websites or companies using the Chef Marks to promote other products and services, or using modified versions of the Chef Marks. The problem with these activities is that they may be deceptive, harm users, cause consumer confusion, or jeopardize the identity and meaning of the Chef Marks. Such cases range from good intentions but improper use of the trademarks, to people intentionally trading on the Chef brand for their own benefit and/or to distribute modified versions of the product, to a clear intent to deceive, manipulate and steal from users in a highly organized and syndicated fashion. When Chef receives reports of such activities, or identifies problematic activities, Chef analyzes the reports and treats each case individually based on the intent and severity of the matter.
In creating this Policy, Chef seeks to clarify legitimate uses of the Chef Marks. Although this Policy is composed of a number of specific examples, most reflect the fundamental requirement that<u> your use of the Chef Marks be non-confusing and non-disparaging.</u> "Non-confusing" means people should always know with whom they are dealing and where the software originates. Websites, software and other services that are not officially maintained or supported by Chef should not imply, either directly or by omission, that they are. These basic requirements can serve as a guide as you work your way through the Policy.
|
||||
p This Policy, prepared by Chef, sets out rules for proper use of the Chef Marks. Some, but not all, Chef Marks include the following:
|
||||
ul
|
||||
p This document outlines the policy of Chef Software Inc. ("Chef") regarding the use of Chef trademarks and/or logos, including without limitation Chef's Open Source Projects, such as for example, Habitat, InSpec and Server ("Chef Marks"). Any use of any Chef Mark must be in accordance with this policy or a separate license agreement. Any use that does not comply with this policy or does not have written authorization from Chef is not authorized. Any goodwill generated by the use of any Chef Marks will be for the benefit of Chef. This Trademark Policy ("Policy") attempts to balance two competing interests: Chef's need to ensure that the Chef Marks remain reliable indicators of quality, source, and security; and Chef's desire to permit community members, contributors, software users and distributors, and others to discuss the Chef products and to accurately describe their affiliation with Chef. Striking a proper balance is a complex situation that many organizations - in particular those whose products are distributed electronically - wrestle with every day and Chef has attempted to balance it here. Chef protects its Chef Marks on behalf and for the benefit of the entire community. The law obligates trademark owners to police their marks and prevent the use of confusingly similar names by third parties. If you have questions about this Policy, please contact the Chef marketing team at <a href="mailto:marketing@chef.io">marketing@chef.io</a>.
|
||||
p Underlying this Policy is the general law of trademarks. Trademarks exist to help consumers identify, and organizations publicize, the source of products. Someone's trust in the Chef name and products is crucial to us. Particularly in connection with intangible products like software, trust is all consumers have to decide on which product to choose. Chef also caretakes and curates the trust of the Chef community. This Policy seeks to protect both the public's and the Chef community's trust in the Chef Marks.
|
||||
p In addition, Chef may receive reports about websites or companies using the Chef Marks to promote other products and services, or using modified versions of the Chef Marks. The problem with these activities is that they may be deceptive, harm users, cause consumer confusion, or jeopardize the identity and meaning of the Chef Marks. Such cases range from good intentions but improper use of the trademarks, to people intentionally trading on the Chef brand for their own benefit and/or to distribute modified versions of the product, to a clear intent to deceive, manipulate and steal from users in a highly organized and syndicated fashion. When Chef receives reports of such activities, or identifies problematic activities, Chef analyzes the reports and treats each case individually based on the intent and severity of the matter.
In creating this Policy, Chef seeks to clarify legitimate uses of the Chef Marks. Although this Policy is composed of a number of specific examples, most reflect the fundamental requirement that<u> your use of the Chef Marks be non-confusing and non-disparaging.</u> "Non-confusing" means people should always know with whom they are dealing and where the software originates. Websites, software and other services that are not officially maintained or supported by Chef should not imply, either directly or by omission, that they are. These basic requirements can serve as a guide as you work your way through the Policy.
|
||||
p This Policy, prepared by Chef, sets out rules for proper use of the Chef Marks. Some, but not all, Chef Marks include the following:
|
||||
ul
|
||||
li Chef and Chef Logo
|
||||
li Inspec and Inspec Logo
|
||||
li Compliance at Velocity
|
||||
li CODE CAN
|
||||
li RULE THE CLOUD
|
||||
li POWERED BY CHEF
|
||||
p Chef may update its Chef Marks from time to time and without prior notice. If you ever have any questions about a Chef Mark, please contact Chef at <a href="mailto:marketing@chef.io">marketing@chef.io</a>.
Approved Chef logos can be downloaded here: <a href="http://style.chef.io/branding/">http://style.chef.io/branding/</a>
|
||||
p This Policy applies to all uses of the Chef Marks, in text and logo form, whether or not identified above.
|
||||
h4
|
||||
p Chef may update its Chef Marks from time to time and without prior notice. If you ever have any questions about a Chef Mark, please contact Chef at <a href="mailto:marketing@chef.io">marketing@chef.io</a>.
Approved Chef logos can be downloaded here: <a href="http://style.chef.io/branding/">http://style.chef.io/branding/</a>
|
||||
p This Policy applies to all uses of the Chef Marks, in text and logo form, whether or not identified above.
|
||||
h4
|
||||
u OBJECTIVE AND SCOPE OF THE CHEF TRADEMARK POLICY
|
||||
p The objective of this Policy is to ensure that the Chef Marks remain reliable indicators of source and quality and that they are protected from inappropriate and unauthorized use. This Policy explains when and how you may use the Chef Marks without written authorization and, conversely, when written permission from Chef is required. Chef reserves the right to review all usage of the Chef Marks and to terminate use of the Chef Marks by any party for non-compliance with this Policy or written authorization. Chef may change this Policy at its sole discretion at any time effective immediately upon being published at https://www.chef.io/trademark-policy/ .
|
||||
h4
|
||||
p The objective of this Policy is to ensure that the Chef Marks remain reliable indicators of source and quality and that they are protected from inappropriate and unauthorized use. This Policy explains when and how you may use the Chef Marks without written authorization and, conversely, when written permission from Chef is required. Chef reserves the right to review all usage of the Chef Marks and to terminate use of the Chef Marks by any party for non-compliance with this Policy or written authorization. Chef may change this Policy at its sole discretion at any time effective immediately upon being published at https://www.chef.io/trademark-policy/ .
|
||||
h4
|
||||
u AUTHORIZED USE OF CHEF MARKS
|
||||
ul
|
||||
ul
|
||||
li
|
||||
u SUMMARY
|
||||
ul
|
||||
|
|
@ -47,10 +48,10 @@ ul
|
|||
li PRODUCTS AND SERVICES RELATED TO CHEF SOFTWARE: If you offer products or services related to Chef Marks, you may use the Chef Marks in describing and advertising your product so long as you don't mislead customers into thinking that either your website, service, or product is a Chef website, service, or product, or that Chef has any direct relationship with your organization. For example: "FooCo Management Dashboard for Chef Inspec" is okay. "FooCo Chef" is not okay, nor is "FooCo Chef Automate Dashboard". In addition, your website may not copy the look and feel of any Chef website. Again, Chef does not want the visitor to your website to be confused with whom she/he is dealing. When in doubt, err on the side of providing more, rather than less, explanation and information.
|
||||
li MARKS AND MERCHANDISE: You must obtain prior written approval from Chef to use the Chef Marks in any merchandise. In general, permission to use a Chef Mark may be granted for those wishing to create merchandise that promotes Chef and the Chef community. Permission will typically be denied to merchandise that would detract, disparage, or insult Chef or the Chef community. (We hope this comes as no surprise.)
|
||||
li MODIFICATIONS: There is one additional broad category of things you can't do with the Chef Marks - produce modified versions of them. A modified mark also would raise the possibility of consumer confusion, thus violating Chef trademark rights (remember the overarching requirement that any use of a Chef Mark be non-confusing?).
|
||||
h4
|
||||
h4
|
||||
u UNAUTHORIZED USE OF THE CHEF MARKS
|
||||
p Unauthorized use of the Chef Marks or marks that are confusingly similar may constitute an infringement of Chef trademark rights and are strictly prohibited. The following are examples of unauthorized uses of the Chef Marks or company name "Chef Software":
|
||||
ul
|
||||
p Unauthorized use of the Chef Marks or marks that are confusingly similar may constitute an infringement of Chef trademark rights and are strictly prohibited. The following are examples of unauthorized uses of the Chef Marks or company name "Chef Software":
|
||||
ul
|
||||
li
|
||||
u Use of Chef Marks in connection with third party marks:
|
||||
| Use of the Chef Marks in connection with or as part of company names, trademarks or logos is not allowed. Do not hyphenate Chef with your product name to create a new product name. You may not use or register, in whole or in part, Chef, Chef logos or any other Chef trademarks, including Chef -owned graphic symbols, icons or any alteration thereof, as part of your trademark, service mark, company name, trade name, product name or service name. You may not incorporate the Chef Marks into the name or logo of your website, domain name, Internet keywords, metatags, or trigger words to lead to a website or other Internet destination, product, business or service.
|
||||
|
|
@ -69,16 +70,16 @@ ul
|
|||
li
|
||||
u Endorsement or Sponsorship:
|
||||
| You may not use Chef Marks to imply approval, sponsorship, endorsement or affiliation of your company, website, products or services by Chef or the Chef project.
|
||||
p Please note that the preceding examples are illustrative rather than an exhaustive list of types of unauthorized uses of the Chef Marks. All rights not explicitly granted in this Policy are expressly reserved by Chef.
|
||||
h4
|
||||
p Please note that the preceding examples are illustrative rather than an exhaustive list of types of unauthorized uses of the Chef Marks. All rights not explicitly granted in this Policy are expressly reserved by Chef.
|
||||
h4
|
||||
u QUESTIONS AND REPORTING MISUSE OF THE CHEF MARKS
|
||||
p If You wish to obtain Chef permission for any uses above or for any other use which is not specifically addressed in this Policy or You became aware of unauthorized use of the Chef Marks, please contact <a href="mailto:marketing@chef.io">marketing@chef.io</a>. Please note that permission will only be granted under certain conditions and/or subject to You entering into an agreement with Chef to maintain the quality of the products and or services You offer.
|
||||
p Chef reserves the right to revoke the authorization at any time in its sole discretion. If Chef determines that Your use of a Chef Mark does not truthfully and accurately identify the inclusion of the applicable Chef technology or Your use is otherwise unacceptable or detrimental to Chef or outside the scope of this Policy or an applicable license, Chef will revoke the authorization. Upon revocation of the authorization You agree that You will immediately cease all use of the applicable Chef Mark.
|
||||
h4
|
||||
p If You wish to obtain Chef permission for any uses above or for any other use which is not specifically addressed in this Policy or You became aware of unauthorized use of the Chef Marks, please contact <a href="mailto:marketing@chef.io">marketing@chef.io</a>. Please note that permission will only be granted under certain conditions and/or subject to You entering into an agreement with Chef to maintain the quality of the products and or services You offer.
|
||||
p Chef reserves the right to revoke the authorization at any time in its sole discretion. If Chef determines that Your use of a Chef Mark does not truthfully and accurately identify the inclusion of the applicable Chef technology or Your use is otherwise unacceptable or detrimental to Chef or outside the scope of this Policy or an applicable license, Chef will revoke the authorization. Upon revocation of the authorization You agree that You will immediately cease all use of the applicable Chef Mark.
|
||||
h4
|
||||
u ACKNOWLEDGEMENT
|
||||
p
|
||||
p
|
||||
strong Nothing in this Trademark Policy shall be interpreted to allow any third party to claim any association with Chef or to imply any approval or support by Chef for any third party products or services.
|
||||
p
|
||||
p
|
||||
strong You acknowledge and agree that Chef is the sole and exclusive owner of the Chef Marks and agree that You will do nothing inconsistent with such ownership either during the term of such use or afterwards. You agree that you will not acquire any rights in the Chef Marks and that any goodwill generated by your use of the Chef Marks inures solely to the benefit of Chef. You also agree that "Chef" is not descriptive or generic and you agree not to challenge Chef's rights in the Chef Marks, including but not limited to its trademark applications and registrations, on any grounds. You also ensure that Your use of the Chef Marks does not create any confusion as to the source of Your products, services and activities and those of the Chef community or Chef. You agree not to challenge Chef's rights in the Chef Marks, including but not limited to its trademark applications and registrations, on any grounds.
|
||||
p
|
||||
p
|
||||
strong Thank you for caring about the Chef brand!
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
a {
|
||||
font-family: $main-font;
|
||||
font-family: $heading-font;
|
||||
color: $color_link;
|
||||
@extend %transition;
|
||||
}
|
||||
|
|
@ -7,8 +7,8 @@ a {
|
|||
.btn {
|
||||
background: transparent;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 7px;
|
||||
color: $color_white;
|
||||
border-radius: 4px;
|
||||
color: $color_purple;
|
||||
padding: 0.6rem 1.25rem;
|
||||
border-left: 1px solid $color_purple;
|
||||
border-right: 1px solid $color_link;
|
||||
|
|
@ -20,8 +20,10 @@ a {
|
|||
&:hover {
|
||||
background-color: $color_purple;
|
||||
color: $color_white;
|
||||
border-color: $color_purple;
|
||||
background-image: initial;
|
||||
}
|
||||
&.inverse {
|
||||
&.btn-inverse {
|
||||
color: $color_purple;
|
||||
&:hover {
|
||||
background-color: $color_purple;
|
||||
|
|
|
|||
|
|
@ -21,3 +21,7 @@
|
|||
.code-comment {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.indent {
|
||||
padding-left: 1em;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,78 +1,83 @@
|
|||
//Not Styled Yet
|
||||
|
||||
#main-footer {
|
||||
padding: 30px 0;
|
||||
margin-top: 40px;
|
||||
background: $color_heading;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.footer--logos {
|
||||
@include nav-small {
|
||||
max-width: 230px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
#main-footer > .row {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
footer > #dlmsg {
|
||||
padding-top: $percent_md;
|
||||
padding-bottom: $percent_md;
|
||||
}
|
||||
|
||||
footer a.btn:last-child {
|
||||
margin-left: 1.6em;
|
||||
}
|
||||
|
||||
footer span {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.footer--logo {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
filter: brightness(0) invert(1);
|
||||
|
||||
&.chef {
|
||||
width: 27%;
|
||||
padding-right: 5%;
|
||||
border-right: 1px solid $color_gray;
|
||||
width: 80px;
|
||||
border-left: 1px solid $color_white;
|
||||
padding-left:1.6em;
|
||||
}
|
||||
|
||||
&.inspec {
|
||||
width: 46%;
|
||||
padding-left: 5%;
|
||||
width: 130px;
|
||||
padding-right:1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
.footer--links {
|
||||
margin-left: auto;
|
||||
display: inline-flex;
|
||||
@extend .no-bullet;
|
||||
margin: 25px 0 0;
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
|
||||
& > li {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
margin: 10px 0 5px;
|
||||
|
||||
& > li {
|
||||
display: inline-block;
|
||||
margin: 0 25px 0 0;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 880px) {
|
||||
display: inline-block;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer--link {
|
||||
margin-left: 1.6em;
|
||||
color: $color_gray;
|
||||
text-transform: uppercase;
|
||||
font-family: $heading-font;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: darken($color_gray, 15%);
|
||||
color: $color_purple;
|
||||
}
|
||||
}
|
||||
//Hex Animation
|
||||
img#hex {
|
||||
width: 25px;
|
||||
-webkit-animation: spin 2s linear infinite both;
|
||||
animation: spin 2s linear infinite both;
|
||||
-moz-animation: spin 2s linear infinite both;
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
from { -moz-transform: rotate(0deg); }
|
||||
to { -moz-transform: rotate(360deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
from { -webkit-transform: rotate(0deg); }
|
||||
to { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
from {transform:rotate(0deg);}
|
||||
to {transform:rotate(360deg);}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,33 +4,101 @@
|
|||
header {
|
||||
height: 500px;
|
||||
}
|
||||
#container {
|
||||
#particles-js {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.h-top {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
background-color: transparent;
|
||||
margin-top: -500px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#particles-second{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
height:100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
|
||||
.h-top {
|
||||
height: 500px;
|
||||
img {
|
||||
&:first-of-type {
|
||||
height: 500px;
|
||||
position: relative;
|
||||
height: 420px;
|
||||
position: absolute;
|
||||
top:90px;
|
||||
z-index: 10;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
position: absolute;
|
||||
height: 250px;
|
||||
top: 120px;
|
||||
z-index: -1;
|
||||
margin-top: 115px;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: 75%;
|
||||
position: absolute;
|
||||
margin-top: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
//Hero Community
|
||||
|
||||
img.grid {
|
||||
margin-top: -80px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
img.ball {
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
margin-left: 240px;
|
||||
margin-top: 20px;
|
||||
-webkit-animation: spin 2s linear infinite both;
|
||||
animation: spin 2s linear infinite both;
|
||||
-moz-animation: spin 2s linear infinite both;
|
||||
}
|
||||
|
||||
img.ball:nth-child(2){
|
||||
width: 55px;
|
||||
margin-left: 150px;
|
||||
margin-top: 110px;
|
||||
}
|
||||
|
||||
img.ball:nth-child(3){
|
||||
width: 75px;
|
||||
margin-left: 290px;
|
||||
margin-top: 130px;
|
||||
}
|
||||
|
||||
//Tutorials
|
||||
|
||||
.tutorials {
|
||||
height: 200px;
|
||||
margin-top: 25px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tutorials .purp-shade {
|
||||
line-height: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.tutorials h2 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.tutorials #particles-second {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
max-height: 200px;
|
||||
z-index: initial;
|
||||
}
|
||||
// Animation for Home Page
|
||||
|
||||
//Reflecting Diamond
|
||||
|
|
@ -96,3 +164,22 @@ header {
|
|||
transform: rotateZ(10deg) scale3d(0.7, 1.2, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
//Warping Grid Animation//
|
||||
|
||||
.stretch{
|
||||
-webkit-animation: grow 1.2s linear 1 both;
|
||||
animation: grow 1.2s linear 1 both;
|
||||
-moz-animation: grow 1.2s linear 1 both;
|
||||
}
|
||||
@-webkit-keyframes grow {
|
||||
from { width:0px;}
|
||||
to {width:150px;}
|
||||
}
|
||||
|
||||
@keyframes grow {
|
||||
from { width:0px;}
|
||||
|
||||
to {width:150px;}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,15 @@
|
|||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.strict-left {
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
//margins
|
||||
|
||||
.margin-both-xl {
|
||||
|
|
@ -27,12 +36,28 @@
|
|||
margin-top: $percent_md;
|
||||
margin-bottom: $percent_md;
|
||||
}
|
||||
|
||||
.pad-both {
|
||||
padding-top: $percent_md;
|
||||
padding-bottom: $percent_md;
|
||||
}
|
||||
.margin-both-offset {
|
||||
margin-top: 140px;
|
||||
margin-bottom: $percent_md;
|
||||
}
|
||||
.margin-top {
|
||||
margin-top: $percent_md;
|
||||
}
|
||||
.margin-under {
|
||||
margin-bottom: $percent_md;
|
||||
}
|
||||
.margin-both-xs {
|
||||
margin-top: $percent_sm;
|
||||
margin-bottom: $percent_sm;
|
||||
}
|
||||
.margin-top-xs {
|
||||
margin-top: $percent_sm;
|
||||
}
|
||||
.margin-under-xs {
|
||||
margin-bottom: $percent_sm;
|
||||
}
|
||||
|
|
@ -67,18 +92,16 @@
|
|||
background: $color_triangle_block;
|
||||
clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
|
||||
}
|
||||
.triangle-shade {
|
||||
background-image: url('/images/home/triangle-motif.png');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: 85% 0;
|
||||
}
|
||||
|
||||
.purp-shade {
|
||||
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%);
|
||||
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%);
|
||||
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%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66976ee5', endColorstr='#00976ee5',GradientType=1 );
|
||||
}
|
||||
.dark-bg {
|
||||
background-color: $color_heading;
|
||||
}
|
||||
.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%);
|
||||
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%);
|
||||
|
|
|
|||
|
|
@ -7,6 +7,11 @@ $side-nav-padding-small: 30px;
|
|||
|
||||
$nav-breakpoint: 730px;
|
||||
|
||||
nav {
|
||||
z-index: 200;
|
||||
box-shadow: 0 0 4px rgba(151, 110, 229, 0.1);
|
||||
}
|
||||
|
||||
@mixin nav-large {
|
||||
@media (min-width: #{$nav-breakpoint}) {
|
||||
@content;
|
||||
|
|
@ -90,17 +95,9 @@ $nav-breakpoint: 730px;
|
|||
}
|
||||
|
||||
.main-nav--logo {
|
||||
display: block;
|
||||
|
||||
@include nav-small {
|
||||
max-width: 130px;
|
||||
margin: 15px 0 15px $side-nav-padding-small;
|
||||
}
|
||||
|
||||
@include nav-large {
|
||||
padding: 0 $side-nav-padding-large;
|
||||
margin: 30px 0;
|
||||
}
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.main-nav--links {
|
||||
|
|
@ -162,6 +159,29 @@ $nav-breakpoint: 730px;
|
|||
#main-nav-ctas {
|
||||
transition: top 0.3s ease;
|
||||
background: $color_white;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
|
||||
.main-nav--link-text {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
margin-left: 1.6em;
|
||||
color: $color_gray;
|
||||
}
|
||||
|
||||
a#main-nav--logo {
|
||||
margin-left: initial!important;
|
||||
}
|
||||
|
||||
a:hover, a.btn, a:active {
|
||||
color: $color_purple;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@include nav-small {
|
||||
display: none;
|
||||
|
|
@ -172,8 +192,7 @@ $nav-breakpoint: 730px;
|
|||
z-index: 90;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
padding: 30px 10px 30px 0;
|
||||
line-height: 80px;
|
||||
text-align: right;
|
||||
|
||||
& > .button {
|
||||
|
|
@ -181,3 +200,10 @@ $nav-breakpoint: 730px;
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.main-nav--logo {
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
float: left;
|
||||
margin-left: initial!important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
//colors
|
||||
$color_heading: #2c2e30;
|
||||
$color_paragraph: #647b82;
|
||||
$color_paragraph: #69787f;
|
||||
$color_gray: #b0bebf;
|
||||
$color_white: white;
|
||||
$color_link: #3ab3ce;
|
||||
$color_purple: #955af2;
|
||||
$color_purple: #8d66d8;
|
||||
$color_code_token: #3bc5cc;
|
||||
$color_hr: rgba(99,206,153,1);
|
||||
$color_shadow: rgba(151,110,229,0.2);
|
||||
|
|
@ -15,14 +15,14 @@ $color_blue_shade_2: rgba(58, 142, 206, 1);
|
|||
|
||||
//Font
|
||||
|
||||
$heading-font: 'open sans light', Helvetica, Arial, sans-serif;
|
||||
$heading-font:'Roboto', sans-serif;
|
||||
$main-font: 'source sans pro light', Helvetica, Arial, sans-serif;
|
||||
|
||||
//Margin Sizes
|
||||
|
||||
$percent_lg: 12%;
|
||||
$percent_md: 8%;
|
||||
$percent_sm: 3%;
|
||||
$percent_md: 100px;
|
||||
$percent_sm: 40px;
|
||||
|
||||
//Shared Styles
|
||||
|
||||
|
|
|
|||
|
|
@ -2,23 +2,28 @@ h1 {
|
|||
font-family: $heading-font;
|
||||
font-size: 36px;
|
||||
color: $color_heading;
|
||||
font-weight: 300;
|
||||
}
|
||||
h2 {
|
||||
font-family: $heading-font;
|
||||
font-size: 30px;
|
||||
color: $color_heading;
|
||||
font-weight: 300;
|
||||
}
|
||||
h3 {
|
||||
font-family: $heading-font;
|
||||
font-size: 20px;
|
||||
color: $color_heading;
|
||||
font-weight: 300;
|
||||
}
|
||||
h4 {
|
||||
font-family: $heading-font;
|
||||
font-size: 20px;
|
||||
color: $color_paragraph;
|
||||
line-height: 1.4em;
|
||||
font-weight: 300;
|
||||
}
|
||||
p {
|
||||
p, ol, ul, li {
|
||||
font-family: $main-font;
|
||||
color: $color_paragraph;
|
||||
font-weight: 300;
|
||||
|
|
@ -31,9 +36,10 @@ small {
|
|||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
width: 0px;
|
||||
border: 0;
|
||||
height: 1px;
|
||||
width: 20%;
|
||||
background-color: $color_hr;
|
||||
background: linear-gradient(to right, $color_hr 0, $color_link 100%);
|
||||
filter: progid:dximagetransform.microsoft.gradient(startcolorstr='$color_hr', endcolorstr='$color_link', gradienttype=1 );
|
||||
|
|
|
|||
|
|
@ -2,16 +2,22 @@
|
|||
title: InSpec - Tutorials
|
||||
---
|
||||
|
||||
.row
|
||||
.columns.large-10.large-offset-1
|
||||
img.hero--img src="/images/tutorials/tutorial-icon.png"
|
||||
h1.hero--heading InSpec Tutorials
|
||||
h2.hero--subhead.text-center
|
||||
| Clear, step-by-step instructions for getting started and building
|
||||
your InSpec skills.
|
||||
.row
|
||||
/! animated banner
|
||||
.tutorials.blue-gradient
|
||||
#particles-second
|
||||
canvas.particles-js-canvas-el /
|
||||
.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
|
||||
|
||||
|
||||
|
||||
.row.margin-top
|
||||
.columns.medium-12
|
||||
h3.tutorials--subhead Tutorials
|
||||
h3 Tutorials
|
||||
hr.strict-left
|
||||
p Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
|
||||
ul.tutorials--links.no-bullet
|
||||
li
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue