Add tutorials page content and styles

This commit is contained in:
Maggie Walker 2016-09-20 13:45:31 -07:00
parent d8e844c084
commit a401012a64
6 changed files with 132 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View file

@ -0,0 +1,19 @@
.hero--img {
display: block;
max-width: 100px;
margin: 0 auto;
}
.hero--heading {
font-family: $heading-accent-font;
text-transform: uppercase;
text-align: center;
}
.hero--subhead {
margin-bottom: 20px;
@media (min-width: 640px) {
font-size: 24px;
}
}

View file

@ -0,0 +1,23 @@
.tutorials--subhead {
font-family: $heading-font;
text-transform: uppercase;
color: $inspec-blue;
font-size: 18px;
}
.tutorials--links {
margin-bottom: 30px;
@media (min-width: 640px) {
padding-left: 30px;
}
& > li {
margin-bottom: 4px;
}
}
.tutorials--link {
text-transform: uppercase;
font-family: $heading-font;
}

View file

@ -8,7 +8,7 @@ h1,h2,h3,h4,h5,h6 {
}
}
p {
p, ul {
@media (max-width: 400px) {
font-size: 14px;
}

View file

@ -7,4 +7,6 @@
@import "layout";
@import "typography";
@import "icon-block";
@import "hero";
@import "homepage";
@import "tutorials-page";

View file

@ -0,0 +1,87 @@
---
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
.columns.medium-12
h3.tutorials--subhead Tutorials
p Huge thanks to Annie Hedgpeth for creating all of these fantastic tutorials.
ul.tutorials--links.no-bullet
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-1"
i.fa.fa-link
| Day 1
| - Hello World
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-2"
i.fa.fa-link
| Day 2
| - Command Resource Blog Logo
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-3"
i.fa.fa-link
| Day 3
| - File Resource
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-4"
i.fa.fa-link
| Day 4
| - Custom Matchers
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-5"
i.fa.fa-link
| Day 5
| - Create a Profile
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-6"
i.fa.fa-link
| Day 6
| - Ways to Run It and Places to Store It
li
a.tutorials--link href="http://www.anniehedgie.com/inspec-basics-7"
i.fa.fa-link
| Day 7
| - How to Inherit a Profile from Chef Compliance Server
li
a.tutorials--link href=""
i.fa.fa-link
| Day 8
| - InSpec and Chef Automate for Visualization and Workflow
h3.tutorials--subhead Guides For Advanced Topics
p
| Additional huge thanks to Christian Johannsen, Jeremy Miller, and
blindscientist for these amazing materials.
ul.tutorials--links.no-bullet
li
a.tutorials--link href="http://datatomix.com/?p=236"
i.fa.fa-link
| Windows infrastructure testing using InSpec - Part 1
li
a.tutorials--link href="http://datatomix.com/?p=238"
i.fa.fa-link
| Windows infrastructure testing using InSpec and Profiles - Part 2
li
a.tutorials--link href="https://github.com/jeremymv2/chef-intranet-scaffolding/blob/master/README.md"
i.fa.fa-link
| Operating InSpec in an air-gapped environment
li
a.tutorials--link href="http://scienceofficersblog.blogspot.de/2016/02/testing-ansible-with-inspec.html"
i.fa.fa-link
| Testing Ansible with InSpec
h3.tutorials--subhead Podcasts
ul.tutorials--links.no-bullet
li
a.tutorials--link href="http://foodfightshow.org/2016/02/inspec.html"
i.fa.fa-link
| InSpec Foodfight
li
a.tutorials--link href="https://www.arresteddevops.com/tdi/"
i.fa.fa-link
| Test Driven Infrastructure With Arthur Maltson and Michael Goetz