hugo/docs/layouts/index.html

267 lines
9.8 KiB
HTML
Raw Normal View History

<!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="Hugo, a fast and flexible static site generator built with love by spf13 and friends in Go">
<meta name="author" content="Steve Francia (spf13) and friends">
<title>Hugo :: A fast and modern static website engine</title>
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro' rel='stylesheet' type='text/css'>
<!-- Add custom CSS here -->
<link href="/css/HPstyles.css" rel="stylesheet">
<link href="/css/hugofont.css" rel="stylesheet">
<link href="/css/owl.carousel.min.css" rel="stylesheet">
<link href="/css/owl.theme.default.min.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<style type="text/css">
.callout {
table-layout: fixed;
}
</style>
</head>
<body>
<!-- Full Page Image Header Area -->
<div id="top" class="header">
<div class="vert-text">
<a href="#intro"><img src="/img/hugo.png" class="logo" alt="Hugo logo"> </a>
<div class="buttonbox">
<a href="/overview/introduction/" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>
<a href="#action" class="btn btn-success btn-lg">Install <i class="icon-arrow-down"></i></a>
<a href="http://discuss.gohugo.io/" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>
<a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">GitHub <i class="icon-circlestar"></i></a>
</div>
</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.
Hugos speed fosters
creativity and makes building a website fun again.
</p>
</div>
</div>
</div>
</div>
<!-- /Intro -->
<!-- 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-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 youve ever used,
simply download and run. <b>Hugo doesnt 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 &amp; 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.
Were 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">
<!-- Wrapper for slides -->
<div class="carousel-inner owl-carousel">
{{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
</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="https://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> 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>, testing and <a href="https://github.com/spf13/hugoThemes/">themes</a>.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- 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">
<h1 style="padding-bottom:.5em;">Getting Started</h1>
<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/quickstart/" style="color:white;font-weight:300;">Quickstart Guide</a>
<p>&nbsp;</p>
<h4>Using Homebrew?</h4>
<pre><code>brew update &amp;&amp; brew install hugo</code></pre>
</div>
</div>
</div>
</div>
<!-- /Call to Action -->
<!-- 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="https://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
<li><a href="https://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
</ul>
<hr>
<p>Copyright &copy; Steve Francia 2013&ndash;{{ .Now.Format "2006" }}</p>
</div>
</div>
</div>
</footer>
<!-- /Footer -->
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
2015-12-19 19:19:26 +00:00
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<!--<script src="/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;
}
}
});
});
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
autoplay:true,
autoplayHoverPause:true,
autoplayTimeout:3000,
responsive:{
0:{
items:1
},
1000:{
items:3
},
}
})
</script>
{{ template "partials/analytics.html" . }}
</body>
</html>