mirror of
https://github.com/gohugoio/hugo.git
synced 2026-08-24 15:28:54 +00:00
Update contents list style and markup
This commit is contained in:
Ryan Watters
@@ -16,7 +16,7 @@ notes:
|
||||
|
||||
## What is Hugo?
|
||||
|
||||
Hugo is a general-purpose website framework. Technically speaking, Hugo is a [static site generator][]. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website's end users and an ideal writing experience for authors.
|
||||
Hugo is a general-purpose website framework. Technically speaking, Hugo is a [static site generator][]. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website's end users and an ideal writing experience for website authors.
|
||||
|
||||
Websites built with Hugo are extremely fast and secure. Hugo sites can be hosted anywhere, including [Heroku][], [GoDaddy][], [DreamHost][], [GitHub Pages][], [Surge][], [Aerobatic][], [Firebase][], [Google Cloud Storage][], [Amazon S3][], [rackspace][], [Azure][], and [CloudFront][] and work well with CDNs. Hugo sites run without the need for a database or dependencies on expensive runtimes like Ruby, Python, or PHP.
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: The Benefits of Static
|
||||
linktitle: The Benefits of Static
|
||||
description:
|
||||
description: Learn why static site generators have become so popular. Benefits include performance, security, ease of use, and exportability of content.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Hugo Features
|
||||
linktitle:
|
||||
description: Hugo is the fastest static site generator and includes a powerful templating language, making it the appropriate choice for websites of all sizes and types.
|
||||
description: Hugo is the world's fastest static site generator, includes a powerful templating language, and works for websites of all sizes and types.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Apache License
|
||||
linktitle:
|
||||
description: Information on the Hugo license.
|
||||
description: Hugo v0.15 and later are released under the Apache 2.0 license. Earlier version of Hugo were released under the Simple Public License.
|
||||
date: 2016-02-01
|
||||
publishdate: 2016-02-01
|
||||
lastmod: 2016-02-01
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Roadmap
|
||||
linktitle:
|
||||
description: Information on the Hugo license.
|
||||
description: Take a look at what's in the pipeline for future versions of the Hugo project, as well related GitHub issues and Hugo Forum discussions for new features.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Why I Built Hugo
|
||||
linktitle:
|
||||
description: Hugo is the fastest of all static site generators and includes features
|
||||
description: Learn why Steve Francia (@spf13) decided to ditch his previous content publishing workflow and develop Hugo in Golang.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
@@ -13,19 +13,13 @@ toc: false
|
||||
notes:
|
||||
---
|
||||
|
||||
I wrote Hugo ultimately for a few reasons. First, I was disappointed with
|
||||
WordPress, my then website solution. With it, I couldn't create
|
||||
content as efficiently as I wanted to.
|
||||
I wrote Hugo ultimately for a few reasons. First, I was disappointed with WordPress, my then website solution. With it, I couldn't create content as efficiently as I wanted to.
|
||||
|
||||
WordPress sites rendered slowly and required I be online to write posts. WordPress is known for its constant security updates and horror stories of hacked blogs. I hated writing content in HTML instead of the much simpler Markdown. Overall, I felt like WordPress hindered more than helped. It kept me from writing great content.
|
||||
|
||||
I looked at existing static site generators like [Jekyll][], [Middleman][], and [Nanoc][]. All had complicated installation dependencies and an unacceptably long time to render my blog with hundreds of posts. I wanted a framework that would give me rapid feedback while making changes to the templates, and the 5-minute-plus render times were just too slow. In general, the static site generators were very blog-minded and didn't provide for other content types and flexible URLs.
|
||||
|
||||
I wanted to develop a fast and full-featured website framework without any
|
||||
dependencies. The [Go language][] seemed to have all the features I needed
|
||||
in a language. I began developing Hugo in Go and fell in love with the
|
||||
language. I hope you will enjoy using Hugo (and [contributing to it][]) as much
|
||||
as I have writing it.
|
||||
I wanted to develop a fast and full-featured website framework without any dependencies. The [Go language][] seemed to have all the features I needed in a language. I began developing Hugo in Go and fell in love with the language. I hope you will enjoy using Hugo (and [contributing to it][]) as much as I have writing it.
|
||||
|
||||
―Steve Francia ([@spf13][])
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: "Content Management"
|
||||
linktitle: "Content Management"
|
||||
description: An introduction to how Hugo helps you manage content.
|
||||
description: Hugo makes managing large static sites easy with support for archetypes, content types, menus, cross references, summaries, and more.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
|
||||
@@ -6,11 +6,11 @@ godocref: https://golang.org/pkg/text/template/#hdr-Variables
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
tags: [fundamentals]
|
||||
tags: [fundamentals,iteration]
|
||||
categories: [functions]
|
||||
weight: 02
|
||||
toc: false
|
||||
draft: false
|
||||
aliases: []
|
||||
aliases: [/functions/dot/,/functions/the-dot/]
|
||||
notes:
|
||||
---
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Configuration
|
||||
linktitle:
|
||||
description: Scaffolding new projects, configuration, and source organization.
|
||||
description: Your configuration can include precise directions to Hugo regarding how it should render your website.
|
||||
date: 2017-01-02
|
||||
publishdate: 2017-01-02
|
||||
lastmod: 2017-01-02
|
||||
|
||||
@@ -11,6 +11,13 @@ tags: [lists,sections,partials]
|
||||
draft: false
|
||||
slug:
|
||||
aliases: [/templates/partials/]
|
||||
toc: false
|
||||
toc: true
|
||||
notes:
|
||||
---
|
||||
|
||||
## Partials vs Templates
|
||||
|
||||
## Built-in Partials
|
||||
|
||||
* Google Analytics
|
||||
* Disqus Comments
|
||||
|
||||
@@ -17,3 +17,5 @@ notes:
|
||||
|
||||
`.IsNamedParams` (reference to shortcodes)
|
||||
`.TableOfContents` (reference to content/table-of-contents)
|
||||
|
||||
<!-- Include rss and sitemap variables for page variables as well -->
|
||||
|
||||
Binary file not shown.
@@ -5,12 +5,24 @@
|
||||
</header>
|
||||
<div class="body-copy taxonomies">
|
||||
{{ $data := .Data }}
|
||||
{{ $dataPlural := .Title | urlize}}
|
||||
{{ $base := $.Site.BaseURL }}
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Term</th>
|
||||
<th>Count</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{ range $key, $value := .Data.Terms.Alphabetical }}
|
||||
<div>
|
||||
<a href="{{ $base }}/{{ $data.Plural }}/{{ $value.Name | urlize }}" class="taxonomy-term">{{ $value.Name }} {{ $value.Count }}</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td><a href="{{ $base }}{{ $dataPlural }}/{{$value.Name | urlize}}">{{ $value.Name }}</a></td>
|
||||
<td>{{ $value.Count }}</td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
@@ -1,15 +1,17 @@
|
||||
{{$kind := .Kind}}
|
||||
{{if eq $kind "section"}}
|
||||
<h2 class="section-heading">Section Contents:</h2>
|
||||
<h2 class="section-heading"><em>{{.Title | markdownify}}</em> Contents:</h2>
|
||||
{{end}}
|
||||
{{range .Data.Pages}}
|
||||
<a href="{{.Permalink}}">
|
||||
<article class="contents-list {{$kind}}">
|
||||
<header>
|
||||
<div class="contents-list-image-wrapper">
|
||||
<img src="{{.Site.BaseURL}}images/{{.Section}}.svg" alt="">
|
||||
</div>
|
||||
<a href="{{.Permalink}}"><h3>{{.Title}}</h3></a>
|
||||
<h3 class="{{.Section}}">{{with .LinkTitle}}{{.}}{{else}}{{.Title | markdownify}}{{end}}</h3>
|
||||
</header>
|
||||
<p>{{.Description}}</p>
|
||||
<p>{{.Description | markdownify }}</p>
|
||||
</article>
|
||||
</a>
|
||||
{{end}}
|
||||
@@ -2,6 +2,7 @@
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
color: $base-font-color;
|
||||
border-bottom: 1px solid $hugo-gray-light;
|
||||
margin-bottom: 1em;
|
||||
position: relative;
|
||||
a {
|
||||
@@ -16,12 +17,14 @@
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
margin-top:0px;
|
||||
padding-top:0px;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 2px solid $base-font-color;
|
||||
padding-left:1.5em;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0px;
|
||||
margin-top:8px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,11 +38,11 @@
|
||||
.contents-list-image-wrapper {
|
||||
max-width: 30px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
top: .2em;
|
||||
left: 0px;
|
||||
img {
|
||||
max-width: 1.5em;
|
||||
min-width: 1.5em;
|
||||
max-width: 1.2em;
|
||||
min-width: 1.2em;
|
||||
margin-bottom: 0px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@@ -4,13 +4,15 @@ table {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
border-left: 2px solid $hugo-gray;
|
||||
border-right: 2px solid $hugo-gray;
|
||||
tr {
|
||||
border-top: 2px solid $hugo-gray;
|
||||
th,
|
||||
td {
|
||||
padding-left: 4px;
|
||||
padding-right: 6px;
|
||||
&:last-child {
|
||||
border-right: 2px solid $hugo-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
thead {
|
||||
|
||||
@@ -6,12 +6,14 @@ ul.tags {
|
||||
margin-bottom: 8px;
|
||||
margin-right: 4px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
float:right;
|
||||
li {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-left: 4px;
|
||||
margin-bottom: .75em;
|
||||
display: flex;
|
||||
&:not(.icon) {
|
||||
@include card(1, 3);
|
||||
|
||||
@@ -29,7 +29,7 @@ main.main {
|
||||
position: relative;
|
||||
min-height:calc(100vh - #{$site-header-height * 2});
|
||||
// overflow-x: hidden;
|
||||
@include MQ(XL) {
|
||||
@include MQ(L) {
|
||||
margin-left: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,8 +8,12 @@
|
||||
overflow-y: scroll;
|
||||
background-color: $site-navigation-bg-color;
|
||||
transform:translateX(-#{$site-navigation-width});
|
||||
padding: 1em;
|
||||
padding: 0px;
|
||||
z-index: 9;
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
align-items:center;
|
||||
// justify-content:center;
|
||||
&.navigation-open {
|
||||
transition: transform .3s ease-in-out;
|
||||
transform: translateX(0px);
|
||||
@@ -19,21 +23,22 @@
|
||||
}
|
||||
ul.top-menu {
|
||||
margin-top: $site-header-height + 30px;
|
||||
display: inline-block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
// display: inline-block;
|
||||
width:85%;
|
||||
@include MQ(L) {
|
||||
margin-top: $site-header-height + 10px;
|
||||
}
|
||||
a {
|
||||
color: $base-font-color;
|
||||
font-weight: $base-font-weight;
|
||||
width:100%;
|
||||
display:block;
|
||||
&:hover {
|
||||
color:$hugo-pink;
|
||||
}
|
||||
}
|
||||
li {
|
||||
padding-left: 1em;
|
||||
padding-left: 0px;
|
||||
// text-indent: -1em;
|
||||
line-height: 1;
|
||||
margin-top: .66em;
|
||||
@@ -44,6 +49,10 @@
|
||||
}
|
||||
a.top-menu-item-link {
|
||||
font-size: 16px;
|
||||
width:100%;
|
||||
i.fa.fa-angle-double-right {
|
||||
margin-left:.25em;
|
||||
}
|
||||
&.active-section {
|
||||
color: $hugo-pink;
|
||||
// border-bottom: 1px solid $active-color;
|
||||
@@ -72,7 +81,6 @@
|
||||
|
||||
.nav-buttons {
|
||||
a {
|
||||
margin-left: 1em;
|
||||
margin-bottom: .5em;
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user