website/docs: add book link

This commit is contained in:
Mitchell Hashimoto 2013-11-23 12:56:43 -08:00
parent e9fd622406
commit d0f08b1f23
3 changed files with 76 additions and 58 deletions

View File

@ -36,6 +36,11 @@
<a class="vagrant-docs-logo" href="/">Vagrant Documentation</a>
<!-- nav -->
<ul class="pull-right unstyled">
<li class="pill">
<a href="http://www.amazon.com/Vagrant-Up-Running-Mitchell-Hashimoto/dp/1449335837">
Vagrant Book
</a>
</li>
<li><a href="http://www.vagrantup.com/">Home</a></li>
</ul>
</nav>

View File

@ -1,71 +1,74 @@
// roll your own nav
nav {
width: 100%;
font-size: 15px;
text-transform: uppercase;
.museo-sans-light;
color: @medium-gray-text;
height: 80px;
position: fixed;
top: 0;
left: 0;
background-color: @white;
z-index: 9999999999;
width: 100%;
font-size: 15px;
text-transform: uppercase;
.museo-sans-light;
color: @medium-gray-text;
height: 80px;
position: fixed;
top: 0;
left: 0;
background-color: @white;
z-index: 9999999999;
&.docs {
background: @gray-background;
}
&.docs {
background: @gray-background;
}
.vagrant-logo {
display: block;
text-indent: -999999px;
background: url(/images/logo_vagrant.png) no-repeat 0 0;
height: 70px;
width: 275px;
float: left;
margin: 10px 20px;
}
.vagrant-logo {
display: block;
text-indent: -999999px;
background: url(/images/logo_vagrant.png) no-repeat 0 0;
height: 70px;
width: 275px;
float: left;
margin: 10px 20px;
}
.vagrant-docs-logo {
display: block;
text-indent: -999999px;
background: url(/images/logo_docs.png) no-repeat 0 0;
height: 70px;
width: 350px;
float: left;
margin: 10px 20px;
}
.vagrant-docs-logo {
display: block;
text-indent: -999999px;
background: url(/images/logo_docs.png) no-repeat 0 0;
height: 70px;
width: 350px;
float: left;
margin: 10px 20px;
}
ul {
margin: 25px 20px;
ul {
margin: 25px 20px;
li {
display: inline;
margin-left: 15px;
}
}
li {
display: inline;
margin-left: 15px;
}
.active-nav {
color: @blue;
}
li.pill {
background-color: #48b4fb;
border-radius: 50px;
color: #FFF;
padding: 10px 18px;
}
}
.contact {
.active-nav {
color: @blue;
}
&:hover {
background-color: @light-gray-background;
padding: 10px;
margin-right: -10px;
margin-left: 5px;
.rounded;
}
.contact {
&:active {
background-color: darken(@light-gray-background, 5%);
}
}
&:hover {
background-color: @light-gray-background;
padding: 10px;
margin-right: -10px;
margin-left: 5px;
.rounded;
}
&:active {
background-color: darken(@light-gray-background, 5%);
}
}
}

View File

@ -21,6 +21,16 @@ Before diving into your first project, please [install Vagrant](/v2/installation
And because we'll be using [VirtualBox](http://www.virtualbox.org) as our
provider for the getting started guide, please install that as well.
<div class="alert alert-block alert-info">
<p>
<strong>More of a book person?</strong> If you prefer to read a physical
book, you may be interested in
<a href="http://www.amazon.com/Vagrant-Up-Running-Mitchell-Hashimoto/dp/1449335837">
Vagrant: Up and Running
</a>, written by the author of Vagrant and published by O'Reilly.
</p>
</div>
## Up and Running
```