Mirrors/inspec
2
0
Fork 0
mirror of https://github.com/inspec/inspec synced 2024-11-23 05:03:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

Hannah Review1 (#2683)

Browse source 
* Smaller triangle - slowed down grid animation

* Remove slide-up from community footer - adjust slider speed

* Beginning of tutorials

* Added links

* Tutorials sliders
This commit is contained in:
hannah-radish 2018-02-17 10:27:10 -08:00 committed by Dominik Richter
parent 4a6f947fb1
commit bea3d15b4c
11 changed files with 149 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -81,14 +81,14 @@ header.margin-top-offset
| Whether it’s a code review or a commit, your participation matters.
.row.strict-center
.large-6.medium-6.columns.margin-under-xs.z-20
.box-white.shadow-dark.strict-center.fit-height.slide-up
.box-white.shadow-dark.strict-center.fit-height
img.icon-art.margin-both-xs src="/images/community/contribute.svg" /
h4.t-purple Contribute
p
| InSpec is an OSS project created and supported by active and passionate users. If you would like to contribute, we would love to have you.
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://github.com/chef/inspec" start contributing
.large-6.medium-6.columns.margin-under-xs.z-20
.box-white.shadow-dark.strict-center.fit-height.slide-up
.box-white.shadow-dark.strict-center.fit-height
img.icon-art.margin-both-xs src="/images/community/bugs.svg" /
h4.t-purple Give feedback
p

BIN
www/source/images/community/users/Annie.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
www/source/images/community/users/Christian.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
www/source/images/community/users/jeremy.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
www/source/images/community/users/noavatar.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 KiB

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

@ -106,7 +106,7 @@ header.bg-gradient.margin-top-offset.short-bg.relative
.tooltip-triangle
.box-dark.tip.shadow
pre
code inspec exec linux-baseline
code $ inspec exec linux-baseline
.margin-top-xs
.row.align
.large-6.medium-6.columns

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

@ -115,6 +115,29 @@ html
$(this).html($(this).html() == 'Collapse new features' ? 'Show all new features' : 'Collapse new features');
});
});
// tutorial content slider
$(function() {
$(".collapseContent").hide();
$(".collapsebtn").addClass("fa-plus-square");
$('.collapseToggle').click(function() {
var el = $(this).parent().find('.collapseContent')
el.slideToggle("fast")
// $('.collapseContent').slideToggle("fast");
var btn = $(this).find('.collapsebtn')
if(btn.hasClass('fa-minus-square')) {
btn.addClass('fa-plus-square')
btn.removeClass('fa-minus-square')
} else {
btn.addClass('fa-minus-square')
btn.removeClass('fa-plus-square')
}
});
});
// scroll spy animations

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

@ -21,6 +21,20 @@ a.button, a.link {
text-transform: uppercase;
}
.a-purple {
@extend %transition;
cursor: pointer;
text-decoration: none;
&:hover {
color: $color_purple;
}
}
a.block {
line-height: 2em;
}
// All CTA's
a.button {

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

@ -25,6 +25,12 @@ header {
line-height: $percent_sm;
}
//collapse toggle
.collapseToggle {
cursor: pointer;
}
//particle art
#particles-js, #particles-second, #particles-third { // Animated line particles
@ -47,6 +53,11 @@ img.diamond {
width: 14rem;
}
img.avatar {
height: 60px;
width: auto;
}
.octagons {
margin: auto;
position: absolute;
@ -145,9 +156,9 @@ img.ball:nth-child(3) {
// Animation for Home Page
.grid-animate { // Warping Grid Animation//
-moz-animation: g-animate 8s linear infinite both;
-webkit-animation: g-animate 8s linear infinite both;
animation: g-animate 8s linear infinite both;
-moz-animation: g-animate 25s linear infinite both;
-webkit-animation: g-animate 25s linear infinite both;
animation: g-animate 25s linear infinite both;
}
@-webkit-keyframes g-animate {
@ -395,9 +406,9 @@ img.ball:nth-child(3) {
}
.slide-in {
animation: slide-in 0.5s forwards;
-webkit-animation: slide-in 0.5s forwards;
-moz-animation: slide-in 0.5s forwards;
animation: slide-in 0.8s forwards;
-webkit-animation: slide-in 0.8s forwards;
-moz-animation: slide-in 0.8s forwards;
}
.slide-out {

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

@ -14,6 +14,7 @@
.strict-right {
float: right;
text-align: right;
margin-left: auto;
@include nav-small{ //mobile
float: initial;
@ -74,6 +75,7 @@
-moz-transform: translateY(-25%);
}
.align-vertical-50 {
position: relative;
top: 50%;
@ -313,14 +315,14 @@
width: 80px;
height: 80px;
position: absolute;
margin-right: -10px;
margin-bottom: -10px;
margin-right: -25px;
margin-bottom: -25px;
right: 0;
bottom: 0;
clip: rect(auto, 90px, auto, 50px);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg) scale(0.5);
-moz-transform: rotate(45deg) scale(0.5);
transform: rotate(45deg) scale(0.5);
}
.triangle-right::after {

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

@ -62,7 +62,92 @@ header.bg-gradient.margin-top-offset.short-bg.relative
a.button.btn-lg.btn-purple.shadow-dark.margin-top-xs href="https://learn.chef.io/modules/hp-compliance#/"
i.fa.fa-book
span start learning
.triangle-right
/! community tutorials
.row.relative.margin-under-sm
.columns.strict-center
hr.center
small.t-gray from the community
h2.txt-margin Tutorials from our community
hr.center
.margin-under
.row
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle
img.avatar src="/images/community/users/Annie.png"
.block.margin-left-sm
h3.a-purple Getting started with InSpec - The InSpec basics series
small.t-gray by annie hedgepath
a.strict-right
i.collapsebtn.fa
.collapseContent.margin-top-sm
a.block href="http://www.anniehedgie.com/inspec-basics-1"
i.fa.fa-angle-double-right
span InSpec Tutorial: Day 1 - Hello World
a.block href="http://www.anniehedgie.com/inspec-basics-2"
i.fa.fa-angle-double-right
span InSpec Tutorial: Day 2 - Command Resource
a.block href="http://www.anniehedgie.com/inspec-basics-3"
i.fa.fa-angle-double-right
span InSpec Tutorial: Day 3 - File Resource
a.block href="http://www.anniehedgie.com/inspec-basics-4"
i.fa.fa-angle-double-right
span InSpec Tutorial: Day 4 - Custom Matchers
a.block href="http://www.anniehedgie.com/inspec-basics-5"
i.fa.fa-angle-double-right
span InSpec Tutorial: Day 5 - Creating a Profile
a.block href="http://www.anniehedgie.com/inspec-basics-6"
i.fa.fa-angle-double-right
span InSpec Basics: Day 6 - Ways to Run It and Places to Store It
a.block href="http://www.anniehedgie.com/inspec-basics-7"
i.fa.fa-angle-double-right
span InSpec Basics: Day 7 - How to Inherit a Profile from Chef Compliance Server
a.block href="http://www.anniehedgie.com/inspec-basics-8"
i.fa.fa-angle-double-right
span InSpec Basics: Day 8 - Regular Expressions
a.block href="http://www.anniehedgie.com/inspec-basics-9"
i.fa.fa-angle-double-right
span InSpec Basics: Day 9 - Attributes
.row
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align.collapseToggle
img.avatar src="/images/community/users/Christian.png"
.block.margin-left-sm
h3.a-purple Windows infrastructure testing using InSpec - Two part series
small.t-gray by Christian Johannsen
a.strict-right
i.collapsebtn.fa
.collapseContent.margin-top-sm
a.block href="http://datatomix.com/?p=236"
i.fa.fa-angle-double-right
span Windows infrastructure testing using InSpec - Part 1
a.block href="http://datatomix.com/?p=238"
i.fa.fa-angle-double-right
span Windows infrastructure testing using InSpec and Profiles - Part 2
.row
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align
img.avatar src="/images/community/users/jeremy.png"
.block.margin-left-sm
a.a-purple href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
h3.a-purple Operating InSpec in an air-gapped environment
small.t-gray by Jeremy Miller
a.strict-right href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
i.fa.fa-angle-double-right
.row
.box-white.brdr-left.shadow.margin-under-xs.slide-left
.flex.align
img.avatar src="/images/community/users/noavatar.png"
.block.margin-left-sm
a.a-purple href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
h3.a-purple Testing Ansible with InSpec
small.t-gray by blindscientist
a.strict-right href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
i.fa.fa-angle-double-right
.scrollToTop.shadow-dark
img#scrollup src="/images/home/arrow.svg"