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" {% include header.html %}
"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">
<div class="grid_12"> <div class="grid_12">
{{ content }} {{ content }}
</div> </div>
</div> {% include footer.html %}
<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>

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 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 PREFOOTER

View File

@ -1,7 +1,9 @@
--- ---
layout: default layout: guide
title: User Guide title: User Guide
--- ---
# Overview
The user guide is a set of documentation meant to both introduce and 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 explain in detail every portion of Vagrant and its uses. This guide
is hand-written instead of being generated from the Vagrant codebase. 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 of the documentation can be extracted from the git repository, since each
release is tagged, including the documentation branch. 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, you're more of the tinkering type and want to just get Vagrant up and running,
check out the [Getting Started](#) page instead. check out the [Getting Started](#) page instead.