+++
-title = "Hugo Documentation"
+title = "Hugo"
date = 2013-07-01T07:32:00Z
description = "This site"
license = "Simpl"
+++
-title = "spf13 is Steve Francia"
+title = "spf13.com"
date = 2013-07-01T07:32:00Z
description = "The first Hugo powered website."
license = "MIT"
<meta name="description" content="">\r
<meta name="author" content="">\r
\r
- <title>Hugo :: A fast and flexible static site generator</title>\r
+ <title>Hugo :: A fast and modern static website engine</title>\r
\r
<!-- Bootstrap core CSS -->\r
<link href="/static/css/bootstrap.min.css" rel="stylesheet">\r
<!-- Full Page Image Header Area -->\r
<div id="top" class="header">\r
<div class="vert-text">\r
- <h1>Hugo</h1>\r
- <h3>The <em>Fast and Flexible</em> Static Site Generator</h3>\r
- <br>\r
- <a href="#intro" class="btn btn-clear btn-lg">learn more</a>\r
+\r
+ <a href="#intro"><img src="/static/img/hugo.png" class="logo"> </a>\r
+ <div class="buttonbox">\r
+ <a href="/overview/introduction" class="btn btn-info btn-lg">docs <i class="icon-idea"></i></a>\r
<a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">download <i class="icon-arrow-down"></i></a>\r
- <br>\r
<a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">github <i class="icon-circlestar"></i></a>\r
- <a href="/overview/introduction" class="btn btn-info btn-lg">documentation</a>\r
+ </div>\r
</div>\r
</div>\r
<!-- /Full Page Image Header Area -->\r
width: 100%;\r
min-height: 70%;\r
position: relative;\r
- background: url(../img/converse-fields.jpg) no-repeat center center fixed;\r
+ background: url(../img/desk.jpg) no-repeat center center fixed;\r
-webkit-background-size: cover;\r
-moz-background-size: cover;\r
-o-background-size: cover;\r
background-color: black;\r
}\r
\r
+.logo {\r
+ max-width: 35em; \r
+ width: 100%;\r
+ padding: 2em;\r
+}\r
+\r
+.buttonbox {\r
+ margin: 2em 0 4em;\r
+}\r
+\r
@media only screen \r
and (min-device-width : 320px)\r
and (max-device-width : 1024px)\r
height: 70%;\r
width: 100%;\r
position: relative;\r
- background: url(../img/converse-fields-mini.jpg) no-repeat;\r
+ background: url(../img/desk-mini.jpg) no-repeat;\r
background-size: 100% 100%;\r
z-index: 99999;\r
background-color: black;\r
height: 70%;\r
width: 100%;\r
position: relative;\r
- background: url(../img/converse-fields-long.jpg) no-repeat;\r
+ background: url(../img/desk-long.jpg) no-repeat;\r
background-size: 100% 100%;\r
z-index: 99999;\r
background-color: black;\r
}\r
\r
#action {\r
- background: url(/static/img/gray.png);\r
+ background: url(../img/gray.png);\r
padding: 50px 0px 30px;\r
position: fixed;\r
bottom: 130px;\r