Skip to content

P
packer
Commit 47cb01ce authored by Mitchell Hashimoto's avatar Mitchell Hashimoto
Browse files
Options

website: docs layout

parent 67a95d18
Show whitespace changes
Inline Side-by-side
Showing with 134 additions and 136 deletions
website/source/layouts/docs.erb
View file @ 47cb01ce
<!DOCTYPE html> <% wrap_layout :layout do %>
<html lang="en"> <div class="docs-wrapper">
<head> <div class="sidebar dark-background hidden-phone">
<meta charset="utf-8"> <h2>Docs</h2>
<title>Packer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles --> <ul>
<%= stylesheet_link_tag "bootstrap.min", "packer" %>
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
</style>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="span3">
<div class="well sidebar-nav" style="padding: 8px 0;">
<ul class="nav nav-list">
<li><a href="/docs/what-is-packer.html">What is Packer?</a></li> <li><a href="/docs/what-is-packer.html">What is Packer?</a></li>
<li><a href="/docs/installation.html">Installation</a></li> <li><a href="/docs/installation.html">Installation</a></li>
<li><a href="/docs/basics/terminology.html">Terminology</a></li> <li><a href="/docs/basics/terminology.html">Terminology</a></li>
</ul>
<li class="nav-header">Command-Line</li> <ul>
<li><h4>Command-Line</h4></li>
<li><a href="/docs/command-line/introduction.html">Introduction</a></li> <li><a href="/docs/command-line/introduction.html">Introduction</a></li>
<li><a href="/docs/command-line/build.html">Build</a></li> <li><a href="/docs/command-line/build.html">Build</a></li>
<li><a href="/docs/command-line/validate.html">Validate</a></li> <li><a href="/docs/command-line/validate.html">Validate</a></li>
</ul>
<li class="nav-header">Templates</li> <ul>
<li><h4>Templates</h4></li>
<li><a href="/docs/templates/introduction.html">Introduction</a></li> <li><a href="/docs/templates/introduction.html">Introduction</a></li>
<li><a href="/docs/templates/builders.html">Builders</a></li> <li><a href="/docs/templates/builders.html">Builders</a></li>
<li><a href="/docs/templates/provisioners.html">Provisioners</a></li> <li><a href="/docs/templates/provisioners.html">Provisioners</a></li>
<li><a href="/docs/templates/post-processors.html">Post-Processors</a></li> <li><a href="/docs/templates/post-processors.html">Post-Processors</a></li>
<li><a href="/docs/templates/configuration-templates.html">Configuration Templates</a></li> <li><a href="/docs/templates/configuration-templates.html">Configuration Templates</a></li>
</ul>
<li class="nav-header">Builders</li> <ul>
<li><h4>Builders</h4></li>
<li><a href="/docs/builders/digitalocean.html">DigitalOcean</a></li> <li><a href="/docs/builders/digitalocean.html">DigitalOcean</a></li>
<li><a href="/docs/builders/amazon-ebs.html">EC2 (AMI)</a></li> <li><a href="/docs/builders/amazon-ebs.html">EC2 (AMI)</a></li>
<li><a href="/docs/builders/virtualbox.html">VirtualBox</a></li> <li><a href="/docs/builders/virtualbox.html">VirtualBox</a></li>
<li><a href="/docs/builders/vmware.html">VMware</a></li> <li><a href="/docs/builders/vmware.html">VMware</a></li>
<li><a href="/docs/builders/custom.html">Custom</a></li> <li><a href="/docs/builders/custom.html">Custom</a></li>
</ul>
<li class="nav-header">Provisioners</li> <ul>
<li><h4>Provisioners</h4></li>
<li><a href="/docs/provisioners/shell.html">Shell Scripts</a></li> <li><a href="/docs/provisioners/shell.html">Shell Scripts</a></li>
<li><a href="/docs/provisioners/custom.html">Custom</a></li> <li><a href="/docs/provisioners/custom.html">Custom</a></li>
</ul>
<li class="nav-header">Other</li> <ul>
<li><h4>Other</h4></li>
<li><a href="/docs/other/core-configuration.html">Core Configuration</a></li> <li><a href="/docs/other/core-configuration.html">Core Configuration</a></li>
<li><a href="/docs/other/debugging.html">Debugging</a></li> <li><a href="/docs/other/debugging.html">Debugging</a></li>
</ul>
<li class="nav-header">Extend Packer</li> <ul>
<li><h4>Extend Packer</h4></li>
<li><a href="/docs/extend/plugins.html">Packer Plugins</a></li> <li><a href="/docs/extend/plugins.html">Packer Plugins</a></li>
<li><a href="/docs/extend/developing-plugins.html">Developing Plugins</a></li> <li><a href="/docs/extend/developing-plugins.html">Developing Plugins</a></li>
<li><a href="/docs/extend/builder.html">Custom Builder</a></li> <li><a href="/docs/extend/builder.html">Custom Builder</a></li>
...@@ -65,19 +55,17 @@ ...@@ -65,19 +55,17 @@
<li><a href="/docs/extend/post-processor.html">Custom Post-Processor</a></li> <li><a href="/docs/extend/post-processor.html">Custom Post-Processor</a></li>
<li><a href="/docs/extend/provisioner.html">Custom Provisioner</a></li> <li><a href="/docs/extend/provisioner.html">Custom Provisioner</a></li>
</ul> </ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
<%= yield %>
</div><!--/span-->
</div><!--/row-->
<hr> <!-- trick it into having a full-height sidebar regardless of content height -->
<div class="sidebar-background"></div>
</div>
<footer> <div class="docs-body">
<p>&copy; Mitchell Hashimoto 2013</p> <div class="docs-content">
</footer> <%= yield %>
</div><!--/.fluid-container--> </div>
</body>
</html>
<div class="docs-background"></div>
</div>
</div>
<% end %>
website/source/layouts/layout.erb
View file @ 47cb01ce
...@@ -27,7 +27,6 @@ ...@@ -27,7 +27,6 @@
<script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head> </head>
<body> <body>
<nav class="dark-background"> <nav class="dark-background">
<div class="container-fluid"> <div class="container-fluid">
<div class="row-fluid"> <div class="row-fluid">
...@@ -38,7 +37,6 @@ ...@@ -38,7 +37,6 @@
<li><a href="#">About</a></li> <li><a href="#">About</a></li>
<li><a href="/docs">Documentation</a></li> <li><a href="/docs">Documentation</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
...@@ -46,6 +44,8 @@ ...@@ -46,6 +44,8 @@
<%= yield %> <%= yield %>
<div class="clearfix"></div>
<footer class="dark-background"> <footer class="dark-background">
<div class="container-fluid"> <div class="container-fluid">
<div class="row-fluid"> <div class="row-fluid">
......
website/source/stylesheets/components.scss
View file @ 47cb01ce
...@@ -169,6 +169,16 @@ ...@@ -169,6 +169,16 @@
} }
} }
.docs-background {
@extend .white-background;
height: 100%;
width: 760px;
position: fixed;
top: 0;
left: $sidebar-width;
z-index: -9999;
}
section { section {
margin-top: $docs-top-margin; margin-top: $docs-top-margin;
} }
......
website/source/stylesheets/helpers.scss
View file @ 47cb01ce
...@@ -36,7 +36,7 @@ $nav-height: 100px; ...@@ -36,7 +36,7 @@ $nav-height: 100px;
$hero-height: 500px; $hero-height: 500px;
$docs-top-margin: 60px; $docs-top-margin: 60px;
$sidebar-background-color: $dark-background; $sidebar-background-color: $dark-background;
$sidebar-width: 225px; $sidebar-width: 250px;
//typography //typography
......
website/source/stylesheets/sidebar.scss
View file @ 47cb01ce
.sidebar { .sidebar {
$border: 1px solid $gray-dark; $border: 1px solid $gray-dark;
font-size: 16px; font-size: 16px;
font-family: $mono; font-family: $mono;
color: $gray-light; color: $gray-light;
width: $sidebar-width; width: $sidebar-width;
float: left; float: left;
background-color: $sidebar-background-color; background-color: $sidebar-background-color;
height: 100%; height: 100%;
@include respond-to(mobile) { @include respond-to(mobile) {
width: 100%; width: 100%;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7