inspec/www/source/layouts/_nav.slim
hannah-radish 9bf72b4fa1 Bug fixes + New Elements
** Fixed 404 pages on mobile
** Colored links when on correct page for Nav (probably, a better way
to handle this..but it works for now)
** Changed horizontal parallax to vertical
** Per Kaiv’s request slowed down grid animation
** Per Kaiv’s request added a little “code snippet” preview when plus
icon on homepage is clicked.
2017-01-22 18:50:12 -08:00

75 lines
2.6 KiB
Text

nav#main-nav
<progress value="0"></progress>
#main-nav-ctas
a.main-nav--logo href="/"
img src="/images/inspec-by-chef-logo.svg" onerror="this.src='/images/inspec-by-chef-logo.png'"
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" class="#{'t-purple' if current_page.url == '/tutorials'}" <span class="main-nav--link-text">Tutorials</span>
</a>
li.main-nav--link
<a href="/docs" class="#{'t-purple' if current_page.url == '/docs'}" <span class="main-nav--link-text">Docs</span>
</a>
span.fa.fa-angle-right.t-purple.toggle.mobile-show
li.main-nav--link.docs--inside--link
a href="/docs/reference/cli/"
span.main-nav--link-text inspec executable
li.main-nav--link.docs--inside--link
a href="/docs/reference/profiles/"
span.main-nav--link-text Profiles
li.main-nav--link.docs--inside--link
a href="/docs/reference/resources/"
span.main-nav--link-text Resources
li.main-nav--link.docs--inside--link
a href="/docs/reference/matchers/"
span.main-nav--link-text Matchers
li.main-nav--link.docs--inside--link
a href="/docs/reference/dsl_inspec/"
span.main-nav--link-text InSpec DSL
li.main-nav--link.docs--inside--link
a href="/docs/reference/dsl_resource/"
span.main-nav--link-text Resource DSL
li.main-nav--link.docs--inside--link
a href="/docs/reference/plugin_kitchen_inspec/"
span.main-nav--link-text kitchen-inspec
li.main-nav--link.docs--inside--link
a href="/docs/reference/shell/"
span.main-nav--link-text inspec shell
li.main-nav--link.docs--inside--link
a href="/docs/reference/ruby_usage/"
span.main-nav--link-text Ruby usage
li.main-nav--link.hide-docs
<a href="/community" class="#{'t-purple' if current_page.url == '/community'}" <span class="main-nav--link-text">Community</span>
</a>
li.main-nav--link.hide-docs
a href="https://github.com/chef/inspec"
i.fa.fa-github-alt
span.main-nav--link-text Github
li.main-nav--link.mobile-hide
a.btn.try-demo href="#" Try the Demo
li.main-nav--link.hide-docs
a.btn href="https://downloads.chef.io/inspec"
i.fa.fa-cloud-download
span.main-nav--link-text Download