mirror of
https://github.com/gohugoio/hugo.git
synced 2024-11-07 20:30:36 -05:00
Migrate docs to Bootstrap 3.0
This commit is contained in:
parent
cd71eb7389
commit
dde965a5cd
7 changed files with 274 additions and 1394 deletions
|
@ -7,12 +7,11 @@
|
|||
{{ template "chrome/includes.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
<div class="navbar"></div>
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
<div class="well" style="background-color: #222; color: #ccc;">
|
||||
<h1>Hugo</h1>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 well">
|
||||
<div>
|
||||
<h1><a href="/">Hugo</a></h1>
|
||||
<p>A Fast and Flexible Static Site Generator
|
||||
built with love by <a href="http://spf13.com">spf13</a> and <a
|
||||
href="http://github.com/spf13/hugo/graphs/contributors">friends</a>
|
||||
|
@ -20,4 +19,4 @@
|
|||
</div>
|
||||
{{ template "chrome/menu.html" . }}
|
||||
</div>
|
||||
<div class="span9">
|
||||
<div class="col-md-9">
|
||||
|
|
|
@ -1,2 +1,2 @@
|
|||
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="/static/css/bootstrap-responsive.css">
|
||||
<link href="/static/css/bootstrap.css" rel="stylesheet"/>
|
||||
<link href="/static/css/styles.css" rel="stylesheet"/>
|
||||
|
|
|
@ -1,16 +1,14 @@
|
|||
<ul class="nav nav-list">
|
||||
<li> <a href="/">Home</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Getting Started</li>
|
||||
<ul class="nav nav-stacked">
|
||||
<li class="text-muted"><h4>Getting Started</h4></li>
|
||||
<li hugo-nav="/overview/quickstart"> <a href="/overview/quickstart">Quick Start</a></li>
|
||||
<li hugo-nav="/overview/installing"> <a href="/overview/installing">Installing Hugo</a></li>
|
||||
<li hugo-nav="/overview/usage"> <a href="/overview/usage">Usage</a> </li>
|
||||
<li hugo-nav="/overview/configuration"> <a href="/overview/configuration">Configuration</a></li>
|
||||
<li hugo-nav="/overview/source-directory"> <a href="/overview/source-directory">Source Directory Layout</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Layout</li>
|
||||
|
||||
<li class="text-muted"><h4>Layout</h4></li>
|
||||
<li> <a href="/layout/templates">Overview</a></li>
|
||||
<!--<li> <a href="/layout/go-templates">Go Templates</a></li>-->
|
||||
<li hugo-nav="/layout/variables"> <a href="/layout/variables">Variables</a></li>
|
||||
<li hugo-nav="/layout/homepage"> <a href="/layout/homepage">Homepage</a></li>
|
||||
<li hugo-nav="/layout/rss"> <a href="/layout/rss">RSS</a></li>
|
||||
|
@ -19,21 +17,23 @@
|
|||
<li hugo-nav="/layout/views"> <a href="/layout/views">Content Views</a></li>
|
||||
<li hugo-nav="/layout/chrome"> <a href="/layout/chrome">Chrome</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Content</li>
|
||||
|
||||
<li class="text-muted"><h4>Content</h4></li>
|
||||
<li hugo-nav="/content/organization"> <a href="/content/organization">Organization</a></li>
|
||||
<li hugo-nav="/content/sections"> <a href="/content/sections">Sections</a></li>
|
||||
<li hugo-nav="/content/types"> <a href="/content/types">Types</a></li>
|
||||
<li hugo-nav="/content/front-matter"> <a href="/content/front-matter">Front Matter</a></li>
|
||||
<li hugo-nav="/content/example"> <a href="/content/example">Example</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Extras</li>
|
||||
|
||||
<li class="text-muted"><h4>Extras</h4></li>
|
||||
<li hugo-nav="/extras/shortcodes"> <a href="/extras/shortcodes">ShortCodes</a></li>
|
||||
<li hugo-nav="/extras/aliases"> <a href="/extras/aliases">Aliases</a></li>
|
||||
<li hugo-nav="/extras/indexes"> <a href="/extras/indexes">Indexes</a></li>
|
||||
<li hugo-nav="/extras/indexes/category"> <a href="/extras/indexes/category">Example Index - Category</a></li>
|
||||
<!--<li> <a href="/extras/indexes/series">Example Index - Series</a></li>-->
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Meta</li>
|
||||
<li class="text-muted"><h4>Meta</h4></li>
|
||||
<li hugo-nav="/meta/release-notes"> <a href="/meta/release-notes">Release Notes</a></li>
|
||||
<li hugo-nav="/meta/roadmap"> <a href="/meta/roadmap">Roadmap</a> </li>
|
||||
<li hugo-nav="/meta/contributing"> <a href="/meta/contributing">Contributing</a></li>
|
||||
|
|
240
docs/static/static/css/HPstyles.css
vendored
Normal file
240
docs/static/static/css/HPstyles.css
vendored
Normal file
|
@ -0,0 +1,240 @@
|
|||
/* Global Styles */
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vert-text {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vert-text h1 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 4.5em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Full Page Image Header Area */
|
||||
|
||||
.header {
|
||||
display: table;
|
||||
height: 85%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: url(../img/converse-fields.jpg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
z-index: 99999;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#main {
|
||||
z-index: 99999;
|
||||
position: relative;
|
||||
background: rgb(255, 255, 255);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.header h4, .header h3, .header h2, .header h1 {
|
||||
color: white;
|
||||
text-shadow: black 1px 1px 3px;
|
||||
}
|
||||
|
||||
.header h4 {
|
||||
text-shadow: black 1px 3px 3px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.header h2 {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.header .btn {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
/* Intro */
|
||||
|
||||
.counterpoint {
|
||||
padding: 50px 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.point {
|
||||
background: #7fbbda;
|
||||
padding: 50px 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.point-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
i.point-icon, i.lead-icon {
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
font-size: 56px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
line-height: 136px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
-webkit-transition: box-shadow 0.2s;
|
||||
-moz-transition: box-shadow 0.2s;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
|
||||
i.lead-icon {
|
||||
border: 3px solid #222;
|
||||
}
|
||||
|
||||
i.point-icon {
|
||||
border: 3px solid #ffffff;
|
||||
}
|
||||
|
||||
i.lead-icon:hover {
|
||||
color: #fff;
|
||||
border: 3px solid #7FBBDB;
|
||||
background: #7FBBDB;
|
||||
}
|
||||
|
||||
i.point-icon:hover {
|
||||
color: #7FBBDB;
|
||||
border: 3px solid #fff;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(52, 73, 94);
|
||||
}
|
||||
|
||||
|
||||
i.service-icon:hover {
|
||||
font-size: 68px;
|
||||
}
|
||||
|
||||
.icon-2x {
|
||||
font-size: 200%;
|
||||
}
|
||||
|
||||
/* Callout */
|
||||
|
||||
.callout {
|
||||
color: #ffffff;
|
||||
display: table;
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
background: url(../img/section-two.JPG) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* Portfolio */
|
||||
|
||||
.portfolio {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.portfolio-item {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.img-portfolio {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* Call to Action */
|
||||
|
||||
.call-to-action {
|
||||
color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, 0.19);
|
||||
padding: 50px 0;
|
||||
|
||||
}
|
||||
|
||||
#action {
|
||||
background: url(../img/gray.png);
|
||||
padding: 50px 0px 30px;
|
||||
position: fixed;
|
||||
bottom: 130px;
|
||||
z-index: 99998;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#footerSpacer {
|
||||
display: block;
|
||||
min-height: 310px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#footer {
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 10px 0px;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
z-index: 99998;
|
||||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.call-to-action .btn {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
footer {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.point a {
|
||||
color: #0a5175;
|
||||
}
|
||||
|
||||
/* Bootstrap Addons */
|
||||
|
||||
|
||||
.btn-clear {
|
||||
color: #FFF;
|
||||
background-color: rgba(255, 255, 255, 0.19);
|
||||
border-color: #FFF;
|
||||
}
|
||||
|
||||
.btn-clear:hover,
|
||||
.btn-clear:focus,
|
||||
.btn-clear:active,
|
||||
.btn-clear.active,
|
||||
.open .dropdown-toggle.btn-clear {
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-clear:active,
|
||||
.btn-clear.active,
|
||||
.open .dropdown-toggle.btn-clear {
|
||||
background-image: none;
|
||||
}
|
1132
docs/static/static/css/bootstrap-responsive.css
vendored
1132
docs/static/static/css/bootstrap-responsive.css
vendored
File diff suppressed because it is too large
Load diff
9
docs/static/static/css/bootstrap.min.css
vendored
9
docs/static/static/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
252
docs/static/static/css/styles.css
vendored
252
docs/static/static/css/styles.css
vendored
|
@ -1,240 +1,22 @@
|
|||
/* Global Styles */
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
#ribbon {
|
||||
background-color: #a00;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: -3em;
|
||||
top: 2.5em;
|
||||
-moz-transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-box-shadow: 0 0 1em #888;
|
||||
-webkit-box-shadow: 0 0 1em #888;
|
||||
}
|
||||
|
||||
.vert-text {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.vert-text h1 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 4.5em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Full Page Image Header Area */
|
||||
|
||||
.header {
|
||||
display: table;
|
||||
height: 85%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: url(../img/converse-fields.jpg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
z-index: 99999;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#main {
|
||||
z-index: 99999;
|
||||
position: relative;
|
||||
background: rgb(255, 255, 255);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.header h4, .header h3, .header h2, .header h1 {
|
||||
color: white;
|
||||
text-shadow: black 1px 1px 3px;
|
||||
}
|
||||
|
||||
.header h4 {
|
||||
text-shadow: black 1px 3px 3px;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.header h2 {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.header .btn {
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
/* Intro */
|
||||
|
||||
.counterpoint {
|
||||
padding: 50px 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.point {
|
||||
background: #7fbbda;
|
||||
padding: 50px 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.point-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
i.point-icon, i.lead-icon {
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
font-size: 56px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
line-height: 136px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
-webkit-transition: box-shadow 0.2s;
|
||||
-moz-transition: box-shadow 0.2s;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
|
||||
i.lead-icon {
|
||||
border: 3px solid #222;
|
||||
}
|
||||
|
||||
i.point-icon {
|
||||
border: 3px solid #ffffff;
|
||||
}
|
||||
|
||||
i.lead-icon:hover {
|
||||
#ribbon a {
|
||||
border: 1px solid #faa;
|
||||
color: #fff;
|
||||
border: 3px solid #7FBBDB;
|
||||
background: #7FBBDB;
|
||||
}
|
||||
|
||||
i.point-icon:hover {
|
||||
color: #7FBBDB;
|
||||
border: 3px solid #fff;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(52, 73, 94);
|
||||
}
|
||||
|
||||
|
||||
i.service-icon:hover {
|
||||
font-size: 68px;
|
||||
}
|
||||
|
||||
.icon-2x {
|
||||
font-size: 200%;
|
||||
}
|
||||
|
||||
/* Callout */
|
||||
|
||||
.callout {
|
||||
color: #ffffff;
|
||||
display: table;
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
background: url(../img/section-two.JPG) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* Portfolio */
|
||||
|
||||
.portfolio {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.portfolio-item {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.img-portfolio {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* Call to Action */
|
||||
|
||||
.call-to-action {
|
||||
color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, 0.19);
|
||||
padding: 50px 0;
|
||||
|
||||
}
|
||||
|
||||
#action {
|
||||
background: url(../img/gray.png);
|
||||
padding: 50px 0px 30px;
|
||||
position: fixed;
|
||||
bottom: 130px;
|
||||
z-index: 99998;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#footerSpacer {
|
||||
display: block;
|
||||
min-height: 310px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
#footer {
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
padding: 10px 0px;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
z-index: 99998;
|
||||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.call-to-action .btn {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
footer {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
font: bold 81.25% "Helvetiva Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0.05em 0 0.075em 0;
|
||||
padding: 0.5em 3.5em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.point a {
|
||||
color: #0a5175;
|
||||
}
|
||||
|
||||
/* Bootstrap Addons */
|
||||
|
||||
|
||||
.btn-clear {
|
||||
color: #FFF;
|
||||
background-color: rgba(255, 255, 255, 0.19);
|
||||
border-color: #FFF;
|
||||
}
|
||||
|
||||
.btn-clear:hover,
|
||||
.btn-clear:focus,
|
||||
.btn-clear:active,
|
||||
.btn-clear.active,
|
||||
.open .dropdown-toggle.btn-clear {
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
}
|
||||
|
||||
.btn-clear:active,
|
||||
.btn-clear.active,
|
||||
.open .dropdown-toggle.btn-clear {
|
||||
background-image: none;
|
||||
text-shadow: 0 0 0.5em #444;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue