Update contents list style and markup

This commit is contained in:
Ryan Watters committed 2017-02-17 04:20:09 -06:00
1 parent cbd08323b3
commit 88cad8e7b2
20 files changed
+71 -39

No files matched your search

+1 -1
View File
@@ -16,7 +16,7 @@ notes:
## What is Hugo? ## 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. 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 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: The Benefits of Static title: The Benefits of Static
linktitle: 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 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: Hugo Features title: Hugo Features
linktitle: 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 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: Apache License title: Apache License
linktitle: 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 date: 2016-02-01
publishdate: 2016-02-01 publishdate: 2016-02-01
lastmod: 2016-02-01 lastmod: 2016-02-01
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: Roadmap title: Roadmap
linktitle: 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 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
+3 -9
View File
@@ -1,7 +1,7 @@
--- ---
title: Why I Built Hugo title: Why I Built Hugo
linktitle: 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 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
@@ -13,19 +13,13 @@ toc: false
notes: notes:
--- ---
I wrote Hugo ultimately for a few reasons. First, I was disappointed with 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, 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. 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 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 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.
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][]) ―Steve Francia ([@spf13][])
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: "Content Management" title: "Content Management"
linktitle: "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 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
+2 -2
View File
@@ -6,11 +6,11 @@ godocref: https://golang.org/pkg/text/template/#hdr-Variables
date: 2017-02-01 date: 2017-02-01
publishdate: 2017-02-01 publishdate: 2017-02-01
lastmod: 2017-02-01 lastmod: 2017-02-01
tags: [fundamentals] tags: [fundamentals,iteration]
categories: [functions] categories: [functions]
weight: 02 weight: 02
toc: false toc: false
draft: false draft: false
aliases: [] aliases: [/functions/dot/,/functions/the-dot/]
notes: notes:
--- ---
@@ -1,7 +1,7 @@
--- ---
title: Configuration title: Configuration
linktitle: 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 date: 2017-01-02
publishdate: 2017-01-02 publishdate: 2017-01-02
lastmod: 2017-01-02 lastmod: 2017-01-02
+8 -1
View File
@@ -11,6 +11,13 @@ tags: [lists,sections,partials]
draft: false draft: false
slug: slug:
aliases: [/templates/partials/] aliases: [/templates/partials/]
toc: false toc: true
notes: notes:
--- ---
## Partials vs Templates
## Built-in Partials
* Google Analytics
* Disqus Comments
@@ -17,3 +17,5 @@ notes:
`.IsNamedParams` (reference to shortcodes) `.IsNamedParams` (reference to shortcodes)
`.TableOfContents` (reference to content/table-of-contents) `.TableOfContents` (reference to content/table-of-contents)
<!-- Include rss and sitemap variables for page variables as well -->
Binary file not shown.
+15 -3
View File
@@ -5,12 +5,24 @@
</header> </header>
<div class="body-copy taxonomies"> <div class="body-copy taxonomies">
{{ $data := .Data }} {{ $data := .Data }}
{{ $dataPlural := .Title | urlize}}
{{ $base := $.Site.BaseURL }} {{ $base := $.Site.BaseURL }}
<table>
<thead>
<tr>
<th>Term</th>
<th>Count</th>
</tr>
</thead>
<tbody>
{{ range $key, $value := .Data.Terms.Alphabetical }} {{ range $key, $value := .Data.Terms.Alphabetical }}
<div> <tr>
<a href="{{ $base }}/{{ $data.Plural }}/{{ $value.Name | urlize }}" class="taxonomy-term">{{ $value.Name }} {{ $value.Count }}</a> <td><a href="{{ $base }}{{ $dataPlural }}/{{$value.Name | urlize}}">{{ $value.Name }}</a></td>
</div> <td>{{ $value.Count }}</td>
</tr>
{{ end }} {{ end }}
</tbody>
</table>
</div> </div>
</main> </main>
{{ end }} {{ end }}
@@ -1,15 +1,17 @@
{{$kind := .Kind}} {{$kind := .Kind}}
{{if eq $kind "section"}} {{if eq $kind "section"}}
<h2 class="section-heading">Section Contents:</h2> <h2 class="section-heading"><em>{{.Title | markdownify}}</em> Contents:</h2>
{{end}} {{end}}
{{range .Data.Pages}} {{range .Data.Pages}}
<a href="{{.Permalink}}">
<article class="contents-list {{$kind}}"> <article class="contents-list {{$kind}}">
<header> <header>
<div class="contents-list-image-wrapper"> <div class="contents-list-image-wrapper">
<img src="{{.Site.BaseURL}}images/{{.Section}}.svg" alt=""> <img src="{{.Site.BaseURL}}images/{{.Section}}.svg" alt="">
</div> </div>
<a href="{{.Permalink}}"><h3>{{.Title}}</h3></a> <h3 class="{{.Section}}">{{with .LinkTitle}}{{.}}{{else}}{{.Title | markdownify}}{{end}}</h3>
</header> </header>
<p>{{.Description}}</p> <p>{{.Description | markdownify }}</p>
</article> </article>
</a>
{{end}} {{end}}
@@ -2,6 +2,7 @@
box-shadow: none; box-shadow: none;
background-color: transparent; background-color: transparent;
color: $base-font-color; color: $base-font-color;
border-bottom: 1px solid $hugo-gray-light;
margin-bottom: 1em; margin-bottom: 1em;
position: relative; position: relative;
a { a {
@@ -16,12 +17,14 @@
} }
} }
h3 { h3 {
margin-top:0px;
padding-top:0px;
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 2px solid $base-font-color;
padding-left:1.5em; padding-left:1.5em;
} }
p { p {
margin-bottom: 0px; margin-top:8px;
margin-bottom: 16px;
} }
} }
@@ -35,11 +38,11 @@
.contents-list-image-wrapper { .contents-list-image-wrapper {
max-width: 30px; max-width: 30px;
position: absolute; position: absolute;
top: 0px; top: .2em;
left: 0px; left: 0px;
img { img {
max-width: 1.5em; max-width: 1.2em;
min-width: 1.5em; min-width: 1.2em;
margin-bottom: 0px; margin-bottom: 0px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@@ -4,13 +4,15 @@ table {
max-width: 100%; max-width: 100%;
display: block; display: block;
border-left: 2px solid $hugo-gray; border-left: 2px solid $hugo-gray;
border-right: 2px solid $hugo-gray;
tr { tr {
border-top: 2px solid $hugo-gray; border-top: 2px solid $hugo-gray;
th, th,
td { td {
padding-left: 4px; padding-left: 4px;
padding-right: 6px; padding-right: 6px;
&:last-child {
border-right: 2px solid $hugo-gray;
}
} }
} }
thead { thead {
@@ -6,12 +6,14 @@ ul.tags {
margin-bottom: 8px; margin-bottom: 8px;
margin-right: 4px; margin-right: 4px;
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
float:right; float:right;
li { li {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
margin-left: 4px; margin-left: 4px;
margin-bottom: .75em;
display: flex; display: flex;
&:not(.icon) { &:not(.icon) {
@include card(1, 3); @include card(1, 3);
@@ -29,7 +29,7 @@ main.main {
position: relative; position: relative;
min-height:calc(100vh - #{$site-header-height * 2}); min-height:calc(100vh - #{$site-header-height * 2});
// overflow-x: hidden; // overflow-x: hidden;
@include MQ(XL) { @include MQ(L) {
margin-left: 2em; margin-left: 2em;
} }
} }
@@ -8,8 +8,12 @@
overflow-y: scroll; overflow-y: scroll;
background-color: $site-navigation-bg-color; background-color: $site-navigation-bg-color;
transform:translateX(-#{$site-navigation-width}); transform:translateX(-#{$site-navigation-width});
padding: 1em; padding: 0px;
z-index: 9; z-index: 9;
display:flex;
flex-direction:column;
align-items:center;
// justify-content:center;
&.navigation-open { &.navigation-open {
transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;
transform: translateX(0px); transform: translateX(0px);
@@ -19,21 +23,22 @@
} }
ul.top-menu { ul.top-menu {
margin-top: $site-header-height + 30px; margin-top: $site-header-height + 30px;
display: inline-block; // display: inline-block;
margin-left: auto; width:85%;
margin-right: auto;
@include MQ(L) { @include MQ(L) {
margin-top: $site-header-height + 10px; margin-top: $site-header-height + 10px;
} }
a { a {
color: $base-font-color; color: $base-font-color;
font-weight: $base-font-weight; font-weight: $base-font-weight;
width:100%;
display:block;
&:hover { &:hover {
color:$hugo-pink; color:$hugo-pink;
} }
} }
li { li {
padding-left: 1em; padding-left: 0px;
// text-indent: -1em; // text-indent: -1em;
line-height: 1; line-height: 1;
margin-top: .66em; margin-top: .66em;
@@ -44,6 +49,10 @@
} }
a.top-menu-item-link { a.top-menu-item-link {
font-size: 16px; font-size: 16px;
width:100%;
i.fa.fa-angle-double-right {
margin-left:.25em;
}
&.active-section { &.active-section {
color: $hugo-pink; color: $hugo-pink;
// border-bottom: 1px solid $active-color; // border-bottom: 1px solid $active-color;
@@ -72,7 +81,6 @@
.nav-buttons { .nav-buttons {
a { a {
margin-left: 1em;
margin-bottom: .5em; margin-bottom: .5em;
display: inline-block; display: inline-block;
width: 200px; width: 200px;
+1 -1
View File
@@ -1 +1 @@
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:90%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80aLine truncated /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;border-radius:0px !important;outline:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0px;padding:0px;outline:none;border:none;font-size:18px;font-family:"muli","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;color:#222;line-height:1.6;font-weight:300;overflow-x:hidden}body{font-size:90%;overflow-x:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width: 760px){body{font-size:95%}}@media only screen and (min-width: 960px){body{font-size:100%}}p{margin-top:0px;margin-bottom:1.5em;line-height:1.6}@font-face{font-family:'fontello';src:url("/fonts/fontello/fontello.eot");src:url("/fonts/fontello/fontello.woff2") format("woff2"),url("/fonts/fontello/fontello.woff") format("woff"),url("/fonts/fontello/fontello.ttf") format("truetype"),url("/fonts/fontello/fontello.svg?78165468#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-alert:before{content:'\e810'}.icon-angle-double-right:before{content:'\f101'}.icon-attach:before{content:'\e820'}.icon-attention:before{content:'\e80f'}.icon-bell:before{content:'\e80d'}.icon-cancel:before{content:'\e81e'}.icon-caution:before{content:'\e80f'}.icon-chrome:before{content:'\e841'}.icon-clipboard:before{content:'\e817'}.icon-code:before{content:'\f121'}.icon-cog-alt:before{content:'\e814'}.icon-css3:before{content:'\f13c'}.icon-docs:before{content:'\f15c'}.icon-download:before{content:'\e815'}.icon-facebook-official:before{content:'\f230'}.icon-firefox:before{content:'\e840'}.icon-flag:before{content:'\e813'}.icon-forum:before{content:'\f03d';margin-right:.3em}.icon-github:before{content:'\f09b'}.icon-gitter:before{content:'\e819'}.icon-go:before{content:'\e801'}.icon-golang:before{content:'\e801'}.icon-heart:before{content:'\e81d'}.icon-help:before{content:'\e81b'}.icon-home:before{content:'\e812'}.icon-html.input:before{content:'\e81f'}.icon-html5:before{content:'\e800'}.icon-html:before{content:'\e800'}.icon-hugo:before{content:'\e81f'}.icon-ie:before{content:'\e843'}.icon-info:before{content:'\e811'}.icon-instagram:before{content:'\f32d'}.icon-javascript:before{content:'\e802'}.icon-js:before{content:'\e802'}.icon-json:before{content:'\e81c'}.icon-link:before{content:'\e816'}.icon-linkedin:before{content:'\f30c'}.icon-love:before{content:'\e81d'}.icon-mail:before{content:'\e821'}.icon-markdown:before{content:'\e80e'}.icon-md:before{content:'\e80e'}.icon-note:before{content:'\e80d'}.icon-opera:before{content:'\e842'}.icon-pdf:before{content:'\f1c1'}.icon-pencil:before{content:'\e80c'}.icon-picture:before{content:'\e808'}.icon-quote-left:before{content:'\e809'}.icon-quote-right:before{content:'\e80aLine truncated