Pushing new structure and layouts for guide section

This commit is contained in:
Mitchell Hashimoto 2010-03-02 00:36:58 -08:00
parent d4f2bc2b54
commit 466d788f35
6 changed files with 79 additions and 45 deletions

10
_includes/footer.html Normal file
View File

@ -0,0 +1,10 @@
</div>
<div id="footer" class="container_12 clearfix">
<div id="copy">
Copyright <a href="/license.html">&copy;</a> 2009-2010. Design by <a href="http://www.simonecarletti.com/">Simone Carletti</a>.
</div>
</div>
</body>
</html>

33
_includes/header.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Vagrant - {{ page.title }}</title>
<meta name="description" content="Create and manage virtualized development environments." />
<link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/text.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/960.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/syntax.css" type="text/css" media="screen" />
</head>
<body>
<div id="header" class="container_12 clearfix">
<div id="logo">
<div><a href="/">Vagrant</a></div>
</div>
<div id="navigation">
<ul id="nav">
<li><a href="/">home</a></li>
<li><a href="/docs/getting_started.html">get started</a></li>
<li><a href="/docs/user-guide/index.html">user guide</a></li>
<li><a href="/contribute.html">contribute</a></li>
<li><a href="http://github.com/mitchellh/vagrant">code</a></li>
</ul>
</div>
</div>
<div id="content" class="container_12 clearfix">

View File

@ -1,46 +1,5 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Vagrant - {{ page.title }}</title>
<meta name="description" content="Create and manage virtualized development environments." />
<link rel="stylesheet" href="/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/text.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/960.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/syntax.css" type="text/css" media="screen" />
</head>
<body>
<div id="header" class="container_12 clearfix">
<div id="logo">
<div><a href="/">Vagrant</a></div>
</div>
<div id="navigation">
<ul id="nav">
<li><a href="/">home</a></li>
<li><a href="/docs/getting_started.html">get started</a></li>
<li><a href="/docs/user-guide/index.html">user guide</a></li>
<li><a href="/contribute.html">contribute</a></li>
<li><a href="http://github.com/mitchellh/vagrant">code</a></li>
</ul>
</div>
</div>
<div id="content" class="container_12 clearfix">
{% include header.html %}
<div class="grid_12">
{{ content }}
</div>
</div>
<div id="footer" class="container_12 clearfix">
<div id="copy">
Copyright <a href="/license.html">&copy;</a> 2009-2010. Design by <a href="http://www.simonecarletti.com/">Simone Carletti</a>.
</div>
</div>
</body>
</html>
{% include footer.html %}

10
_layouts/guide.html Normal file
View File

@ -0,0 +1,10 @@
{% include header.html %}
<div class="grid_3 alpha sidebar">
<ol>
<li><a href="/docs/user-guide/index.html">Overview</a></li>
</ol>
</div>
<div class="grid_9 omega guide">
{{ content }}
</div>
{% include footer.html %}

View File

@ -220,6 +220,26 @@ blockquote {
CONTENT
------------------------------ */
.guide h1 {
margin-left: 0;
margin-top: 5px;
}
/* -------------------------------
SIDEBAR
------------------------------ */
.sidebar {
border: 1px dotted #DDD;
background-color: #EEEEEE;
padding: 10px;
margin-top: 10px;
margin-right: 8px;
}
.sidebar ol {
margin-bottom: 0px;
}
/* -------------------------------
PREFOOTER

View File

@ -1,7 +1,9 @@
---
layout: default
layout: guide
title: User Guide
---
# Overview
The user guide is a set of documentation meant to both introduce and
explain in detail every portion of Vagrant and its uses. This guide
is hand-written instead of being generated from the Vagrant codebase.
@ -10,7 +12,7 @@ it'll be up-to-date to the currently released gem version. Older versions
of the documentation can be extracted from the git repository, since each
release is tagged, including the documentation branch.
This guide goes through every aspect of Vagrant in great detail. If, instead,
This guide goes through every aspect of Vagrant in great detail. If instead
you're more of the tinkering type and want to just get Vagrant up and running,
check out the [Getting Started](#) page instead.