tnargav 1.2.3 → 1.3.3

data/website/www/source/javascripts/vagrantup.js

@@ -0,0 +1,58 @@
+// add dropshadow to nav on scroll
+$(document).ready(function(){
+    $(document).scroll(function() {
+        var top = $(document).scrollTop();
+        if (top > 0) $('nav').addClass("drop-shadow");
+        if (top === 0) $('nav').removeClass("drop-shadow");
+    });
+});
+
+// open/close documentation side nav on small screens
+$(document).ready(function(){
+    $(".toggle").click(function() {
+        $(".sidebar-nav ul").slideToggle('slow');
+    });
+});
+
+// Redirect to the proper checkout screen for quantity
+$(document).ready(function() {
+    var selectedProduct = "";
+
+    function setSelectedProduct() {
+        selectedProduct = $("input[name=product]:checked").val();
+    }
+
+    $(".buy-form input[name=product]").change(function() {
+        setSelectedProduct();
+
+        var text = selectedProduct.charAt(0).toUpperCase() + selectedProduct.slice(1);
+        $("#buy-fusion").text("Buy " + text + " Licenses Now");
+    });
+
+    $("#buy-fusion").click(function() {
+        var seats = parseInt($("#seats").val(), 10);
+        if (isNaN(seats)) {
+            alert("The number of seats you want to purchase must be a number.");
+            return;
+        } else if (seats <= 0) {
+            alert("The number of seats you want must be greater than zero.");
+            return;
+        }
+
+        var productId = "";
+        if (selectedProduct == "fusion") {
+            productId = "279661674";
+        } else if (selectedProduct == "workstation") {
+            productId = "302167489";
+        } else {
+            alert("Unknown product selected. Please refresh and try again.");
+            return;
+        }
+
+        window.location = "http://shopify.hashicorp.com/cart/" + productId + ":" + seats;
+    });
+
+    if ($("#buy-fusion").length > 0) {
+        setSelectedProduct();
+    }
+});

data/website/www/source/layouts/blog_post.erb

@@ -0,0 +1,42 @@
+<% wrap_layout :layout do %>
+	<div class="page inner">
+	<!-- background color -->
+	<div class="page-background"></div>
+
+	<div class="container">
+		<div class="row">
+
+			<div class="sidebar span3">
+				<!-- side nav -->
+				<aside class="sidebar-nav">
+
+					<!-- page title -->
+					<h1 class="all-caps">Blog Post</h1>
+					<%= partial "sidebar_blog" %>
+				</aside> <!-- /.sidebar -->
+			</div> <!-- /.sidebar -->
+
+			<div class="Modules blog-post page-contents span9 offset3">
+				<!-- start page content -->
+				<div class="row">
+					<div class="span7 offset1">
+						<article>
+							<div class="meta">
+								<span class="meta date">
+									<%= current_article.date.strftime('%b %e %Y') %>
+								</span>
+								<% if current_article.data.author %>
+									by <a href="<%= current_article.data.author_url %>"><%= current_article.data.author %></a>
+							<% end %>
+							</div>
+							<h2><%= current_article.title %></h2>
+							<%= yield %>
+						</article>
+					</div> <!-- /span -->
+				</div> <!-- /row -->
+				<!-- end page content -->
+			</div> <!-- /.span8 -->
+		</div> <!-- /.row -->
+	</div> <!-- /.container -->
+</div> <!-- /.page.inner -->
+<% end %>

data/website/www/source/layouts/inner.erb

@@ -0,0 +1,34 @@
+<% wrap_layout :layout do %>
+	<div class="page inner">
+		<!-- background color -->
+		<div class="page-background"></div>
+
+		<div class="container">
+			<div class="row">
+
+				<div class="sidebar span3">
+					<!-- side nav -->
+					<aside class="sidebar-nav">
+
+					<!-- page title -->
+					<h1 class="all-caps"><%= current_page.data.sidebar_title || "" %></h1>
+
+					<% if current_page.data.sidebar_template %>
+						<%= partial "sidebar_#{current_page.data.sidebar_template}" %>
+					<% end %>
+					</aside> <!-- /.sidebar -->
+				</div> <!-- /.sidebar -->
+
+				<div class="page-contents span9 offset3">
+					<!-- start page content -->
+					<div class="row">
+						<div class="span7 offset1">
+							<%= yield %>
+						</div> <!-- /span -->
+					</div> <!-- /row -->
+					<!-- end page content -->
+				</div> <!-- /.span8 -->
+			</div> <!-- /.row -->
+		</div> <!-- /.container -->
+	</div> <!-- /.page.inner -->
+<% end %>

data/website/www/source/layouts/layout.erb

@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title><%= current_page.data.page_title ? "#{current_page.data.page_title} - " : "" %>Vagrant</title>
+
+		<!-- meta -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<!-- lib styles -->
+		<%= stylesheet_link_tag "bootstrap", "vagrantup" %>
+
+		<!-- lib js -->
+		<%= javascript_include_tag "jquery" %>
+		<%= javascript_include_tag "modernizr" %>
+		<%= javascript_include_tag "bootstrap.min" %>
+		<%= javascript_include_tag "backstretch" %>
+		<%= javascript_include_tag "vagrantup" %>
+
+		<!-- fonts -->
+		<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
+		<script type="text/javascript" src="http://use.typekit.net/xfs6zus.js"></script>
+		<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+		<!-- Google analytics -->
+		<script type="text/javascript">
+
+			var _gaq = _gaq || [];
+			_gaq.push(['_setAccount', 'UA-15091924-1']);
+			_gaq.push(['_trackPageview']);
+
+			(function() {
+			 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+			 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+			 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+			 })();
+
+		 </script>
+	 </head>
+	 <body>
+
+		 <!-- wrap everything -->
+		 <div class="wrapper">
+
+			 <!-- nav -->
+
+			 <nav>
+			 <!-- vagrant logo -->
+			 <a class="vagrant-logo" href="/">Vagrant</a>
+			 <!-- nav -->
+			 <ul class="pull-right unstyled">
+				 <li class="pill"><a href="/vmware">VMware Integration</a></li>
+				 <li><a href="http://downloads.vagrantup.com/">Downloads</a></li>
+				 <li><a href="http://docs.vagrantup.com/">Documentation</a></li>
+				 <li><a href="/support.html">Support</a></li>
+				 <li><a href="/about.html">About</a></li>
+			 </ul>
+			 </nav>
+
+			 <%= yield %>
+
+			 <!-- footer -->
+			 <footer>
+			 <div class="container">
+				 <div class="row">
+					 <div class="span12">
+
+						 <ul class="unstyled footer-nav">
+							 <li><a href="http://docs.vagrantup.com/">Documentation</a></li>
+							 <li><a href="/about.html">About</a></li>
+							 <li><a href="/support.html">Support</a></li>
+							 <a href="http://downloads.vagrantup.com/">
+								 <li class="button inline-button">Download</li>
+							 </a>
+						 </ul>
+
+						 <ul class="unstyled logos">
+							 <a href="http://www.vagrantup.com">
+								 <li class="vagrant-logo-monochrome"></li>
+							 </a>
+							 <li><span>by</span></li>
+							 <a href="http://www.hashicorp.com">
+								 <li class="hashi-logo-monochrome "></li>
+							 </a>
+						 </ul> <!-- /span -->
+
+					 </div> <!-- /span -->
+				 </div> <!-- /row -->
+
+				 <div class="row">
+					 <h6 class="legal">
+						 &#169; 2013 HashiCorp
+					 </h6>
+				 </div> <!-- row -->
+			 </div> <!-- container -->
+			 </footer>
+
+			 <!-- close .wrapper -->
+		 </div>
+
+		 <!-- load scripts -->
+		 <!-- load full-width image into any div with class="big-background -->
+		 <script>
+			 $(".big-background").backstretch("assets/photos/full_width.jpg");
+		 </script>
+	 </body>
+ </html>
+

data/website/www/source/sponsors.html.erb

@@ -0,0 +1,23 @@
+---
+layout: "inner"
+sidebar_current: "about-sponsors"
+sidebar_title: "About"
+sidebar_template: "about"
+---
+
+<h2>Project Sponsors</h2>
+<p>
+The companies below deserve special recognition for their contributions
+to Vagrant. These companies consistently provide resources which help the
+project run smoothly by supporting hosting costs, providing testing machines,
+donating their services, etc.
+
+<div class="Modules sponsors">
+	<ul>
+		<li><a href="http://fastly.com"><%= image_tag "/images/sponsors/fastly.png" %></a></li>
+		<li><a href="http://kiip.com"><%= image_tag "/images/sponsors/kiip.png" %></a></li>
+		<li><a href="http://typekit.com"><%= image_tag "/images/sponsors/typekit.png" %></a></li>
+		<li><a href="http://softlayer.com"><%= image_tag "/images/sponsors/softlayer.jpg" %></a></li>
+	</ul>
+</div>
+</p>

data/website/www/source/stylesheets/_base.less

@@ -0,0 +1,326 @@
+html {
+    font-size: 100%;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    text-rendering: optimizeLegibility;
+    -webkit-tap-highlight-color: transparent;
+}
+
+body {
+    font-family: @sans-serif-stack;
+    font-size: @base-font-size;
+    line-height: @base-line-height;
+    color: @black;
+    background-color: @white;
+    letter-spacing: 2px;
+    .museo-sans-regular;
+}
+
+.wrapper {
+    margin-top: 80px;
+}
+
+.container {
+    z-index: 999; //keep content on top
+    position: relative;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+    padding: 0;
+    color: inherit;
+    text-rendering: optimizelegibility;
+    .museo-sans-bold;
+}
+
+h1 {
+    @font-size: 70px;
+    font-size: @font-size;
+    line-height: 80px;
+    letter-spacing: 3px;
+
+    span {
+        font-size: @headline-span-size;
+        display: block;
+    }
+
+    &.all-caps {
+        text-transform: uppercase;
+        text-align: center;
+        font-size: 40px;
+    }
+}
+
+h2 {
+    @font-size: 30px;
+    font-size: @font-size;
+    line-height: 35px;
+}
+
+h3 {
+    @font-size: 30px;
+    font-size: @font-size;
+    line-height: @font-size;
+}
+
+h4 {
+    @font-size: 24px;
+    font-size: @font-size;
+    line-height: @font-size;
+}
+
+h5 {
+    @font-size: 20px;
+    font-size: @font-size;
+    line-height: @font-size;
+}
+
+h6 {
+    @font-size: 12px;
+    font-size: @font-size;
+    line-height: @font-size;
+}
+
+p {
+    letter-spacing: 1px;
+    line-height: 32px;
+
+    a {
+        color: @docs-blue;
+        text-decoration: none;
+        border-bottom: 1px solid @docs-blue;
+
+        &:hover {
+            text-decoration: none;
+            color: darken(@blue, 10%);
+            border-bottom: 1px solid darken(@blue, 10%);
+        }
+    }
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+
+
+    &:hover {
+        text-decoration: none;
+        color: @purple;
+        .animate-text-color;
+    }
+
+    &:active {
+        color: @blue;
+    }
+
+    &:visited {
+
+    }
+}
+
+ul {
+
+}
+
+li {
+    line-height: @base-line-height;
+}
+
+blockquote {
+    border: none;
+    margin: 60px;
+
+    p { // blockquote p
+        font-size: @base-font-size * 2;
+        line-height: @base-line-height * 2;
+        font-style: italic;
+    }
+}
+
+strong {
+    .museo-sans-bold;
+}
+
+em {
+    .museo-sans-regular-italic;
+}
+
+br {
+    display:block;
+    line-height: (@baseline * 2);
+}
+
+pre,
+code {
+    font-family: @mono-stack;
+}
+
+code {
+    font-size: inherit;
+}
+
+pre {
+    border: none;
+    font-size: @base-font-size;
+    background: @black;
+    color: @white;
+    padding: 20px;
+    line-height: @base-line-height;
+
+    span {
+        color: @code-highlight-text;
+    }
+}
+
+hr {
+
+}
+
+.vr {
+    width: 2px;
+    height: 100%;
+}
+
+form {
+
+}
+
+input {
+    letter-spacing: 3px;
+
+    &:focus {
+        outline: none;
+    }
+}
+
+::-webkit-input-placeholder  {
+    overflow: visible;
+    padding-top: 3px;
+    color: @light-gray-text;
+}
+
+input:-moz-placeholder {
+    overflow: visible;
+    padding-top: 3px;
+    color: @light-gray-text;
+}
+
+
+/* type and styles */
+.meta,
+.legal,
+.date {
+    color: @medium-gray-text;
+    line-height: @base-line-height;
+    .museo-sans-regular;
+}
+
+.date {
+    text-transform: uppercase;
+}
+
+.button {
+    color: @white;
+    text-align: center;
+    background-color: @primary-button-color;
+    display: block;
+    padding: 15px 0;
+    margin-top: 20px !important;
+    text-transform: uppercase;
+    font-size: 25px;
+    letter-spacing: 5px;
+    .museo-sans-light;
+    .rounded;
+    .hover;
+
+    &.inline-button {
+        background-color: @vagrant-blue;
+        padding: 5px 20px;
+        color: @white !important;
+        font-size: 15px;
+        letter-spacing: 1px;
+        .rounded;
+
+        a,
+        a:hover {
+            color: @white;
+        }
+    }
+
+    &.white-button {
+        background: fade(@white, 20%);
+
+        &:hover {
+            background: fade(@white, 30%);
+        }
+    }
+
+    &.secondary-button {
+        background: @light-gray;
+
+        &:hover {
+            background: @purple;
+        }
+    }
+
+    &.with-carat span {
+        margin-right: -10px; //recenter text if there's a carat after text
+
+    }
+
+    span {
+        // button text styles can go here
+    }
+
+    &:hover {
+        background-color: @purple;
+        .animate-background-color;
+    }
+
+    &:active {
+
+    }
+
+    &.disabled {
+        background-color: @light-gray-background;
+    }
+
+}
+
+a.read-more {
+    color: @blue;
+
+    &:hover {
+        color: darken(@blue, 10%);
+    }
+}
+
+// misc. styles
+.loading {
+    text-align: center;
+    font-size: @base-font-size;
+    text-transform: uppercase;
+    letter-spacing: 5px;
+    color: @medium-gray-text;
+    padding: 30px 0 20px;
+}
+
+.pinned {
+    position:fixed;
+}
+
+.footnote {
+    font-size: 14px;
+}
+
+.anchor {
+    display: block;
+    position: relative;
+    top: -80px;
+    visibility: hidden;
+}