hugo/docs/layouts/index.html
2014-02-21 09:48:37 -05:00

263 lines
12 KiB
HTML
Executable file
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Hugo :: A fast and flexible static site generator</title>
<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Arbutus+Slab&family=Cabin:600&family=Source+Code+Pro' rel='stylesheet' type='text/css'>
<!-- Add custom CSS here -->
<link href="/static/css/HPstyles.css" rel="stylesheet">
<link href="/static/css/hugofont.css" rel="stylesheet">
</head>
<body>
<!-- Full Page Image Header Area -->
<div id="top" class="header">
<div class="vert-text">
<h1>Hugo</h1>
<h3>The <em>Fast and Flexible</em> Static Site Generator</h3>
<br>
<a href="#intro" class="btn btn-clear btn-lg">learn more</a>
<a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">download <i class="icon-arrow-down"></i></a>
<br>
<a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">github <i class="icon-circlestar"></i></a>
<a href="/overview/introduction" class="btn btn-info btn-lg">documentation</a>
</div>
</div>
<!-- /Full Page Image Header Area -->
<div id="main">
<!-- Intro -->
<div id="intro" class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-pacman"></i>
<h2>Make the Web Fun Again</h2>
<p class="lead">
Introducing Hugo, a new idea around making website creation simple again.
Hugo flexibly works with many formats and is ideal for
blogs, docs, portfolios and much more.
Hugo&#39;s speed fosters
creativity and makes building a website fun again.
</p>
</div>
</div>
</div>
</div>
<!-- /Intro -->
<!-- Point -->
<div id="intro" class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-tux"></i>
<i class="point-icon icon-apple"></i>
<i class="point-icon icon-windows8"></i>
<h2>Run Anywhere</h2>
<p class="lead">
Hugo is quite possibly the easiest to install software you&#39;ve ever used,
simply download and run. <b>Hugo doesn&#39;t depend on administrative privileges, databases, runtimes, interpreters
or external libraries</b>. Sites built with Hugo can be deployed on S3, Github Pages, Dropbox or any web host.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-rocket"></i>
<h2>Fast & Powerful</h2>
<p class="lead">
Hugo is written for speed and performance. Great care has been
taken to ensure that Hugo build time is as short as possible.
We're talking milliseconds to build your entire site for most setups.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-fork"></i>
<h2>Flexible</h2>
<p class="lead">
Hugo is designed to work how you do.
Organize your content however you want with any URL structure.
Declare your own content types.
Define your own meta data in YAML, TOML or JSON.
Use indexes to group your content however you want.
Best of all this is all done with virtually no configuration, Hugo
just works.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<div class="callout">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<i class="callout-icon icon-circlestar"></i>
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<div id="carousel-quotes" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-quotes" data-slide-to="0" class="active"></li>
<li data-target="#carousel-quotes" data-slide-to="1"></li>
<li data-target="#carousel-quotes" data-slide-to="2"></li>
<li data-target="#carousel-quotes" data-slide-to="3"></li>
<li data-target="#carousel-quotes" data-slide-to="4"></li>
<li data-target="#carousel-quotes" data-slide-to="5"></li>
<li data-target="#carousel-quotes" data-slide-to="6"></li>
<li data-target="#carousel-quotes" data-slide-to="7"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active"> <blockquote><p>Hugo is super-rad. </p>&mdash; David Gay (@oddshocks) <a href="https://twitter.com/oddshocks/statuses/405083217893421056">November 25, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>I had a play with Hugo and it was good, uses Markdown files for content</p>&mdash; David Caunt (@dcaunt) <a href="https://twitter.com/dcaunt/statuses/406466996277374976">November 29, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Even as a long-time Octopress fan, Ive gotta admit that this project Hugo looks very very cool</p>&mdash; Douglas Stephen (@DougStephenJr) <a href="https://twitter.com/DougStephenJr/statuses/364512471660249088">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>A static site generator without the long build times? Yes, please! </p>&mdash; Josh Matz (@joshmatz) <a href="https://twitter.com/joshmatz/statuses/364437436870696960">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Finally someone builds me my own static site generator </p>&mdash; Hugo Rodger-Brown (@hugorodgerbrown) <a href="https://twitter.com/hugorodgerbrown/statuses/364417910153818112">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>I&#39;m loving the static site generator renaissance we are currently enjoying. Hugo is new, looks great, written in Go</p>&mdash; Jim Biancolo (@jimbiancolo) <a href="https://twitter.com/jimbiancolo/statuses/408678420348813314">December 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Good work on Hugo, I&#39;m impressed with the speed!</p>&mdash; Ludovic Chabant (@ludovicchabant) <a href="https://twitter.com/ludovicchabant/statuses/408806199602053120">December 6, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Checking out Hugo; Loving it so far. Like Jekyll but not so blog-oriented and written in golang</p>&mdash; Jose Gonzalvo (@jgonzalvo) <a href="https://twitter.com/jgonzalvo/statuses/408177855819173888">December 4, 2013</a></blockquote> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-octocat"></i>
<h2>Open and Free</h2>
<p class="lead">
Hugo is <a href="http://github.com/spf13/hugo">open source</a> and completely free.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-beaker-alt"></i>
<i class="point-icon icon-heart"></i>
<i class="point-icon icon-spf13"></i>
<h2>Built with <i class="icon-heart" style="color:#FF4088;"></i></h2>
<p class="lead">
Hugo is developed with love by <a href="http://spf13.com">spf13</a>, <a href="http://github.com/noahcampbell">Noah</a> and friends.
We welcome all contributions.
New to go? Not a problem, we will help you.
Not a developer? Help with <a href="/overview/introduction">docs</a>, templates and themes.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
</div>
<!-- Call to Action -->
<div id="action" class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center">
<h3>Get Started Today!</h3>
<a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
<a href="/overview/introduction" style="color:white;font-weight:300;">Documentation</a>
</div>
</div>
</div>
</div>
<!-- /Call to Action -->
<div id="footerSpacer"></div>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<ul class="list-inline">
<li><a href="http://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
<li><a href="http://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
</ul>
<hr>
<p>Copyright &copy; Steve Francia 2013 - 2014</p>
</div>
</div>
</div>
</footer>
<!-- /Footer -->
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/jquery.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
$('.carousel').carousel({ interval: 4500 })
</script>
{{ template "chrome/analytics.html" . }}
</body>
</html>