Replace Font Awesome with Fontello

2026-08-31 02:32:37 +00:00 · 2017-02-07 00:07:34 -06:00
parent b0de2c1e35
commit 060fe0199f
52 changed files with 1456 additions and 136 deletions
@@ -5,6 +5,7 @@ description: Hugo's features, roadmap, license, and motivation.
 date: 2016-11-01
 publishdate: 2016-11-01
 lastmod: 2016-11-01
+layout: single
 weight: 01
 draft: false
 slug:
@@ -12,19 +12,15 @@ aliases: []
 notes:
 ---

-Website generators render content into HTML files. Most are "dynamic site generators." That means the HTTP server (ie, the program that communicates with your end user's browser) runs the generator to create a new HTML file every time an end user requests a page.
+Website generators render content into HTML files. Most are "dynamic site generators." That means the HTTP server (i.e., the program that communicates with your end user's browser) runs the generator to create a new HTML file every time an end user requests a page.

 Creating the page dynamically requires the HTTP server have enough memory and CPU to effectively run the generator around the clock. If not, your end user will wait in a queue for the page to be generated.

-To prevent unnecessary delays in delivering pages to end users, dynamic site generators programmed their systems to cache the HTML files. A cached page is a copy that is temporarily stored on the computer. Sending a cached copy is faster than generating a new page at the time of request because the majority of the work is already done.
+To prevent unnecessary delays in delivering pages to end users, dynamic site generators were programmed to cache their HTML files. A cached page is a copy that is temporarily stored on the computer. Sending a cached copy is faster than generating a new page at the time of request because the majority of the work is already done.

-Hugo takes caching a step further. All HTML files are rendered on your
-computer. You can review the files before you copy them to the computer
-hosting the HTTP server. Since the HTML files aren't generated dynamically,
-we say that Hugo is a "static site generator."
+Hugo and other static site generators take caching a step further. All HTML files are rendered on your computer. You can review the files before you copy them to the computer hosting the HTTP server. Since the HTML files aren't generated dynamically, we say that Hugo is a "static site generator."

-Not running a web site generator on your HTTP server has many benefits.
-The most noticeable is performance - HTTP servers are very good at
+Not running a web site generator on your HTTP server has many benefits. The most noticeable is performance---HTTP servers are very good at
 sending files. So good that you can effectively serve the same number
 of pages with a fraction of the memory and CPU needed for a dynamic site.

@@ -11,4 +11,8 @@ draft: false
 slug:
 aliases: [/content/markdown-extras/,/content/supported-formats/]
 notes:
---
+---
+
+{{% note "Deeply Nested Lists" %}}
+Hugo uses [BlackFriday](https://github.com/russross/blackfriday), a markdown processor written in Go. A known issue [(#329)](https://github.com/russross/blackfriday/issues/329) in BlackFriday is the handling of deeply nested lists, but there is a workaround. If you write lists in markdown, be sure to include 4 spaces (i.e., <kbd>tab</kbd>) rather than 2 to delimit nesting of lists.
+{{% /note %}}
@@ -5,7 +5,7 @@ description: Description for the developer tools section.
 date: 2016-11-01
 publishdate: 2016-11-01
 lastmod: 2016-11-01
-weight: 40
+weight: 01
 draft: false
 slug:
 aliases:
@@ -7,6 +7,8 @@ qr_returns:
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
+categories: [fundamentals]
+tags: []
 weight:
 draft: false
 type:
@@ -5,7 +5,7 @@ description: Description for the Getting Started section.
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
-weight:
+weight: 01
 draft: false
 slug:
 aliases: []
@@ -5,7 +5,7 @@ description: Build process, automated deployments, and popular hosting solutions
 date: 2016-11-01
 publishdate: 2016-11-01
 lastmod: 2016-11-01
-weight: 1
+weight: 01
 draft: false
 slug:
 aliases:
@@ -7,7 +7,7 @@ publishdate: 2017-02-01
 lastmod: 2017-02-01
 tags: []
 categories: []
-weight:
+weight: 01
 draft: false
 slug:
 aliases: []
@@ -7,7 +7,7 @@ publishdate: 2017-02-01
 lastmod: 2017-02-01
 tags: []
 categories: []
-weight:
+weight: 01
 draft: false
 slug:
 aliases: []
@@ -6,6 +6,8 @@ date: 2016-11-01
 publishdate: 2016-11-01
 lastmod: 2016-11-01
 weight: 01
+tags: []
+categories: []
 draft: false
 slug:
 aliases:
@@ -0,0 +1,57 @@
+---
+title: Configuration
+linktitle:
+description: Scaffolding new projects, configuration, and source organization.
+date: 2017-01-02
+publishdate: 2017-01-02
+lastmod: 2017-01-02
+weight: 10
+draft: false
+slug:
+aliases:
+notes:
+---
+
+Here is `some code` in the body copy.
+
+{{% input "my-first-template.html" %}}
+```go
+<ul>
+  {{range $.Site.Pages}}
+    <li>{{.Title}}</li>
+  {{end}}
+</ul>
+```
+{{% /input %}}
+
+{{% input "first-script.js" %}}
+```js
+function myFunction(arg){
+  console.log(arg);
+}
+```
+{{% /input %}}
+
+{{% input "first-data.json" %}}
+```json
+function myFunction(arg){
+  console.log(arg);
+}
+```
+{{% /input %}}
+
+{{% output "layouts/_default/list.html" %}}
+```go
+<ul>
+  {{range $.Site.Pages}}
+    <li>{{.Title}}</li>
+  {{end}}
+</ul>
+```
+{{% /output %}}
+
+```javascript
+function myFunction(val){
+  console.log(val);
+}
+```
@@ -7,7 +7,7 @@ publishdate: 2017-02-01
 lastmod: 2017-02-01
 tags: []
 categories: []
-weight:
+weight: 01
 draft: false
 slug:
 aliases: []
@@ -5,7 +5,7 @@ description: Golang templating, template types and lookup order, shortcodes, and
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
-weight:
+weight: 01
 tags: []
 draft: false
 slug:
@@ -5,7 +5,8 @@ description: Description of the theming section and its contents.
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
-weight:
+weight: 01
+categories: []
 tags: []
 draft: false
 slug:
@@ -1,11 +1,11 @@
 ---
 title: Troubleshooting
 linktitle:
-description: Description for *troubleshooting* section.
-date: 2016-11-01
-publishdate: 2016-11-01
-lastmod: 2016-11-01
-weight:
+description: Frequently asked questions pulled from the Hugo forum and known issues and workarounds.
+date: 2017-02-01
+publishdate: 2017-02-01
+lastmod: 2017-02-01
+weight: 01
 draft: false
 slug:
 aliases: []
@@ -1,12 +1,15 @@
 ---
-title: Tutorials
+title: Submitting a Tutorial
 linktitle:
-description:
+description: Learn how to submit your tutorial to the Hugo docs.
 date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
-weight:
-tags: []
+categories: [tutorials]
+tags: [contribute,tutorials]
+author: rdwatters
+authorurl: "https://github.com/rdwatters"
+weight: 01
 draft: false
 slug:
 aliases:
@@ -6,6 +6,8 @@ date: 2017-02-01
 publishdate: 2017-02-01
 lastmod: 2017-02-01
 tags: [contribute,tutorials]
+author:
+authorprofileurl:
 weight:
 draft: false
 slug:
@@ -0,0 +1,84 @@
+about:
+  order: 1
+  title: "About Hugo"
+  url: "about-hugo"
+  haschildren: true
+  sortsubpagesby: "weight"
+gettingstarted:
+  order: 2
+  title: "Getting Started"
+  url: "getting-started"
+  haschildren: true
+  sortsubpagesby: "weight"
+projectorganization:
+  order: 3
+  title: "Project Organization"
+  url: "project-organization"
+  haschildren: true
+  sortsubpagesby: "weight"
+contentmanagement:
+  order: 4
+  title: "Content Management"
+  url: "content-management"
+  haschildren: true
+  sortsubpagesby: "weight"
+templates:
+  order: 5
+  title: "Templates"
+  url: "templates"
+  haschildren: true
+  sortsubpagesby: "weight"
+functions:
+  order: 6
+  title: "Functions"
+  url: "functions"
+  haschildren: true
+  sortsubpagesby: "title"
+variablesandparams:
+  order: 7
+  title: "Variables and Params"
+  url: "variables-and-params"
+  haschildren: true
+  sortsubpagesby: "weight"
+themes:
+  order: 8
+  title: "Themes"
+  url: "themes"
+  haschildren: true
+  sortsubpagesby: "weight"
+hostinganddeployment:
+  order: 9
+  title: "Hosting and Deployment"
+  url: "hosting-and-deployment"
+  haschildren: true
+  sortsubpagesby: "weight"
+migratingtohugo:
+  order: 10
+  title: "Migrating to Hugo"
+  url: "migrating-to-hugo"
+  haschildren: true
+  sortsubpagesby: "weight"
+tutorials:
+  order: 11
+  title: "Tutorials"
+  url: "tutorials"
+  haschildren: true
+  sortsubpagesby: "weight"
+developertools:
+  order: 12
+  title: "Developer Tools"
+  url: "developer-tools"
+  haschildren: true
+  sortsubpagesby: "weight"
+troubleshooting:
+  order: 13
+  title: "Troubleshooting"
+  url: "troubleshooting"
+  haschildren: true
+  sortsubpagesby: "weight"
+newsandarticles:
+  order: 14
+  title: "News and Articles"
+  url: "news-and-articles"
+  haschildren: true
+  sortsubpagesby: "weight"
@@ -1,5 +0,0 @@
-{{- define "main" -}}
-<main class="main">
-
-</main>
-{{- end -}}
@@ -1,12 +1,12 @@
 {{ define "main" }}
 <main class="main">
 	<header class="content-header">
-		<h1>{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title }}{{end}}</h1>
+		<h1 class="page-title {{.Section}}">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
+		<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
 		<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="fa fa-pencil" aria-hidden="true"></i></a>
 	</header>
 	<div class="body-copy">
 	{{.Content}}
-	<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
 	</div>
 </main>
 {{ end }}
@@ -1,12 +1,12 @@
 {{ define "main" }}
 <main class="main">
+	<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="icon-pencil" aria-hidden="true"></i></a>
 	<header class="content-header">
-		<h1 class="{{.Section}}">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
-		<a role="button" target="_blank" class="edit-link" href="{{.Site.Params.ghrepourl}}{{.File.Path}}"><span class="edit-text">Edit</span> <i class="fa fa-pencil" aria-hidden="true"></i></a>
+		<h1 class="page-title {{.Section}}">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
+		<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
 	</header>
 	<div class="body-copy">
 	{{.Content}}
-	<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
 	</div>
 </main>
 {{ end }}
@@ -1,2 +1,2 @@
 <link rel="stylesheet" href="/css/style.min.css">
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> -->
@@ -6,6 +6,30 @@
 </a>
 <nav class="site-navigation" id="site-navigation">
 	<ul class="top-menu">
+		{{$base := $.Site.BaseURL}}
+		{{$.Scratch.Set "currentsection" $.Section}}
+		{{$.Scratch.Set "currentpage" .Permalink }}
+		{{$.Scratch.Set "url" .URL }}
+		{{range $item, $params := sort ($.Site.Data.sitenavigation) "order"}}
+		{{$section := $params.url}}
+		<li class="top-menu-item"><a class="top-menu-item-link{{if eq ($.Scratch.Get "currentsection") $section }} active-section{{end}}" href="#">{{$params.title}}</a>
+		{{if $params.haschildren}}
+			<ul class="submenu">
+				{{- if eq $params.sortsubpagesby "title"}}
+					{{range (where $.Site.Pages "Section" $section).ByTitle}}
+					<li class="submenu-item"><a class="submenu-item-link {{$section}}{{if eq ($.Scratch.Get "url") .URL}} active-page{{end}}" href="{{.Permalink}}">{{with .LinkTitle}}{{. | markdownify }}{{else}}{{.Title | markdownify}}{{end}}</a></li>
+					{{end}}
+				{{ else }}
+					{{range (where $.Site.Pages "Section" $section).ByWeight}}
+					<li class="submenu-item"><a class="submenu-item-link {{$section}}{{if eq ($.Scratch.Get "url") .URL}} active-page{{end}}" href="{{.Permalink}}">{{with .LinkTitle}}{{. | markdownify }}{{else}}{{.Title | markdownify}}{{end}}</a></li>
+					{{end}}
+				{{- end }}
+			</ul>
+		{{end}}
+		</li>
+		{{end}}
+	</ul>
+<!-- 	<ul class="top-menu">
 		{{ $menuitems := .Site.Params.sitemenuitems }}
 		{{ $sitesections := .Site.Sections }}
 		{{ $url := .URL }}
@@ -28,7 +52,7 @@
 			{{ end }}
 		{{ end }}
 		{{ end }}
-	</ul>
+	</ul> -->
 	<div class="nav-buttons">
 		<a role="button" class="icon-forum" href="https://discuss.gohugo.io" target="_blank">Discuss Hugo</a><br>
 		<a role="button" class="icon-mailing-list" href="{{.Site.BaseURL}}mailing-list/">Mailing List</a>
@@ -0,0 +1,3 @@
+<svg height="1024" width="896" xmlns="http://www.w3.org/2000/svg">
+  <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
+</svg>
@@ -0,0 +1,57 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="177.25px" height="177.25px" viewBox="0 0 177.25 177.25" enable-background="new 0 0 177.25 177.25" xml:space="preserve">
+  <g id="_x38_MJ9tV.tif" display="none">
+    <image display="inline" overflow="visible" enable-background="new    " width="118" height="33" id="Layer_0" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAhCAYAAAAMLF9eAAAACXBIWXMAAAsSAAALEgHS3X78AAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABOhJREFUeNrsW1toFEkU7ZhGI47v
+DYohPlAQxYgL7oKiKIKgPyoKC75gFdFPEQP+iC74IYLih+wqKqIIKr5Ag+ADH4sPVAJGsz4i44PE
+aHTcbFaDI4Pj7rmZ06YsuifdGcWasQ4cOlNTPV1dt+6tc293ihLlv2x1HGeck8Hv4OnShsOtjkVe
+w6VRp/LzCbZZ5Dm62CmwhrXIs1Dsi0T53BE4xPixGWwqbTieQnsZ/u4HFoNJsB7tSbRL20Cwq9pu
+p9gwwwJrwPH8uwrcAT4H54OzwJ5gHbiex0ngCnCQ1m5hmGFHKGr5Nj1RIB5bAfbh5+48iseOBodq
+7RZ2j7WwhrXodCj+pug/dnwFQ7se0uNgzd93qlt9zvGE3b8i9tAnhTZV1EVBI0VgWSe2leYcrt8m
+PHFukvekitggxPX5cA006BQcFnF/70v1rUJu4AX6ncNxP26oSfnOE3aXFLGniroo2EzxVwmOjHhu
+VQ7X14WnKmKD0Ir5uIbjHho57Rpm1Dk4rOSN9AD/Au9zFQtKOMkTwHdOplKmGtYTdo9DeMhn3g2m
+IgzV88K0eJcyvqC+EnkGhOibTcQ2MhKkA+5DrjFRFiLmsdo1yKhyA8tptNeg1LBPgy+VmylmmjWE
+4bElxE9fYfjWDV1J776qeJdfKF7vE4pn0QvfBqR1zbwHFfUhU8Ak++o4CJ7kNVXI2KYrc7dMFqpJ
+HjsP/BH8CG4Cj4KvJKz4LIJ79N53Hf0ozm/mROu/keCCke/uod/TLKFRP3ccPVyMUIdza0LunWH7
+Bu35tTi/xWc8cXrtYnAmuNs1xFtlUNPAH8Cz4HmKj/8CjJWKGDoLGpiPBDXHDIbuElPSnWHcg2Sh
+nQKfBRnVIhCiE95zuyoyxbCepE8y9NnnwdExCuxlWrrTnStNREMLvPVjAU68LN5dCJnZFm3biw5+
+OXoI4bmAKVWtKH3T8tikj5wPupGYlwL4CSwDEQuRj2Z70eEn0RW4d10wjgF/VoSnqOeGfH1bwkva
+NwekACYiTrUf76BPkLfOYLFDj2a9GYKfgPvAQ+A/Lt3/BDv92YkE2sNNcAMvkqA3RUXY8p2XtJf6
+VKZMhRisOod0R4z+SMkGhnMOYrShpId3vQjmsgjgKqEwlcOFnzmZBwvpMDmmz0otl4oOwk1XpjQW
+7ThD473hZ1nUG8HJNLKkh4lP4ulLvZEob1fksCjqGE6LOdAbPpWg7x1SSKn3ChRY/A04bKMzSIie
+h7adnnG7GDToKzxKIX8CBmkf1GcvSqRZyDnCSPurCCiJdsYYloM8QM+VELMWXI5BDgaLNUXcmcdo
+hWpcibZ7wVvUJ6sZlo16bCf13y3gOifzpKKSuVktjPlWEVdl/L4Q89hP6hlGi4f8XVHDfziZV5Jk
+G1uEa2xzDVp9kqOJQJA9ZCE4m/mZGPGDUsgQ734IXgcvOPlTpQqTxwr6OB0/WP8s2mHevJAsT3iW
+glWuaaEFg7xMWb+bRo1pBQxZoa+kO/gS53zQKjfHnMwjs6YOLhelrw7JJB5wwcVD9i2JkBapv7mK
+xg7McTlv251Mnb2bXK8o6NcT5XMvOu3/+iGJ729Qvk/RvpUbtVxMcrIlaK/5GobGYGPadtGWRuVJ
+pembwujKU9SaqUU77FuK1rAWhRKKvU3bobho0kSH67PRWxiC/wUYAJblttDygGF7AAAAAElFTkSu
+QmCC" transform="matrix(0.9915 0 0 0.9697 1052.3047 715.1367)">
+    </image>
+  </g>
+  <g id="VZchZG.tif" display="none">
+    <image display="inline" overflow="visible" enable-background="new    " width="32" height="32" id="Layer_0_1_" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNpiZAACC2PbM4x//0gx
+0BH8Z2Z5duLsYRNGkOUggYFwAIhmobfFMACzl4lhgMGoA0YdMOoAvA5wcnX5ffTc0bMgTA2x0SgY
+dcCoA0YdgA2w4JPct3sPKxAbk2MwsXpHo2DUAaMOYLQ0sHw2GgUjuyiGdRIHqnPKBOoiD5TvQXYD
+BBgAmlpH8O1Ct20AAAAASUVORK5CYII=" transform="matrix(1 0 0 1 792 546)">
+    </image>
+  </g>
+  <g id="jxJjd2.tif" display="none">
+    <image display="inline" overflow="visible" enable-background="new    " width="64" height="64" id="Layer_0_2_" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAP/AAAD/wGuK+TeAAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnFJREFUeNrsW79LHEEUntE9KzHk
+clwjeI2FTapACIhdsDgkhMRCbSzCWVkEUoR0KUPaFMJZiH+AIhaHEBBMGSGNf4Bco0fCVYIG0X35
+5n7OXW7hZHd25/bNg+9m7it2bt59772Z3R0pNKvnN16iWQUWgDwwLtJjd8A58B3YAqpPfpdJapP/
+gqYEZEX67QLYBI5kc/Klr2jeMZl8266AN7KeK71Apww8Ffxsfwwfr4FpwdMWPSFpFp1Jpg6YVArw
+AMnUAUI54B4grg7wGM+95QCf9fwbIcBcAZKcApjnAN8pwDnAgE0dfhTZ+k4Dmfk5pwBrcwAZqgL6
+VdUYZGm1cQqI459xCtDs0cEnkfuz24CeHB/Kj+BmiAzzLgdYthfQr6v67e9R8aMVAhQg3aj4MFWA
+9fSdAoTnS3NT1vvtcaLiXRm0XQG6qTEGjRMVHzIJkogjCLrjRMWP6G4wKt6VQftDoF+4ZIwPGQKG
+Zi17+51xouJtVwD9J12KlLdfAf0/XJrjQy6EzFht+bNV14m9DA4THL1ljYyWu+CVYMyPx/uXNf7A
+WO/yxh2Q5K3KOOt9okkw0AEBZY0MlDsLdoN2asBL+m59PJvehJfCYRZIMeSAmN8PkHq580Vn/CDe
+vAJkgvKXYtD4QXwqQmDQ/m54PgVJkAJyPSW0DpBnM6/20C4BE4Khebxfkks8BzgFJG7u8bgLAe4K
+cC9LNw9Hsj0y4/nuyAxV0V4zXQn+VSFQAS6ZCuBHI/ZPC8VtNCuC1/lBFfZvWw9G6D0+Mopg4oQb
+4ANw3JP9fxaKa2jWgWfA45StFFWyrwEnwDfg1/Nq5fafAAMAE6xkAvixwqwAAAAASUVORK5CYII=" transform="matrix(2.7695 0 0 2.7695 86.7505 49.2495)">
+    </image>
+  </g>
+  <path d="M159.25,0H18C8.059,0,0,8.059,0,18v141.25c0,9.941,8.059,18,18,18h141.25c9.941,0,18-8.059,18-18V18
+	C177.25,8.059,169.191,0,159.25,0z M69.25,102.5H61v-61h8.25V102.5z M85.75,135.75H77.5V55.5h8.25V135.75z M102.5,135.75h-8.25V55.5
+	h8.25V135.75z M119,102.5h-8.25v-47H119V102.5z" />
+</svg>
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 216 282" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <path d="M207.3,44.6C200.6,30.9 184.4,43 180.3,38.7C159.3,17.1 133.9,11.7 114,10.7L103,10.7C83,11.2 57.6,17 36.7,38.7C32.6,43 16.3,30.9 9.7,44.6C2,60.6 25.4,62.2 24.2,69.3C21.9,82.1 23.4,101.1 25.2,119.8C28,151.5 4.3,227.4 53.6,257.9C62.9,263.7 88,266.9 109.8,267.4L110,267.4C131.8,266.9 153.9,263.7 163.2,257.9C212.6,227.4 188.9,151.5 191.8,119.8C193.5,101.1 195,82.1 192.8,69.3C191.6,62.2 215,60.5 207.3,44.6L207.3,44.6Z" style="fill:rgb(140,197,231);fill-rule:nonzero;"/>
+    <path d="M143.2,54.3C109.8,58.2 114.3,93 127.2,104.3C151.2,125.3 176.2,104.3 173.4,83.1C170.9,62.7 153.6,53.1 143.2,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;"/>
+    <path d="M145.5,72.9C151.792,72.9 156.9,78.008 156.9,84.3C156.9,90.592 151.792,95.7 145.5,95.7C139.208,95.7 134.1,90.592 134.1,84.3C134.1,78.008 139.208,72.9 145.5,72.9ZM71.356,72.746C77.648,72.746 82.756,77.854 82.756,84.146C82.756,90.438 77.648,95.546 71.356,95.546C65.064,95.546 59.956,90.438 59.956,84.146C59.956,77.854 65.064,72.746 71.356,72.746Z" style="fill:rgb(17,18,18);"/>
+    <path d="M142.5,75.8C144.487,75.8 146.1,77.413 146.1,79.4C146.1,81.387 144.487,83 142.5,83C140.513,83 138.9,81.387 138.9,79.4C138.9,77.413 140.513,75.8 142.5,75.8ZM74.274,75.192C76.261,75.192 77.874,76.805 77.874,78.792C77.874,80.779 76.261,82.392 74.274,82.392C72.287,82.392 70.674,80.779 70.674,78.792C70.674,76.805 72.287,75.192 74.274,75.192Z" style="fill:white;"/>
+    <path d="M108.5,107C92.5,109.4 86.8,114 88,121.2C90,133 127.7,131.7 128.9,121.8C129.9,113.3 114.8,106.1 108.5,107Z" style="fill:rgb(184,147,127);fill-rule:nonzero;"/>
+    <path d="M98.2,111.8C95.5,121.6 119.9,120.1 119.3,113.8C119,110.1 115.7,105.4 107,105.6C103.6,105.7 99.4,107.2 98.2,111.8L98.2,111.8Z" style="fill-rule:nonzero;"/>
+    <path d="M99,127.7C98.1,128.1 96.6,137.9 101.2,138.4C104.3,138.7 112.8,139.7 114.8,138.4C118.7,135.9 118.3,129.9 116.1,128.4C112.4,126 100,127.2 99,127.7ZM73.6,54.3C107,58.2 102.5,93 89.6,104.3C65.6,125.3 40.6,104.3 43.4,83.1C46,62.7 63.3,53.1 73.6,54.3Z" style="fill:rgb(224,222,220);fill-rule:nonzero;"/>
+    <circle cx="71.4" cy="84.3" r="11.4" style="fill:rgb(17,18,18);"/>
+    <circle cx="74.4" cy="79.4" r="3.6" style="fill:white;"/>
+    <path d="M193.6,186.7C204.6,186.8 199.2,163.2 192.4,167.9C189.1,170.2 188.5,175.5 188.5,180C188.5,182.5 190.5,186.6 193.6,186.7L193.6,186.7ZM23.3,186.7C12.3,186.8 17.7,163.2 24.5,167.9C27.8,170.2 28.4,175.5 28.4,180C28.4,182.5 26.4,186.6 23.3,186.7L23.3,186.7ZM172.7,259.2C166.7,250.3 161.3,257.2 152.6,261.6C148.5,263.7 159.4,271.2 171.6,265.6C174.8,264.1 174.7,262.1 172.7,259.2ZM44.2,260.2C50.2,251.3 55.6,258.2 64.3,262.6C68.4,264.7 57.5,272.2 45.3,266.6C42.1,265.1 42.2,263.1 44.2,260.2L44.2,260.2Z" style="fill:rgb(184,147,127);fill-rule:nonzero;"/>
+    <path d="M188.6,47C188,49.1 190.7,48.8 191.7,55.3C192.1,57.7 200.7,51.8 197.2,47.5C194.3,43.9 189.1,44.9 188.6,47ZM28.3,47C28.9,49.1 26.2,48.8 25.2,55.3C24.8,57.7 16.2,51.8 19.7,47.5C22.5,43.9 27.7,44.9 28.3,47L28.3,47Z" style="fill:rgb(60,137,191);fill-rule:nonzero;"/>
+</svg>
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="401.98px" height="559.472px" viewBox="0 0 401.98 559.472" enable-background="new 0 0 401.98 559.472"
+	 xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#F6D2A2" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M10.634,300.493c0.764,15.751,16.499,8.463,23.626,3.539c6.765-4.675,8.743-0.789,9.337-10.015
+	c0.389-6.064,1.088-12.128,0.744-18.216c-10.23-0.927-21.357,1.509-29.744,7.602C10.277,286.542,2.177,296.561,10.634,300.493"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#C6B198" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M10.634,300.493c2.29-0.852,4.717-1.457,6.271-3.528"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#6AD7E5" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M46.997,112.853C-13.3,95.897,31.536,19.189,79.956,50.74L46.997,112.853z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#6AD7E5" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M314.895,44.984c47.727-33.523,90.856,42.111,35.388,61.141L314.895,44.984z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#F6D2A2" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M325.161,494.343c12.123,7.501,34.282,30.182,16.096,41.18c-17.474,15.999-27.254-17.561-42.591-22.211
+	C305.271,504.342,313.643,496.163,325.161,494.343z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M341.257,535.522c-2.696-5.361-3.601-11.618-8.102-15.939"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#F6D2A2" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M108.579,519.975c-14.229,2.202-22.238,15.039-34.1,21.558c-11.178,6.665-15.454-2.134-16.461-3.92
+	c-1.752-0.799-1.605,0.744-4.309-1.979c-10.362-16.354,10.797-28.308,21.815-36.432C90.87,496.1,100.487,509.404,108.579,519.975z"
+	/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M58.019,537.612c0.542-6.233,5.484-10.407,7.838-15.677"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.513,91.667c-7.955-4.208-13.791-9.923-8.925-19.124
+	c4.505-8.518,12.874-7.593,20.83-3.385L49.513,91.667z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M337.716,83.667c7.955-4.208,13.791-9.923,8.925-19.124
+	c-4.505-8.518-12.874-7.593-20.83-3.385L337.716,83.667z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#F6D2A2" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M392.475,298.493c-0.764,15.751-16.499,8.463-23.626,3.539c-6.765-4.675-8.743-0.789-9.337-10.015
+	c-0.389-6.064-1.088-12.128-0.744-18.216c10.23-0.927,21.357,1.509,29.744,7.602C392.831,284.542,400.932,294.561,392.475,298.493"
+	/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#C6B198" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M392.475,298.493c-2.29-0.852-4.717-1.457-6.271-3.528"/>
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#6AD7E5" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+		M195.512,13.124c60.365,0,116.953,8.633,146.452,66.629c26.478,65.006,17.062,135.104,21.1,203.806
+		c3.468,58.992,11.157,127.145-16.21,181.812c-28.79,57.514-100.73,71.982-160,69.863c-46.555-1.666-102.794-16.854-129.069-59.389
+		c-30.826-49.9-16.232-124.098-13.993-179.622c2.652-65.771-17.815-131.742,3.792-196.101
+		C69.999,33.359,130.451,18.271,195.512,13.124"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#000000" stroke-width="2.9081" stroke-linecap="round" d="
+	M206.169,94.16c10.838,63.003,113.822,46.345,99.03-17.197C291.935,19.983,202.567,35.755,206.169,94.16"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#000000" stroke-width="2.8214" stroke-linecap="round" d="
+	M83.103,104.35c14.047,54.85,101.864,40.807,98.554-14.213C177.691,24.242,69.673,36.957,83.103,104.35"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M218.594,169.762c0.046,8.191,1.861,17.387,0.312,26.101c-2.091,3.952-6.193,4.37-9.729,5.967c-4.89-0.767-9.002-3.978-10.963-8.552
+	c-1.255-9.946,0.468-19.576,0.785-29.526L218.594,169.762z"/>
+<g>
+	<ellipse fill-rule="evenodd" clip-rule="evenodd" cx="107.324" cy="95.404" rx="14.829" ry="16.062"/>
+	<ellipse fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" cx="114.069" cy="99.029" rx="3.496" ry="4.082"/>
+</g>
+<g>
+	<ellipse fill-rule="evenodd" clip-rule="evenodd" cx="231.571" cy="91.404" rx="14.582" ry="16.062"/>
+	<ellipse fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" cx="238.204" cy="95.029" rx="3.438" ry="4.082"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#000000" stroke-width="3" stroke-linecap="round" d="
+	M176.217,168.87c-6.47,15.68,3.608,47.035,21.163,23.908c-1.255-9.946,0.468-19.576,0.785-29.526L176.217,168.87z"/>
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#F6D2A2" stroke="#231F20" stroke-width="3" stroke-linecap="round" d="
+		M178.431,138.673c-12.059,1.028-21.916,15.366-15.646,26.709c8.303,15.024,26.836-1.329,38.379,0.203
+		c13.285,0.272,24.17,14.047,34.84,2.49c11.867-12.854-5.109-25.373-18.377-30.97L178.431,138.673z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M176.913,138.045c-0.893-20.891,38.938-23.503,43.642-6.016
+		C225.247,149.475,178.874,153.527,176.913,138.045C175.348,125.682,176.913,138.045,176.913,138.045z"/>
+</g>
+</svg>
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+<g><g><path d="M919.3,193.8H80.7c-39,0-70.7,31.7-70.7,70.7v471.2c0,39,31.7,70.7,70.7,70.7h838.7c39,0,70.7-31.7,70.7-70.7V264.4C990,225.5,958.3,193.8,919.3,193.8z M561.3,683.6l-122.5,0.1V500l-91.9,117.8L255,500v183.8H132.5V316.3H255l91.9,122.5l91.9-122.5l122.5-0.1V683.6z M744.1,714.3L591.9,500h91.9V316.3h122.5V500h91.9L744.1,714.3z"/></g></g>
+</svg>
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <path fill="#CF649A" d="M440.6 220.6c-17.9.1-33.4 4.4-46.4 10.8-4.8-9.5-9.6-17.8-10.4-24-.9-7.2-2-11.6-.9-20.2s6.1-20.8 6.1-21.8c-.1-.9-1.1-5.3-11.4-5.4-10.3-.1-19.2 2-20.2 4.7s-3 8.9-4.3 15.3c-1.8 9.4-20.6 42.7-31.3 60.2-3.5-6.8-6.5-12.8-7.1-17.6-.9-7.2-2-11.6-.9-20.2s6.1-20.8 6.1-21.8c-.1-.9-1.1-5.3-11.4-5.4-10.3-.1-19.2 2-20.2 4.7s-2.1 9.1-4.3 15.3c-2.1 6.2-27.1 61.8-33.6 76.3-3.3 7.4-6.2 13.3-8.3 17.3s-.1.3-.3.7c-1.8 3.4-2.8 5.3-2.8 5.3v.1c-1.4 2.5-2.9 4.9-3.6 4.9-.5 0-1.5-6.7.2-15.9 3.7-19.3 12.7-49.4 12.6-50.5 0-.5 1.7-5.8-5.8-8.5-7.3-2.7-9.9 1.8-10.5 1.8-.6 0-1.1 1.6-1.1 1.6s8.1-33.9-15.5-33.9c-14.8 0-35.2 16.1-45.3 30.8-6.4 3.5-20 10.9-34.4 18.8-5.5 3-11.2 6.2-16.6 9.1l-1.1-1.2c-28.6-30.5-81.5-52.1-79.3-93.1.8-14.9 6-54.2 101.6-101.8 78.3-39 141-28.3 151.9-4.5 15.5 34-33.5 97.2-114.9 106.3-31 3.5-47.3-8.5-51.4-13-4.3-4.7-4.9-4.9-6.5-4-2.6 1.4-1 5.6 0 8.1 2.4 6.3 12.4 17.5 29.4 23.1 14.9 4.9 51.3 7.6 95.3-9.4 49.3-19.1 87.8-72.1 76.5-116.4-11.5-45.1-86.3-59.9-157-34.8-42.1 15-87.7 38.4-120.5 69.1-39 36.4-45.2 68.2-42.6 81.4 9.1 47.1 74 77.8 100 100.5-1.3.7-2.5 1.4-3.6 2-13 6.4-62.5 32.3-74.9 59.7-14 31 2.2 53.3 13 56.3 33.4 9.3 67.6-7.4 86.1-34.9 18.4-27.5 16.2-63.2 7.7-79.5l-.3-.6 10.2-6c6.6-3.9 13.1-7.5 18.8-10.6-3.2 8.7-5.5 19-6.7 34-1.4 17.6 5.8 40.4 15.3 49.4 4.2 3.9 9.2 4 12.3 4 11 0 16-9.1 21.5-20 6.8-13.3 12.8-28.7 12.8-28.7s-7.5 41.7 13 41.7c7.5 0 15-9.7 18.4-14.7v.1s.2-.3.6-1c.8-1.2 1.2-1.9 1.2-1.9v-.2c3-5.2 9.7-17.1 19.7-36.8 12.9-25.4 25.3-57.2 25.3-57.2s1.2 7.8 4.9 20.6c2.2 7.6 7 15.9 10.7 24-3 4.2-4.8 6.6-4.8 6.6l.1.1c-2.4 3.2-5.1 6.6-7.9 10-10.2 12.2-22.4 26.1-24 30.1-1.9 4.7-1.5 8.2 2.2 11 2.7 2 7.5 2.4 12.6 2 9.2-.6 15.6-2.9 18.8-4.3 5-1.8 10.7-4.5 16.2-8.5 10-7.4 16.1-17.9 15.5-31.9-.3-7.7-2.8-15.3-5.9-22.5.9-1.3 1.8-2.6 2.7-4 15.8-23.1 28-48.5 28-48.5s1.2 7.8 4.9 20.6c1.9 6.5 5.7 13.6 9.1 20.6-14.8 12.1-24.1 26.1-27.3 35.3-5.9 17-1.3 24.7 7.4 26.5 3.9.8 9.5-1 13.7-2.8 5.2-1.7 11.5-4.6 17.3-8.9 10-7.4 19.6-17.7 19.1-31.6-.3-6.4-2-12.7-4.3-18.7 12.6-5.2 28.9-8.2 49.6-5.7 44.5 5.2 53.3 33 51.6 44.6-1.7 11.6-11 18-14.1 20-3.1 1.9-4.1 2.6-3.8 4 .4 2.1 1.8 2 4.5 1.6 3.7-.6 23.4-9.5 24.2-30.9 1.2-27.5-24.9-57.5-71.2-57.2zm-343.2 115.7c-14.7 16.1-35.4 22.2-44.2 17-9.5-5.5-5.8-29.2 12.3-46.3 11-10.4 25.3-20 34.7-25.9 2.1-1.3 5.3-3.2 9.1-5.5.6-.4 1-.6 1-.6.7-.4 1.5-.9 2.3-1.4 6.7 24.4.3 45.8-15.2 62.7zm107.5-73.1c-5.1 12.5-15.9 44.6-22.4 42.8-5.6-1.5-9-25.8-1.1-49.8 4-12.1 12.5-26.5 17.5-32.1 8.1-9 16.9-12 19.1-8.3 2.6 4.8-9.9 39.6-13.1 47.4zm88.7 42.4c-2.2 1.1-4.2 1.9-5.1 1.3-.7-.4.9-1.9.9-1.9s11.1-11.9 15.5-17.4c2.5-3.2 5.5-6.9 8.7-11.1v1.2c0 14.4-13.8 24-20 27.9zm68.4-15.6c-1.6-1.2-1.4-4.9 4-16.5 2.1-4.6 6.9-12.3 15.2-19.6 1 3 1.6 5.9 1.5 8.6-.1 18-12.9 24.7-20.7 27.5z" />
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100">
+  <g transform="translate(0,-952.36218)">
+    <path style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:1;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:4.59459686000000020;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" d="M 45,6 C 23.484595,6 6,23.48459 6,45 c 0,21.51545 17.484595,39 39,39 7.216183,0 13.976999,-1.978303 19.78125,-5.40625 l 2.3125,7.9375 c 0.399602,1.306461 2.336587,1.799844 3.3125,0.84375 L 74,83.78125 l 9.59375,9.625 C 83.9572,93.773596 84.484682,94 85,94 c 0.535945,0 1.059354,-0.21155 1.4375,-0.59375 L 93.40625,86.375 C 93.759787,86.017399 94,85.504187 94,85 94,84.464803 93.783667,83.944255 93.40625,83.5625 L 83.84375,73.96875 87.4375,70.375 c 0.985383,-0.981808 0.464991,-2.970451 -0.875,-3.34375 L 78.65625,64.75 C 82.062754,58.954972 84,52.195019 84,45 84,23.48459 66.515405,6 45,6 z m -2,4.28125 0,14.28125 c -4.089365,0.109273 -8.019747,0.512478 -11.6875,1.21875 0.70119,-2.206406 1.501166,-4.252332 2.40625,-6.0625 2.638218,-5.276433 5.930878,-8.506898 9.28125,-9.4375 z m 4,0 c 3.350371,0.930602 6.643032,4.161067 9.28125,9.4375 0.905084,1.810168 1.70506,3.856094 2.40625,6.0625 C 55.019749,25.074978 51.089372,24.671773 47,24.5625 z M 34.1875,11.6875 c -1.522642,1.770515 -2.881834,3.888669 -4.0625,6.25 -1.31585,2.631698 -2.46085,5.606387 -3.34375,8.84375 -3.237369,0.8829 -6.212048,2.027901 -8.84375,3.34375 -2.361195,1.180596 -4.479839,2.542334 -6.25,4.0625 3.446423,-10.637548 11.862453,-19.053578 22.5,-22.5 z m 21.625,0 c 10.656278,3.452491 19.064971,11.898315 22.5,22.5625 -1.771337,-1.539118 -3.871735,-2.935868 -6.25,-4.125 -2.631699,-1.315849 -5.606385,-2.46085 -8.84375,-3.34375 -0.8829,-3.237363 -2.0279,-6.212052 -3.34375,-8.84375 -1.184113,-2.368224 -2.532828,-4.482318 -4.0625,-6.25 z M 43,28.53125 43,43 28.53125,43 c 0.1362,-4.569497 0.72815,-8.906858 1.625,-12.84375 3.936898,-0.89685 8.274268,-1.4888 12.84375,-1.625 z m 4,0 c 4.569491,0.1362 8.906855,0.72815 12.84375,1.625 0.89685,3.936892 1.4888,8.274253 1.625,12.84375 L 47,43 z M 25.78125,31.3125 C 25.074979,34.980249 24.671773,38.910624 24.5625,43 l -14.28125,0 c 0.9306,-3.350367 4.161058,-6.643033 9.4375,-9.28125 1.810171,-0.905084 3.856089,-1.70506 6.0625,-2.40625 z m 38.4375,0 c 2.206408,0.70119 4.252331,1.501166 6.0625,2.40625 5.276436,2.638217 8.506898,5.930883 9.4375,9.28125 L 65.4375,43 C 65.328227,38.910624 64.925021,34.980249 64.21875,31.3125 z M 10.28125,47 24.5625,47 c 0.109273,4.089378 0.512478,8.019754 1.21875,11.6875 -2.206411,-0.701197 -4.252329,-1.501155 -6.0625,-2.40625 C 14.442307,53.643083 11.21185,50.350373 10.28125,47 z m 18.25,0 L 43,47 43,61.46875 C 38.430518,61.332551 34.093148,60.740608 30.15625,59.84375 29.2594,55.906856 28.66745,51.569484 28.53125,47 z M 47,47 61.46875,47 c -0.1362,4.569484 -0.72815,8.906856 -1.625,12.84375 -3.936895,0.896858 -8.274259,1.488801 -12.84375,1.625 z m 18.4375,0 14.28125,0 c -0.930602,3.350373 -4.161064,6.643083 -9.4375,9.28125 -1.810169,0.905095 -3.856092,1.705053 -6.0625,2.40625 C 64.925022,55.019754 65.328227,51.089378 65.4375,47 z m 12.875,8.78125 c -0.894994,2.761884 -2.143595,5.368426 -3.65625,7.78125 l -6.625,-1.90625 c 1.418597,-0.544564 2.76298,-1.147119 4.03125,-1.78125 2.37111,-1.185548 4.481887,-2.56023 6.25,-4.09375 z m -66.625,0.03125 c 1.770483,1.520913 3.890879,2.882948 6.25,4.0625 2.631701,1.315842 5.606381,2.46085 8.84375,3.34375 0.8829,3.237364 2.0279,6.212029 3.34375,8.84375 1.184625,2.369235 2.533064,4.4826 4.0625,6.25 -10.637547,-3.446422 -19.053577,-11.862452 -22.5,-22.5 z m 19.625,8.40625 C 34.980253,64.925024 38.910634,65.328227 43,65.4375 l 0,14.28125 c -3.35037,-0.930586 -6.643032,-4.161 -9.28125,-9.4375 -0.905084,-1.810162 -1.70506,-3.856093 -2.40625,-6.0625 z m 27.375,0 c -0.70119,2.206407 -1.501165,4.252338 -2.40625,6.0625 -2.638219,5.2765 -5.930881,8.506914 -9.28125,9.4375 L 47,65.4375 c 4.089372,-0.109273 8.019749,-0.512476 11.6875,-1.21875 z m 6.25,0.6875 17.28125,5.03125 -2.625,2.625 c -0.749546,0.741596 -0.749546,2.102154 0,2.84375 L 89.1875,84.96875 85,89.15625 75.40625,79.5625 c -0.739355,-0.730954 -2.073145,-0.730954 -2.8125,0 L 70,82.15625 z M 61.65625,68 l 1.9375,6.625 c -2.416393,1.520807 -5.014712,2.756002 -7.78125,3.65625 1.523396,-1.763884 2.881744,-3.857253 4.0625,-6.21875 0.638229,-1.276468 1.23382,-2.63383 1.78125,-4.0625 z" transform="translate(0,952.36218)" />
+  </g>
+</svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><title>icon</title><circle cx="128" cy="128" r="124" fill="#c2bfbc"/><path d="M56.4,138.1c4,0,7.3,3.1,7.3,7.7a7.3,7.3,0,1,1-14.6,0C49.1,141.2,52.3,138.1,56.4,138.1Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M78,164.9c6.1,0,9.8-4,12-9.4l1.3-3.2L70.9,108.5h7.5L89,132.7c1.7,3.9,3.6,8.5,5.4,12.7h.4l4.7-12.7,9.5-24.2h7L96.8,155.8c-3.2,8.6-8.6,15.2-18.5,15.2a18.4,18.4,0,0,1-5.8-.9l1.5-5.8A14,14,0,0,0,78,164.9Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M124.5,108.5h5.8l.6,5.8h.3c2.2-4,4.9-6.8,9.8-6.8s7.2,2.5,8.3,7.6c2.6-4.6,5.5-7.6,10.3-7.6s9.5,4.8,9.5,13.5v31.3H162V121.5c0-5.1-1.5-7.7-4.8-7.7s-5.2,2.2-7.5,6.7v31.7h-5.9V121.5c0-5.1-1.7-7.7-5-7.7s-5,2.2-7.3,6.7v31.7h-7.1Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M171.9,88.1h22.3v49.9c0,6.4,3.3,9.1,8.5,9.1a19.9,19.9,0,0,0,8.3-2.1l1.9,5.6c-4,1.4-7,2.6-11.8,2.6-9.3,0-14.3-5.4-14.3-15.7V94.2H171.9Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>
@@ -0,0 +1,21 @@
+{{- if .IsNamedParams -}}
+{{$filenameclass := index (split (.Get "filename") ".") 1 }}
+<div class="code-copy" id="{{.Get "filename" | urlize}}">
+	{{- with .Get "filename" -}}<div class="code-copy-header"><div class="action-buttons"></div><span title="{{.}}" class="filename">{{- . -}}</span><i class="icon-{{$filenameclass}} input"></i></div>{{- end -}}
+	<button class="copy-button" title="Copy to clipboard" data-clipboard-snippet>
+			<div class="copy-text"><i class="icon-clipboard"></i> COPY</div>
+	</button>
+	{{- .Inner -}}
+</div>
+{{- else -}}
+{{$filenameclass := index (split (.Get 0) ".") 1 }}
+<div class="code-copy" id="{{.Get 0|urlize}}">
+	<div class="code-copy-header"><div class="action-buttons"></div><span class="filename" title="{{.Get 0}}">{{.Get 0}}</span><i class="icon-{{$filenameclass}} input"></i></div>
+	<button class="copy-button" title="Copy to clipboard" data-clipboard-snippet>
+			<div class="copy-text"><i class="icon-clipboard"></i> COPY</div>
+	</button>
+	{{- .Inner -}}
+</div>
+{{- end -}}
+
+
@@ -0,0 +1,15 @@
+{{- if .IsNamedParams -}}
+{{$filenameclass := index (split (.Get "filename") ".") 1 }}
+<div class="code-copy" id="{{.Get "filename" | urlize}}">
+	{{- with .Get "filename" -}}<div class="code-copy-header"><div class="action-buttons"></div><span title="{{.}}" class="filename"><strong>Output to: </strong>{{- . -}}</span><i class="icon-{{$filenameclass}}"></i></div>{{- end -}}
+	{{- .Inner -}}
+</div>
+{{- else -}}
+{{$filenameclass := index (split (.Get 0) ".") 1 }}
+<div class="code-copy" id="{{.Get 0|urlize}}">
+	<div class="code-copy-header"><div class="action-buttons"></div><span class="filename" title="{{.Get 0}}"><strong>Output to: </strong>{{.Get 0}}</span><i class="icon-{{$filenameclass}}"></i></div>
+	{{- .Inner -}}
+</div>
+{{- end -}}
+
+
@@ -0,0 +1,219 @@
+/*!
+ * clipboard.js v1.5.10
+ * https://zenorocha.github.io/clipboard.js
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+! function(t) {
+    if ("object" == typeof exports && "undefined" != typeof module) module.exports = t();
+    else if ("function" == typeof define && define.amd) define([], t);
+    else {
+        var e;
+        e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this, e.Clipboard = t() } }(function() {
+    var t, e, n;
+    return function t(e, n, o) {
+        function i(c, a) {
+            if (!n[c]) {
+                if (!e[c]) {
+                    var s = "function" == typeof require && require;
+                    if (!a && s) return s(c, !0);
+                    if (r) return r(c, !0);
+                    var l = new Error("Cannot find module '" + c + "'");
+                    throw l.code = "MODULE_NOT_FOUND", l }
+                var u = n[c] = { exports: {} };
+                e[c][0].call(u.exports, function(t) {
+                    var n = e[c][1][t];
+                    return i(n ? n : t) }, u, u.exports, t, e, n, o) }
+            return n[c].exports }
+        for (var r = "function" == typeof require && require, c = 0; c < o.length; c++) i(o[c]);
+        return i }({ 1: [function(t, e, n) {
+            var o = t("matches-selector");
+            e.exports = function(t, e, n) {
+                for (var i = n ? t : t.parentNode; i && i !== document;) {
+                    if (o(i, e)) return i;
+                    i = i.parentNode } } }, { "matches-selector": 5 }], 2: [function(t, e, n) {
+            function o(t, e, n, o, r) {
+                var c = i.apply(this, arguments);
+                return t.addEventListener(n, c, r), { destroy: function() { t.removeEventListener(n, c, r) } } }
+
+            function i(t, e, n, o) {
+                return function(n) { n.delegateTarget = r(n.target, e, !0), n.delegateTarget && o.call(t, n) } }
+            var r = t("closest");
+            e.exports = o }, { closest: 1 }], 3: [function(t, e, n) { n.node = function(t) {
+                return void 0 !== t && t instanceof HTMLElement && 1 === t.nodeType }, n.nodeList = function(t) {
+                var e = Object.prototype.toString.call(t);
+                return void 0 !== t && ("[object NodeList]" === e || "[object HTMLCollection]" === e) && "length" in t && (0 === t.length || n.node(t[0])) }, n.string = function(t) {
+                return "string" == typeof t || t instanceof String }, n.fn = function(t) {
+                var e = Object.prototype.toString.call(t);
+                return "[object Function]" === e } }, {}], 4: [function(t, e, n) {
+            function o(t, e, n) {
+                if (!t && !e && !n) throw new Error("Missing required arguments");
+                if (!a.string(e)) throw new TypeError("Second argument must be a String");
+                if (!a.fn(n)) throw new TypeError("Third argument must be a Function");
+                if (a.node(t)) return i(t, e, n);
+                if (a.nodeList(t)) return r(t, e, n);
+                if (a.string(t)) return c(t, e, n);
+                throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList") }
+
+            function i(t, e, n) {
+                return t.addEventListener(e, n), { destroy: function() { t.removeEventListener(e, n) } } }
+
+            function r(t, e, n) {
+                return Array.prototype.forEach.call(t, function(t) { t.addEventListener(e, n) }), { destroy: function() { Array.prototype.forEach.call(t, function(t) { t.removeEventListener(e, n) }) } } }
+
+            function c(t, e, n) {
+                return s(document.body, t, e, n) }
+            var a = t("./is"),
+                s = t("delegate");
+            e.exports = o }, { "./is": 3, delegate: 2 }], 5: [function(t, e, n) {
+            function o(t, e) {
+                if (r) return r.call(t, e);
+                for (var n = t.parentNode.querySelectorAll(e), o = 0; o < n.length; ++o)
+                    if (n[o] == t) return !0;
+                return !1 }
+            var i = Element.prototype,
+                r = i.matchesSelector || i.webkitMatchesSelector || i.mozMatchesSelector || i.msMatchesSelector || i.oMatchesSelector;
+            e.exports = o }, {}], 6: [function(t, e, n) {
+            function o(t) {
+                var e;
+                if ("INPUT" === t.nodeName || "TEXTAREA" === t.nodeName) t.focus(), t.setSelectionRange(0, t.value.length), e = t.value;
+                else { t.hasAttribute("contenteditable") && t.focus();
+                    var n = window.getSelection(),
+                        o = document.createRange();
+                    o.selectNodeContents(t), n.removeAllRanges(), n.addRange(o), e = n.toString() }
+                return e }
+            e.exports = o }, {}], 7: [function(t, e, n) {
+            function o() {}
+            o.prototype = { on: function(t, e, n) {
+                    var o = this.e || (this.e = {});
+                    return (o[t] || (o[t] = [])).push({ fn: e, ctx: n }), this }, once: function(t, e, n) {
+                    function o() { i.off(t, o), e.apply(n, arguments) }
+                    var i = this;
+                    return o._ = e, this.on(t, o, n) }, emit: function(t) {
+                    var e = [].slice.call(arguments, 1),
+                        n = ((this.e || (this.e = {}))[t] || []).slice(),
+                        o = 0,
+                        i = n.length;
+                    for (o; i > o; o++) n[o].fn.apply(n[o].ctx, e);
+                    return this }, off: function(t, e) {
+                    var n = this.e || (this.e = {}),
+                        o = n[t],
+                        i = [];
+                    if (o && e)
+                        for (var r = 0, c = o.length; c > r; r++) o[r].fn !== e && o[r].fn._ !== e && i.push(o[r]);
+                    return i.length ? n[t] = i : delete n[t], this } }, e.exports = o }, {}], 8: [function(e, n, o) {! function(i, r) {
+                if ("function" == typeof t && t.amd) t(["module", "select"], r);
+                else if ("undefined" != typeof o) r(n, e("select"));
+                else {
+                    var c = { exports: {} };
+                    r(c, i.select), i.clipboardAction = c.exports } }(this, function(t, e) { "use strict";
+
+                function n(t) {
+                    return t && t.__esModule ? t : { "default": t } }
+
+                function o(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }
+                var i = n(e),
+                    r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
+                        return typeof t } : function(t) {
+                        return t && "function" == typeof Symbol && t.constructor === Symbol ? "symbol" : typeof t },
+                    c = function() {
+                        function t(t, e) {
+                            for (var n = 0; n < e.length; n++) {
+                                var o = e[n];
+                                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o) } }
+                        return function(e, n, o) {
+                            return n && t(e.prototype, n), o && t(e, o), e } }(),
+                    a = function() {
+                        function t(e) { o(this, t), this.resolveOptions(e), this.initSelection() }
+                        return t.prototype.resolveOptions = function t() {
+                            var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];
+                            this.action = e.action, this.emitter = e.emitter, this.target = e.target, this.text = e.text, this.trigger = e.trigger, this.selectedText = "" }, t.prototype.initSelection = function t() { this.text ? this.selectFake() : this.target && this.selectTarget() }, t.prototype.selectFake = function t() {
+                            var e = this,
+                                n = "rtl" == document.documentElement.getAttribute("dir");
+                            this.removeFake(), this.fakeHandler = document.body.addEventListener("click", function() {
+                                return e.removeFake() }), this.fakeElem = document.createElement("textarea"), this.fakeElem.style.fontSize = "12pt", this.fakeElem.style.border = "0", this.fakeElem.style.padding = "0", this.fakeElem.style.margin = "0", this.fakeElem.style.position = "fixed", this.fakeElem.style[n ? "right" : "left"] = "-9999px", this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + "px", this.fakeElem.setAttribute("readonly", ""), this.fakeElem.value = this.text, document.body.appendChild(this.fakeElem), this.selectedText = (0, i.default)(this.fakeElem), this.copyText() }, t.prototype.removeFake = function t() { this.fakeHandler && (document.body.removeEventListener("click"), this.fakeHandler = null), this.fakeElem && (document.body.removeChild(this.fakeElem), this.fakeElem = null) }, t.prototype.selectTarget = function t() { this.selectedText = (0, i.default)(this.target), this.copyText() }, t.prototype.copyText = function t() {
+                            var e = void 0;
+                            try { e = document.execCommand(this.action) } catch (n) { e = !1 }
+                            this.handleResult(e) }, t.prototype.handleResult = function t(e) { e ? this.emitter.emit("success", { action: this.action, text: this.selectedText, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) : this.emitter.emit("error", { action: this.action, trigger: this.trigger, clearSelection: this.clearSelection.bind(this) }) }, t.prototype.clearSelection = function t() { this.target && this.target.blur(), window.getSelection().removeAllRanges() }, t.prototype.destroy = function t() { this.removeFake() }, c(t, [{ key: "action", set: function t() {
+                                var e = arguments.length <= 0 || void 0 === arguments[0] ? "copy" : arguments[0];
+                                if (this._action = e, "copy" !== this._action && "cut" !== this._action) throw new Error('Invalid "action" value, use either "copy" or "cut"') }, get: function t() {
+                                return this._action } }, { key: "target", set: function t(e) {
+                                if (void 0 !== e) {
+                                    if (!e || "object" !== ("undefined" == typeof e ? "undefined" : r(e)) || 1 !== e.nodeType) throw new Error('Invalid "target" value, use a valid Element');
+                                    if ("copy" === this.action && e.hasAttribute("disabled")) throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
+                                    if ("cut" === this.action && (e.hasAttribute("readonly") || e.hasAttribute("disabled"))) throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
+                                    this._target = e } }, get: function t() {
+                                return this._target } }]), t }();
+                t.exports = a }) }, { select: 6 }], 9: [function(e, n, o) {! function(i, r) {
+                if ("function" == typeof t && t.amd) t(["module", "./clipboard-action", "tiny-emitter", "good-listener"], r);
+                else if ("undefined" != typeof o) r(n, e("./clipboard-action"), e("tiny-emitter"), e("good-listener"));
+                else {
+                    var c = { exports: {} };
+                    r(c, i.clipboardAction, i.tinyEmitter, i.goodListener), i.clipboard = c.exports } }(this, function(t, e, n, o) { "use strict";
+
+                function i(t) {
+                    return t && t.__esModule ? t : { "default": t } }
+
+                function r(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }
+
+                function c(t, e) {
+                    if (!t) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+                    return !e || "object" != typeof e && "function" != typeof e ? t : e }
+
+                function a(t, e) {
+                    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+                    t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e) }
+
+                function s(t, e) {
+                    var n = "data-clipboard-" + t;
+                    if (e.hasAttribute(n)) return e.getAttribute(n) }
+                var l = i(e),
+                    u = i(n),
+                    f = i(o),
+                    d = function(t) {
+                        function e(n, o) { r(this, e);
+                            var i = c(this, t.call(this));
+                            return i.resolveOptions(o), i.listenClick(n), i }
+                        return a(e, t), e.prototype.resolveOptions = function t() {
+                            var e = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];
+                            this.action = "function" == typeof e.action ? e.action : this.defaultAction, this.target = "function" == typeof e.target ? e.target : this.defaultTarget, this.text = "function" == typeof e.text ? e.text : this.defaultText }, e.prototype.listenClick = function t(e) {
+                            var n = this;
+                            this.listener = (0, f.default)(e, "click", function(t) {
+                                return n.onClick(t) }) }, e.prototype.onClick = function t(e) {
+                            var n = e.delegateTarget || e.currentTarget;
+                            this.clipboardAction && (this.clipboardAction = null), this.clipboardAction = new l.default({ action: this.action(n), target: this.target(n), text: this.text(n), trigger: n, emitter: this }) }, e.prototype.defaultAction = function t(e) {
+                            return s("action", e) }, e.prototype.defaultTarget = function t(e) {
+                            var n = s("target", e);
+                            return n ? document.querySelector(n) : void 0 }, e.prototype.defaultText = function t(e) {
+                            return s("text", e) }, e.prototype.destroy = function t() { this.listener.destroy(), this.clipboardAction && (this.clipboardAction.destroy(), this.clipboardAction = null) }, e }(u.default);
+                t.exports = d }) }, { "./clipboard-action": 8, "good-listener": 4, "tiny-emitter": 7 }] }, {}, [9])(9) });
+var clipboardSnippets = new Clipboard('[data-clipboard-snippet]', {
+    target: function(trigger) {
+        return trigger.nextElementSibling;
+    }
+});
+clipboardSnippets.on('success', function(e) {
+    e.clearSelection();
+    showTooltip(e.trigger, 'Copied!');
+});
+clipboardSnippets.on('error', function(e) {
+    showTooltip(e.trigger, fallbackMessage(e.action));
+});
+
+function showTooltip(elem, msg) {
+    elem.setAttribute('class', 'copy-button tooltipped tooltipped-s');
+    elem.setAttribute('aria-label', msg);
+}
+
+function fallbackMessage(action) {
+    var actionMsg = '';
+    var actionKey = (action === 'cut' ? 'X' : 'C');
+    if (isMac) {
+        actionMsg = 'Press ⌘-' + actionKey;
+    } else {
+        actionMsg = 'Press Ctrl-' + actionKey;
+    }
+    return actionMsg;
+}
@@ -16,6 +16,11 @@ $hugo-pink-dark:#C9177E;
 $hugo-blue:#0594CB;
 $hugo-yellow:#FCD804;
 $hugo-gold:#EBB951;
+$hugo-gray:#737373;
+$hugo-gray-dark:darken($hugo-gray,10%);
+$hugo-gray-light:#949494;
+$hugo-green:#33BA91;
+$hugo-green-dark:#00A88A;
 $default-anchor-color:$hugo-pink;
 $default-anchor-weight: 500;
 $active-color: $default-anchor-color;
@@ -26,10 +31,13 @@ $body-bg-color:$hugo-white;
 //Typography
 $base-font-size: 18px;
 $base-font-family: 'muli','helvetica neue',helvetica,sans-serif;
+$heading-font-family: $base-font-family;
 $base-font-color: #333333;
-$base-line-height: 1.6;
+$base-line-height-content: 1.6;
 $base-font-weight: 300;
+$base-font-bold-weight: 700;
 $heading-font-weight: 700;
+$systemfonts: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbols";

 //Buttons
 $base-button-color: $hugo-blue;
@@ -38,10 +46,23 @@ $button-border-radius: .25em;

 //Codeblocks
 $code-font-family:'courierprime',courier,monospace;
+$code-tooltip-bg-color: $hugo-blue;
+$code-block-base-font-color: #333333;
+$code-block-background-color: $base-font-color;
+$code-editor-header-bg-color: $hugo-gray-dark;
+$code-filename-color:#ffffff;
+$code-copy-button-text-color:$code-filename-color;

 //Sidebar
 $sidebar-width: 280px;
 $content-max-width: 35em;

 //Header
-$site-header-height:50px;
+$site-header-height:50px;
+
+//Brand Colors:
+$html: #E44D26;
+$css: #1758A7;
+$sass: #CF649A;
+$golang: #69D7E2;
+$javascript: #F0DB4F;
@@ -17,7 +17,7 @@ body {
  font-size: $base-font-size;
  font-family: $base-font-family;
  color: $base-font-color;
-  line-height: $base-line-height;
+  line-height: $base-line-height-content;
  font-weight: $base-font-weight;
 }

@@ -35,6 +35,6 @@ body {

 p {
  margin-top: 0px;
-  margin-bottom: 1em;
-  line-height: $base-line-height;
+  margin-bottom: 1.5em;
+  line-height: $base-line-height-content;
 }
@@ -0,0 +1,100 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('/fonts/fontello/fontello.eot?73509738');
+  src: url('/fonts/fontello/fontello.eot?73509738#iefix') format('embedded-opentype'),
+       url('/fonts/fontello/fontello.woff2?73509738') format('woff2'),
+       url('/fonts/fontello/fontello.woff?73509738') format('woff'),
+       url('/fonts/fontello/fontello.ttf?73509738') format('truetype'),
+       url('/fonts/fontello/fontello.svg?73509738#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?73509738#fontello') format('svg');
+  }
+}
+*/
+
+ [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;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+.icon-alert:before { content: '\e810'; } /* '' */
+.icon-angle-double-right:before { content: '\f101'; } /* '' */
+.icon-attention:before { content: '\e80f'; } /* '' */
+.icon-bash:before { content: '\e804'; } /* '' */
+.icon-bell:before { content: '\e80d'; } /* '' */
+.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-download:before { content: '\e815'; } /* '' */
+.icon-facebook-official:before { content: '\f230'; } /* '' */
+.icon-file-pdf:before { content: '\f1c1'; } /* '' */
+.icon-firefox:before { content: '\e840'; } /* '' */
+.icon-flag:before { content: '\e813'; } /* '' */
+.icon-go:before { content: '\e801'; } /* '' */
+.icon-golang:before { content: '\e801'; } /* '' */
+.icon-gopher:before { content: '\e801'; } /* '' */
+.icon-home:before { content: '\e812'; } /* '' */
+.icon-html.input:before { content: '\e801'; } /* '' */
+.icon-html5:before { content: '\e800'; } /* '' */
+.icon-html:before { content: '\e800'; } /* '' */
+.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-markdown:before { content: '\e80e'; } /* '' */
+.icon-opera:before { content: '\e842'; } /* '' */
+.icon-pencil:before { content: '\e80c'; } /* '' */
+.icon-picture:before { content: '\e808'; } /* '' */
+.icon-quote-left:before { content: '\e809'; } /* '' */
+.icon-quote-right:before { content: '\e80a'; } /* '' */
+.icon-sass:before { content: '\e803'; } /* '' */
+.icon-search:before { content: '\e80b'; } /* '' */
+.icon-sh:before { content: '\e804'; } /* '' */
+.icon-share:before { content: '\f1e0'; } /* '' */
+.icon-shell:before { content: '\e804'; } /* '' */
+.icon-tag:before { content: '\e806'; } /* '' */
+.icon-tags:before { content: '\e805'; } /* '' */
+.icon-terminal:before { content: '\e804'; } /* '' */
+.icon-twitter:before { content: '\e807'; } /* '' */
@@ -6,15 +6,13 @@ h3,
 h4 {
  letter-spacing: -.021em;
  font-weight: $heading-font-weight;
-  margin-top: 0px;
-  margin-bottom: 12px;
+  margin: 0px;
+  padding-bottom: 20px;
+  line-height: 1.4;
 }

 h1 {
  font-size: 2em;
-  line-height: 1.2;
-  margin-bottom: .25em;
-  padding-top: .75em;
  @include MQ(M) {
    font-size: 2.25em;
  }
@@ -28,6 +26,13 @@ h3 {
  font-size: 1.2em;
 }

+h4 {
+  font-size: 1em;
+  color:$hugo-gray;
+  text-transform:uppercase;
+}
+
 .functions {
  font-family: $code-font-family;
+  font-weight: $base-font-weight;
 }
@@ -0,0 +1,503 @@
+//General code styling for inline code (ie, within body copy and not in a separate code block)
+code,pre {
+  font-family: $code-font-family;
+}
+p code, li > code {
+  font-size: .9em;
+  color:$base-font-color;
+  font-family: $code-font-family;
+  border:1px solid $hugo-gray-light;
+  padding-left:.25em;
+  padding-right:.25em;
+}
+
+//for clipboard.js tooltip and button
+div.code-copy {
+  position: relative;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  font-size: .8em;
+  &:hover {
+    button.copy-button {
+      transition: all .2s ease-in-out;
+      opacity: 1;
+    }
+  }
+}
+
+p + .code-copy {
+  margin-top: 0em;
+}
+
+button.copy-button {
+  display: none;
+  @include MQ(M) {
+    display: block;
+    padding: 0px;
+    transition: all .2s ease-in-out;
+    opacity: 1;
+    background-color: lighten($code-editor-header-bg-color,8%);
+    // background-color: #000000;
+    box-sizing: border-box;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    z-index: 4;
+    width: 80px;
+    height: 1.5em;
+    border-width: 0px;
+    border-radius: 0px;
+    color:$code-copy-button-text-color;
+    &:active,
+    &:focus {
+      outline: none;
+      position: absolute;
+    }
+  }
+}
+
+.copy-text {
+  color:$code-copy-button-text-color;
+  font-size: 12px;
+  display: block;
+  width: 80px;
+  line-height: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  text-align: center;
+  i.icon-clipboard {
+    display: inline;
+  }
+}
+
+button.copy-button {
+  @include MQ(retinaPortrait) {
+    display: none;
+  }
+  @include MQ(retinaLandscape) {
+    display: none;
+  }
+}
+
+div.code-copy {
+  position: relative;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
+  border-radius: 0px;
+}
+
+div.code-copy-header {
+  position: relative;
+  height: 1.5em;
+  line-height: 1.5em;
+  background-color: $code-editor-header-bg-color;
+  border-radius: 0px;
+  position: relative;
+  span.filename {
+    @include center;
+    text-align: center;
+    max-width: 50%;
+    color: $code-filename-color;
+    font-weight: 100;
+    font-size: .8em;
+    background-color: transparent;
+    font-family: $systemfonts;
+  }
+  [class^="icon-"]{
+    float:right;
+    position:relative;
+    top:-1.45em;
+    right:.5em;
+    color:$code-filename-color;
+  }
+}
+
+.action-buttons {
+  position: absolute;
+  left: 10px;
+  margin-top: .35em;
+  width: 12px;
+  height: 12px;
+  background: Crimson;
+  border-radius: 50%;
+  box-shadow: 18px 0 0 Orange, 36px 0 0 LimeGreen;
+}
+
+.tooltipped {
+  position: relative;
+  background-color: $code-tooltip-bg-color;
+  padding-right: 2em;
+}
+
+.tooltipped:after {
+  position: absolute;
+  z-index: 1000000;
+  display: none;
+  padding: 2px 4px;
+  font-size: .8em;
+  font-weight: $base-font-bold-weight;
+  font-family: $heading-font-family;
+  color: $hugo-white;
+  text-align: center;
+  text-transform: uppercase;
+  text-decoration: none;
+  text-shadow: none;
+  letter-spacing: normal;
+  word-wrap: break-word;
+  white-space: pre;
+  pointer-events: none;
+  content: attr(aria-label);
+  background-color: $code-tooltip-bg-color;
+  border-color: $code-tooltip-bg-color;
+  border-radius: 0px;
+  -webkit-font-smoothing: subpixel-antialiased
+}
+
+.tooltipped:before {
+  position: absolute;
+  z-index: 1000001;
+  display: none;
+  width: 0;
+  height: 0;
+  color: $code-tooltip-bg-color;
+  pointer-events: none;
+  content: "";
+  border: 5px solid transparent;
+}
+
+.tooltipped:hover:before,
+.tooltipped:hover:after,
+.tooltipped:active:before,
+.tooltipped:active:after,
+.tooltipped:focus:before,
+.tooltipped:focus:after {
+  display: inline-block;
+  text-decoration: none;
+}
+
+.tooltipped-multiline:hover:after,
+.tooltipped-multiline:active:after,
+.tooltipped-multiline:focus:after {
+  display: table-cell;
+}
+
+.tooltipped-s:after,
+.tooltipped-se:after,
+.tooltipped-sw:after {
+  top: 100%;
+  right: 50%;
+  margin-top: 5px;
+  text-align: center;
+}
+
+.tooltipped-s:before,
+.tooltipped-se:before,
+.tooltipped-sw:before {
+  top: auto;
+  right: 50%;
+  bottom: -5px;
+  margin-right: -5px;
+  border-bottom-color: $code-tooltip-bg-color;
+  text-align: center;
+}
+
+.tooltipped-se:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px;
+  text-align: center;
+}
+
+.tooltipped-sw:after {
+  margin-right: -15px
+}
+
+.tooltipped-n:after,
+.tooltipped-ne:after,
+.tooltipped-nw:after {
+  right: 50%;
+  bottom: 100%;
+  margin-bottom: 5px
+}
+
+.tooltipped-n:before,
+.tooltipped-ne:before,
+.tooltipped-nw:before {
+  top: -5px;
+  right: 50%;
+  bottom: auto;
+  margin-right: -5px;
+  border-top-color: $code-tooltip-bg-color;
+}
+
+.tooltipped-ne:after {
+  right: auto;
+  left: 50%;
+  margin-left: -15px
+}
+
+.tooltipped-nw:after {
+  margin-right: -15px
+}
+
+.tooltipped-s:after,
+.tooltipped-n:after {
+  -webkit-transform: translateX(50%);
+  -ms-transform: translateX(50%);
+  transform: translateX(50%)
+}
+
+.tooltipped-w:after {
+  right: 100%;
+  bottom: 50%;
+  margin-right: 5px;
+  -webkit-transform: translateY(50%);
+  -ms-transform: translateY(50%);
+  transform: translateY(50%)
+}
+
+.tooltipped-w:before {
+  top: 50%;
+  bottom: 50%;
+  left: -5px;
+  margin-top: -5px;
+  border-left-color: $code-tooltip-bg-color;
+}
+
+.tooltipped-e:after {
+  bottom: 50%;
+  left: 100%;
+  margin-left: 5px;
+  -webkit-transform: translateY(50%);
+  -ms-transform: translateY(50%);
+  transform: translateY(50%)
+}
+
+.tooltipped-e:before {
+  top: 50%;
+  right: -5px;
+  bottom: 50%;
+  margin-top: -5px;
+  border-right-color: $code-tooltip-bg-color;
+}
+
+.tooltipped-multiline:after {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 250px;
+  word-break: break-word;
+  word-wrap: normal;
+  white-space: pre-line;
+  border-collapse: separate
+}
+
+.tooltipped-multiline.tooltipped-s:after,
+.tooltipped-multiline.tooltipped-n:after {
+  right: auto;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%)
+}
+
+.tooltipped-multiline.tooltipped-w:after,
+.tooltipped-multiline.tooltipped-e:after {
+  right: 100%
+}
+
+
+/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+go+markdown+scss&plugins=line-numbers */
+
+
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: $code-font-family;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  tab-size: 2;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"]::selection,
+code[class*="language-"]::selection,
+code[class*="language-"]::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+
+/* Code blocks */
+
+pre[class*="language-"] {
+  padding: 1em 1em 2em 1em;
+  margin: .5em 0;
+  overflow: auto;
+  background-color: $code-block-background-color;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: $body-bg-color;
+}
+
+
+/* Inline code */
+
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: $hugo-gray-dark;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: $hugo-pink-dark;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: $hugo-green;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: $hugo-pink-dark;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: $hugo-blue;
+}
+
+.token.function {
+  color: $hugo-gold;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: $hugo-gold
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+pre.line-numbers {
+  position: relative;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+
+pre.line-numbers > code {
+  position: relative;
+}
+
+.line-numbers .line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  font-size: 100%;
+  left: -3.8em;
+  width: 3em;
+  /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid $hugo-gray;
+  user-select: none;
+}
+
+.line-numbers-rows > span {
+  pointer-events: none;
+  display: block;
+  counter-increment: linenumber;
+}
+
+.line-numbers-rows > span:before {
+  content: counter(linenumber);
+  color: $hugo-gray;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}
+
+//Modifications, especially for digital.cap.org/docs
+code.language-markdown {
+  span.token.italic {
+    color: $hugo-pink;
+  }
+  span.token.url {
+    color: $hugo-blue;
+  }
+  //for * and 1 in markdown lists
+  .token.list.punctuation {
+    color: $hugo-blue;
+  }
+}
@@ -22,6 +22,8 @@ aside {
    padding-left: 1em;
    margin-left: .25em;
    margin-top: 0px;
+    padding-top: 0px;
+    margin-bottom:1.5em;
    li {
      // padding-left:1em;
      // margin-left: 1em;
@@ -23,7 +23,7 @@ main.main {
  margin-left: auto;
  margin-right: auto;
  max-width: $content-max-width;
-  // background-color: $body-bg-color;
+  position:relative;
  header.content-header {
    display: block;
    clear: both;
@@ -33,25 +33,34 @@ main.main {
    @include MQ(M) {
      margin-top: 2em;
    }
-    a.edit-link {
-      font-size: 1.2em;
-      position: absolute;
-      top: -1em;
-      right: 0px;
-      @include MQ(L) {
-        font-size: .7em;
-        position:fixed;
-        top:$site-header-height + 40px;
-        right: 2em;
-      }
-      .edit-text {
-        display: none;
-        @include MQ(L) {
-          display: inline;
-          margin-right: .15em;
-          text-transform: uppercase;
-        }
-      }
+    .last-modified {
+      color: $hugo-gray-light;
+      display: block;
+      margin-top: -10px;
+      width: 100%;
+      font-size: .8em;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+a.edit-link {
+  font-size: 1.2em;
+  position: absolute;
+  top: -40px;
+  right: 0px;
+  @include MQ(L) {
+    font-size: .7em;
+    position: fixed;
+    top: $site-header-height + 40px;
+    right: 2em;
+  }
+  .edit-text {
+    display: none;
+    @include MQ(L) {
+      display: inline;
+      margin-right: .15em;
+      text-transform: uppercase;
    }
  }
 }
@@ -59,16 +68,6 @@ main.main {
 .body-copy {
  margin-bottom: 2em;
  display: block;
-  .last-modified {
-    color: lighten($base-font-color, 20%);
-    display: block;
-    margin-top: 1.5em;
-    width: 100%;
-    font-size: .8em;
-    border-top: 1px solid lighten($base-font-color, 20%);
-    text-align: center;
-    text-transform: uppercase;
-  }
  div + h2 {
    margin-top: 1em;
  }
@@ -50,6 +50,7 @@ main#homepage {
      margin: 0px;
      line-height: 1.1;
      margin-bottom: .5em;
+      padding-bottom: 0px;
    }
    p {
      font-size: .8em;
@@ -7,7 +7,7 @@
 //base styles
@import 'base/normalize';
@import 'base/base';
-@import 'base/fontawesome'; //requires that $usefontawesome be set to true in _variables.scss
+@import 'base/fontello';
@import 'base/typography';

 //components
@@ -15,7 +15,9 @@
@import 'components/lists';
@import 'components/anchors';
@import 'components/note-and-warn';
-// @import 'components/navigation-menu';
+@import 'vendor/prism';
+@import 'components/code';
+@import 'components/icons';

 //major layout parts/chrome
@import 'layout/site-header';
@@ -23,5 +25,6 @@
@import 'layout/site-content';
@import 'layout/site-footer';

+
 //styles for individual pages
@import 'pages/homepage';
@@ -1,4 +1,6 @@
 /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+asciidoc+bash+go+handlebars+json+makefile+markdown+nginx+powershell+rest+scss+yaml */
+
+
 /**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
@@ -7,78 +9,84 @@

 code[class*="language-"],
 pre[class*="language-"] {
-	color: black;
-	background: none;
-	text-shadow: 0 1px white;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }

-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"]::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
 }

-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: #b3d4fc;
+pre[class*="language-"]::selection,
+pre[class*="language-"]::selection,
+code[class*="language-"]::selection,
+code[class*="language-"]::selection {
+  text-shadow: none;
+  background: #b3d4fc;
 }

@media print {
-	code[class*="language-"],
-	pre[class*="language-"] {
-		text-shadow: none;
-	}
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
 }

+
 /* Code blocks */
+
 pre[class*="language-"] {
-	padding: 1em;
-	margin: .5em 0;
-	overflow: auto;
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
 }

 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-	background: #f5f2f0;
+  background: #f5f2f0;
 }

+
 /* Inline code */
+
 :not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-	white-space: normal;
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
 }

 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: slategray;
+  color: slategray;
 }

 .token.punctuation {
-	color: #999;
+  color: #999;
 }

 .namespace {
-	opacity: .7;
+  opacity: .7;
 }

 .token.property,
@@ -88,7 +96,7 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #905;
+  color: #905;
 }

 .token.selector,
@@ -97,7 +105,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #690;
+  color: #690;
 }

 .token.operator,
@@ -105,35 +113,35 @@ pre[class*="language-"] {
 .token.url,
 .language-css .token.string,
 .style .token.string {
-	color: #a67f59;
-	background: hsla(0, 0%, 100%, .5);
+  color: #a67f59;
+  background: hsla(0, 0%, 100%, .5);
 }

 .token.atrule,
 .token.attr-value,
 .token.keyword {
-	color: #07a;
+  color: #07a;
 }

 .token.function {
-	color: #DD4A68;
+  color: #DD4A68;
 }

 .token.regex,
 .token.important,
 .token.variable {
-	color: #e90;
+  color: #e90;
 }

 .token.important,
 .token.bold {
-	font-weight: bold;
+  font-weight: bold;
 }
+
 .token.italic {
-	font-style: italic;
+  font-style: italic;
 }

 .token.entity {
-	cursor: help;
+  cursor: help;
 }
-
@@ -0,0 +1,92 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2017 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="html5" unicode="&#xe800;" d="M0 649l699 0-66-710-284-81-284 81z m65 60l0 133 45 0 0-44 40 0 0 44 44 0 0-133-44 0 0 44-40 0 0-44-45 0z m65-205l24-266 1 2 300 0-10-113-96-27-97 28-6 68-88 0 12-136 179-51 179 51 25 267-319 0-8 89 335 0 8 88-439 0z m84 293l0 45 122 0 0-45-39 0 0-88-44 0 0 88-39 0z m141-88l0 133 47 0 27-46 28 46 47 0 0-133-43 0 0 68-32-50 0 1-30 47 0-66-44 0z m172 0l0 133 44 0 0-88 62 0 0-45-106 0z" horiz-adv-x="699" />
+
+<glyph glyph-name="small-2" unicode="&#xe801;" d="M735 692c-24 48-81 6-96 21-74 76-164 96-235 99l-39 0c-71-2-161-22-235-99-14-15-72 27-96-21-27-57 56-63 52-88-8-45-3-112 3-179 10-112-74-381 101-490 33-20 122-32 199-33l1 0c77 1 156 13 189 33 175 109 91 378 101 490 6 67 12 134 4 179-5 25 78 32 51 88l0 0z m-227-35c-119-13-103-137-57-177 85-74 174 0 164 75-9 73-70 107-107 102z m8-65c22 0 40-19 40-41 0-22-18-40-40-40-22 0-40 18-40 40 0 22 18 41 40 41z m-263 0c22 0 41-18 41-40 0-23-19-41-41-41-22 0-40 18-40 41 0 22 18 40 40 40z m252-11c7 0 13-5 13-13 0-7-6-12-13-12-7 0-12 5-12 12 0 8 5 13 12 13z m-242 2c7 0 13-5 13-12 0-7-6-13-13-13-7 0-12 6-12 13 0 7 5 12 12 12z m122-112c-57-9-77-25-73-51 7-42 141-37 145-2 4 30-50 56-72 53z m-37-17c-9-35 77-30 75-7-1 13-13 29-44 29-12-1-26-6-31-22l0 0z m3-57c-3-1-8-36 8-38 11-1 41-4 48 0 14 9 13 30 5 36-13 8-57 4-61 2z m-90 260c118-13 103-137 57-177-85-74-174 0-164 75 9 73 71 107 107 102z m426-469c39 0 19 83-5 67-11-8-14-27-14-43 0-9 8-24 19-24l0 0z m-604 0c-39 0-20 83 4 67 12-8 14-27 14-43 0-9-7-24-18-24l0 0z m529-257c-21 31-40 7-71-9-14-7 24-34 68-14 11 5 11 13 3 23z m-455-4c21 32 40 7 71-8 15-8-24-34-67-14-12 5-11 12-4 22l0 0z m512 756c-2-7 7-6 11-29 1-9 32 12 19 28-10 12-28 9-30 1z m-569 0c3-7-7-6-11-29-1-9-32 12-19 28 10 12 28 9 30 1l0 0z" horiz-adv-x="766" />
+
+<glyph glyph-name="javascript" unicode="&#xe802;" d="M575 401c-28-2-52-12-69-30-19-18-27-40-27-68 0-42 17-71 55-94 10-6 23-13 46-22 31-14 43-20 50-28 10-10 12-26 6-38-1-2-4-6-6-9-9-8-23-13-40-13-30 0-51 12-69 38-2 3-5 6-5 6-1 0-58-33-59-34-1-1 0-2 3-7 23-38 58-61 107-67 12-2 36-2 48 0 30 4 53 14 70 31 19 18 28 42 28 71 0 19-3 33-10 48-4 10-9 16-17 25-16 16-37 28-78 45-31 14-41 19-48 27-6 7-9 15-8 25 0 8 2 14 7 19 7 8 16 11 28 11 15 0 24-4 34-14 3-3 8-8 10-11 2-4 4-6 4-6 2 1 57 36 57 37 0 0-3 4-6 10-8 10-21 24-30 30-16 11-34 16-57 18-11 1-13 1-24 0z m-233-136l0-133-2-6c-2-8-5-13-9-18-7-6-15-9-28-9-19 0-31 9-44 31-3 4-5 7-5 7 0 0-14-8-30-18l-30-18 3-5c13-27 36-47 64-56 30-10 68-9 96 2 33 14 53 42 58 83 0 4 1 51 1 139v133h-37-37l0-132z m-253 463h622c37 0 67-30 67-67v-622c0-37-30-67-67-67h-622c-37 0-67 30-67 67v622c0 37 30 67 67 67z" horiz-adv-x="800" />
+
+<glyph glyph-name="sass" unicode="&#xe803;" d="M861 419c-35 0-66-8-91-21-9 19-19 35-20 47-2 14-4 23-2 39s12 41 12 43c0 2-2 10-22 11-21 0-38-4-40-10s-6-17-8-30c-4-18-41-83-61-117-7 13-13 25-14 34-2 14-4 23-2 40s12 40 12 42c0 2-2 11-22 11-21 0-38-4-40-9s-4-18-8-30c-4-12-53-121-66-149-6-15-12-26-16-34s0-1-1-1c-3-7-5-11-5-11v0c-3-5-6-9-7-9-1 0-3 13 0 31 7 37 25 96 25 98 0 1 3 12-12 17-14 5-19-4-20-4-1 0-2-3-2-3s16 66-30 66c-29 0-69-31-89-60-12-7-39-21-67-37-11-5-22-12-33-17l-2 2c-56 60-159 102-155 182 2 29 12 106 199 199 153 76 275 55 297 9 30-67-66-190-225-208-60-7-92 16-100 25-9 9-10 10-13 8-5-3-2-11 0-16 5-12 24-34 57-45 30-9 101-15 187 19 96 37 171 140 149 227-22 88-169 117-307 68-82-29-171-75-235-135-76-71-88-133-83-159 18-92 144-152 195-196-2-2-5-3-7-4-25-13-122-63-146-117-28-60 4-104 25-110 65-18 132 15 168 68 36 54 32 124 15 156l0 1 20 11c13 8 25 15 36 21-6-17-10-37-13-66-2-35 12-79 30-97 8-7 18-8 24-8 22 0 32 18 42 40 14 25 25 56 25 56s-14-82 26-82c14 0 29 19 36 29v0s0 0 1 2c1 2 2 3 2 3v1c6 10 19 33 39 72 25 49 49 111 49 111s2-15 10-40c4-15 13-31 20-47-5-8-9-13-9-13l0 0c-4-6-10-13-15-19-20-24-44-51-47-59-4-9-3-16 4-22 6-4 15-4 25-4 18 2 30 6 37 9 9 3 21 9 31 16 20 15 32 35 31 63-1 15-6 30-12 44 2 2 4 5 5 7 31 46 55 95 55 95s2-15 10-40c3-13 11-27 17-40-29-24-47-51-53-69-12-33-3-48 14-52 8-2 19 2 27 5 10 4 23 9 34 18 20 14 38 34 37 62 0 12-4 24-8 36 25 10 56 16 97 11 87-10 104-64 101-87-4-23-22-35-28-39-6-4-8-5-7-8 0-4 3-4 8-3 8 1 46 19 48 60 2 54-49 113-139 112z m-671-226c-28-31-69-43-86-33-19 11-11 57 24 90 21 21 49 40 68 51 4 3 10 6 18 11 1 1 1 1 1 1 2 1 3 2 5 3 13-48 1-90-30-123z m210 143c-10-24-31-87-44-84-10 3-17 51-2 98 8 23 25 51 35 62 15 18 33 24 37 17 5-10-20-78-26-93z m173-83c-4-2-8-4-9-2-2 0 1 3 1 3s22 24 31 34c4 7 10 14 17 22v-2c0-28-27-47-40-55z m134 31c-3 2-3 9 8 32 4 9 13 24 30 38 2-6 3-11 3-17-1-35-26-48-41-53z" horiz-adv-x="1000" />
+
+<glyph glyph-name="terminal" unicode="&#xe804;" d="M1360 849v-1000h-1360v1000h1360z m-838-600h318v77h-318v-77z m-362 77l317 135v96l-317 134v-99l209-84-209-83v-99z" horiz-adv-x="1360" />
+
+<glyph glyph-name="tags" unicode="&#xe805;" d="M250 600q0 30-21 51t-50 20-51-20-21-51 21-50 51-21 50 21 21 50z m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z m215 0q0-30-21-51l-274-274q-22-21-51-21-20 0-33 8t-29 25l262 262q21 21 21 51 0 29-21 50l-399 399q-21 21-57 36t-65 15h125q29 0 65-15t57-36l399-399q21-21 21-50z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="tag" unicode="&#xe806;" d="M250 600q0 30-21 51t-50 20-51-20-21-51 21-50 51-21 50 21 21 50z m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="twitter" unicode="&#xe807;" d="M0-37q30-3 60-3 176 0 314 108-82 1-147 50t-89 125q20-4 47-4 35 0 67 9-88 17-145 87t-58 160l0 3q53-30 115-31-52 34-82 90t-31 120q0 68 35 127 94-117 230-186t290-78q-7 33-7 58 0 104 74 178t179 74q109 0 184-80 87 18 160 62-28-91-110-140 73 9 144 40-48-75-125-131l0-33q0-101-29-202t-90-194-145-165-201-115-253-42q-209 0-387 113z" horiz-adv-x="1230" />
+
+<glyph glyph-name="picture" unicode="&#xe808;" d="M357 529q0-45-31-76t-76-32-76 32-31 76 31 76 76 31 76-31 31-76z m572-215v-250h-786v107l178 179 90-89 285 285z m53 393h-893q-7 0-12-5t-6-13v-678q0-7 6-13t12-5h893q7 0 13 5t5 13v678q0 8-5 13t-13 5z m89-18v-678q0-37-26-63t-63-27h-893q-36 0-63 27t-26 63v678q0 37 26 63t63 27h893q37 0 63-27t26-63z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="quote-left" unicode="&#xe809;" d="M911 16l-335 0 0 335q0 139 99 236t236 98l0-111q-93 0-158-66t-65-157l223 0 0-335z m-558 0l-335 0 0 335q0 139 98 236t237 98l0-111q-93 0-158-66t-65-157l223 0 0-335z" horiz-adv-x="928" />
+
+<glyph glyph-name="quote-right" unicode="&#xe80a;" d="M18 685l335 0 0-334q0-140-98-238t-237-97l0 111q92 0 158 65t65 159l-223 0 0 334z m558 0l335 0 0-334q0-140-98-238t-237-97l0 111q92 0 158 65t65 159l-223 0 0 334z" horiz-adv-x="928" />
+
+<glyph glyph-name="search" unicode="&#xe80b;" d="M643 386q0 103-73 176t-177 74-177-74-73-176 73-177 177-73 177 73 73 177z m286-465q0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 84-84 125-31 153 31 152 84 126 125 84 153 31 153-31 125-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="pencil" unicode="&#xe80c;" d="M203-7l50 51-131 131-51-51v-60h72v-71h60z m291 518q0 12-12 12-5 0-9-4l-303-302q-4-4-4-10 0-12 13-12 5 0 9 4l303 302q3 4 3 10z m-30 107l232-232-464-465h-232v233z m381-54q0-29-20-50l-93-93-232 233 93 92q20 21 50 21 29 0 51-21l131-131q20-22 20-51z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="bell" unicode="&#xe80d;" d="M509-96q0 8-9 8-33 0-57 24t-23 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m-372 160h726q-149 168-149 465 0 28-13 58t-39 58-67 45-95 17-95-17-67-45-39-58-13-58q0-297-149-465z m827 0q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 48-67 50-49z" horiz-adv-x="1000" />
+
+<glyph glyph-name="markdown" unicode="&#xe80e;" d="M919 656h-838c-39 0-71-31-71-70v-472c0-39 32-70 71-70h838c39 0 71 31 71 70v472c0 39-32 70-71 70z m-358-490l-122 0v184l-92-118-92 118v-184h-122v368h122l92-123 92 123 122 0v-368z m183-30l-152 214h92v184h122v-184h92l-154-214z" horiz-adv-x="1000" />
+
+<glyph glyph-name="attention" unicode="&#xe80f;" d="M957-24q10-16 0-34-10-16-30-16l-892 0q-18 0-28 16-13 18-2 34l446 782q8 18 30 18t30-18z m-420 50l0 100-110 0 0-100 110 0z m0 174l0 300-110 0 0-300 110 0z" horiz-adv-x="962" />
+
+<glyph glyph-name="alert" unicode="&#xe810;" d="M885 234q20-16 16-33t-28-23l-78-22q-24-6-40-28t-14-48l4-82q2-24-14-34t-38 0l-86 44q-22 12-47 4t-35-30l-46-88q-12-22-29-23t-33 19l-50 78q-34 48-88 20l-122-70q-22-14-32-6t-2 32l54 164q8 24-4 44t-36 22l-106 12q-24 4-29 18t15 30l86 76q20 16 20 41t-20 41l-86 76q-20 16-16 33t28 23l78 22q24 6 41 28t15 48l-6 82q0 26 15 36t37 0l80-38q24-10 49-2t37 30l46 80q12 22 30 21t30-23l50-86q12-22 35-29t45 7l136 84q22 14 30 6t0-32l-60-170q-10-22 2-41t38-21l114-12q26-2 30-16t-16-30l-86-76q-18-16-18-41t18-41z m-384-92l0 104-100 0 0-104 100 0z m0 160l0 260-100 0 0-260 100 0z" horiz-adv-x="901" />
+
+<glyph glyph-name="info" unicode="&#xe811;" d="M454 810q190 2 326-130t140-322q2-190-131-327t-323-141q-190-2-327 131t-139 323q-4 190 130 327t324 139z m52-152q-42 0-65-24t-23-50q-2-28 15-44t49-16q38 0 61 22t23 54q0 58-60 58z m-120-594q30 0 84 26t106 78l-18 24q-48-36-72-36-14 0-4 38l42 160q26 96-22 96-30 0-89-29t-115-75l16-26q52 34 74 34 12 0 0-34l-36-152q-26-104 34-104z" horiz-adv-x="920" />
+
+<glyph glyph-name="home" unicode="&#xe812;" d="M786 296v-267q0-15-11-25t-25-11h-214v214h-143v-214h-214q-15 0-25 11t-11 25v267q0 1 0 2t0 2l321 264 321-264q1-1 1-4z m124 39l-34-41q-5-5-12-6h-2q-7 0-12 3l-386 322-386-322q-7-4-13-3-7 1-12 6l-35 41q-4 6-3 13t6 12l401 334q18 15 42 15t43-15l136-113v108q0 8 5 13t13 5h107q8 0 13-5t5-13v-227l122-102q6-4 6-12t-4-13z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="flag" unicode="&#xe813;" d="M179 707q0-40-36-61v-707q0-7-5-12t-13-6h-36q-7 0-12 6t-6 12v707q-35 21-35 61 0 30 21 51t50 21 51-21 21-51z m821-36v-425q0-14-7-22t-22-15q-120-65-206-65-34 0-69 12t-60 27-65 27-79 12q-107 0-259-81-10-5-19-5-14 0-25 10t-10 25v415q0 17 17 30 12 8 44 24 132 67 235 67 60 0 112-16t122-49q21-11 49-11 30 0 65 12t62 26 49 26 30 12q15 0 25-10t11-26z" horiz-adv-x="1000" />
+
+<glyph glyph-name="cog-alt" unicode="&#xe814;" d="M500 350q0 59-42 101t-101 42-101-42-42-101 42-101 101-42 101 42 42 101z m429-286q0 29-22 51t-50 21-50-21-21-51q0-29 21-50t50-21 51 21 21 50z m0 572q0 29-22 50t-50 21-50-21-21-50q0-30 21-51t50-21 51 21 21 51z m-215-235v-103q0-6-4-11t-8-6l-87-14q-6-19-18-42 19-27 50-64 4-6 4-11 0-7-4-11-12-17-46-50t-43-33q-7 0-12 4l-64 50q-21-11-43-17-6-60-13-87-4-13-17-13h-104q-6 0-11 4t-5 10l-13 85q-19 6-42 18l-66-50q-4-4-11-4-6 0-12 4-80 75-80 90 0 5 4 10 5 8 23 30t26 34q-13 24-20 46l-85 13q-5 1-9 5t-4 11v104q0 5 4 10t9 6l86 14q7 19 18 42-19 27-50 64-4 6-4 11 0 7 4 12 12 16 46 49t44 33q6 0 12-4l64-50q19 10 43 18 6 60 13 86 3 13 16 13h104q6 0 11-4t6-10l13-85q19-6 42-17l65 49q5 4 12 4 6 0 11-4 81-75 81-90 0-4-4-10-7-9-24-30t-25-34q13-27 19-46l85-12q6-2 9-6t4-11z m357-298v-78q0-9-83-17-6-15-16-29 28-63 28-77 0-2-2-4-68-40-69-40-5 0-26 27t-29 37q-11-1-17-1t-17 1q-7-11-29-37t-25-27q-1 0-69 40-3 2-3 4 0 14 29 77-10 14-17 29-83 8-83 17v78q0 9 83 18 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-38q12 1 17 1t17-1q28 40 51 63l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-9 83-18z m0 572v-78q0-9-83-18-6-15-16-29 28-63 28-77 0-2-2-4-68-39-69-39-5 0-26 26t-29 38q-11-1-17-1t-17 1q-7-12-29-38t-25-26q-1 0-69 39-3 2-3 4 0 14 29 77-10 14-17 29-83 9-83 18v78q0 9 83 17 7 16 17 29-29 63-29 77 0 2 3 4 2 1 19 11t33 19 17 9q4 0 25-26t29-37q12 1 17 1t17-1q28 39 51 62l4 1q2 0 69-39 2-2 2-4 0-14-28-77 9-13 16-29 83-8 83-17z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="download" unicode="&#xe815;" d="M968 198q18-10 27-32t3-40l-28-154q-4-20-22-33t-40-13l-816 0q-22 0-40 13t-22 33l-28 154q-10 48 32 72l158 108 98 0-170-130 178 0q8 0 12-8l40-110 300 0 40 110q8 8 12 8l178 0-170 130 98 0z m-208 322l-260-244-260 244 166 0 0 256 190 0 0-256 164 0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="link" unicode="&#xe816;" d="M813 171q0 23-16 38l-116 116q-16 16-38 16-24 0-40-18 1-1 10-10t12-12 9-11 7-14 2-15q0-23-16-38t-38-16q-8 0-15 2t-14 7-11 9-12 12-10 10q-19-17-19-40 0-23 16-38l115-116q15-15 38-15 22 0 38 15l82 81q16 16 16 37z m-393 394q0 22-15 38l-115 115q-16 16-38 16-22 0-38-15l-82-82q-16-15-16-37 0-22 16-38l116-116q15-15 38-15 23 0 40 17-2 2-11 11t-12 12-8 10-7 14-2 16q0 22 15 38t38 15q9 0 16-2t14-7 11-8 12-12 10-11q18 17 18 41z m500-394q0-66-48-113l-82-81q-46-47-113-47-68 0-114 48l-115 115q-46 47-46 114 0 68 49 116l-49 49q-48-49-116-49-67 0-114 47l-116 116q-47 47-47 114t47 113l82 82q47 46 114 46 67 0 114-47l115-116q46-46 46-113 0-69-49-117l49-49q48 49 116 49 67 0 114-47l116-116q47-47 47-114z" horiz-adv-x="928.6" />
+
+<glyph glyph-name="clipboard" unicode="&#xe817;" d="M125 100h250v-62h-250v62z m313 375h-313v-62h313v62z m125-187v125l-188-188 188-187v125h312v125h-312z m-282 62h-156v-62h156v62z m-156-187h156v62h-156v-62z m563-63h62v-125c-1-18-7-32-19-44s-26-18-43-19h-625c-35 0-63 29-63 63v688c0 34 28 62 63 62h187c0 69 56 125 125 125s125-56 125-125h188c34 0 62-28 62-62v-313h-62v188h-625v-563h625v125z m-563 500h500c0 34-28 63-62 63h-63c-34 0-62 28-62 62s-29 63-63 63-62-29-62-63-29-62-63-62h-62c-35 0-63-29-63-63z" horiz-adv-x="875" />
+
+<glyph glyph-name="website" unicode="&#xe818;" d="M450 790c-215 0-390-175-390-390 0-215 175-390 390-390 72 0 140 20 198 54l23-79c4-13 23-18 33-9l36 36 96-96c4-4 9-6 14-6 5 0 11 2 14 6l70 70c4 4 6 9 6 14 0 5-2 11-6 14l-96 96 36 36c10 10 5 30-8 34l-79 23c34 58 53 125 53 197 0 215-175 390-390 390z m-20-43l0-143c-41-1-80-5-117-12 7 22 15 43 24 61 27 53 60 85 93 94z m40 0c34-9 66-41 93-94 9-18 17-39 24-61-37 7-76 11-117 12z m-128-14c-15-18-29-39-41-62-13-27-24-56-33-89-33-9-62-20-89-33-23-12-44-26-62-41 34 107 119 191 225 225z m216 0c107-34 191-119 225-225-18 15-39 29-62 41-27 13-56 24-89 33-9 33-20 62-33 89-12 23-26 44-41 62z m-128-168l0-145-145 0c2 46 8 89 17 128 39 9 82 15 128 17z m40 0c46-2 89-8 128-17 9-39 15-82 17-128l-145 0z m-212-28c-7-37-11-76-12-117l-143 0c9 34 41 66 94 93 18 9 39 17 61 24z m384 0c22-7 43-15 61-24 53-27 85-59 94-93l-143 0c-1 41-5 80-12 117z m-539-157l143 0c1-41 5-80 12-117-22 7-43 15-61 24-53 27-85 60-94 93z m182 0l145 0 0-145c-46 2-89 8-128 17-9 39-15 82-17 128z m185 0l145 0c-2-46-8-89-17-128-39-9-82-15-128-17z m184 0l143 0c-9-33-41-66-94-93-18-9-39-17-61-24 7 37 11 76 12 117z m129-88c-9-27-21-53-36-78l-67 19c15 6 28 12 41 18 23 12 44 26 62 41z m-666 0c18-15 39-29 62-41 27-13 56-24 89-33 9-33 20-62 33-89 12-23 26-44 41-62-106 34-191 119-225 225z m196-84c37-7 76-11 117-12l0-143c-33 9-66 41-93 94-9 18-17 39-24 61z m274 0c-7-22-15-43-24-61-27-53-59-85-93-94l0 143c41 1 80 5 117 12z m62-7l173-50-26-27c-8-7-8-21 0-28l96-96-42-42-96 96c-7 8-21 8-28 0l-26-26z m-32-31l19-66c-24-15-50-28-78-37 15 18 29 39 41 62 6 13 12 27 18 41z" horiz-adv-x="1000" />
+
+<glyph glyph-name="gitter" unicode="&#xe819;" d="M898 850h-796c-56 0-102-45-102-102v-796c0-57 46-102 102-102h796c57 0 102 45 102 102v796c0 57-45 102-102 102z m-507-578h-47v344h47v-344z m93-188h-47v453h47v-453z m94 0h-46v453h46v-453z m93 188h-46v265h46v-265z" horiz-adv-x="1000" />
+
+<glyph glyph-name="thumbs-up" unicode="&#xe81a;" d="M143 100q0 15-11 25t-25 11-25-11-11-25 11-25 25-11 25 11 11 25z m643 321q0 29-22 50t-50 22h-196q0 32 27 89t26 89q0 55-17 81t-72 27q-14-15-21-48t-17-70-33-61q-13-13-43-51-2-3-13-16t-18-23-19-24-22-25-22-19-22-15-20-6h-18v-357h18q7 0 18-1t18-4 21-6 20-7 20-6 16-6q118-41 191-41h67q107 0 107 93 0 15-2 31 16 9 26 30t10 41-10 38q29 28 29 67 0 14-5 31t-14 26q18 1 30 26t12 45z m71 1q0-50-27-91 5-18 5-38 0-43-21-81 1-12 1-24 0-56-33-99 0-78-48-123t-126-45h-72q-54 0-106 13t-121 36q-65 23-77 23h-161q-29 0-50 21t-21 50v357q0 30 21 51t50 21h153q20 13 77 86 32 42 60 72 13 14 19 48t17 70 35 60q22 21 50 21 47 0 84-18t57-57 20-104q0-51-27-107h98q58 0 101-42t42-100z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="help" unicode="&#xe81b;" d="M500 82v107q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-107q0-8 5-13t13-5h107q8 0 13 5t5 13z m143 375q0 49-31 91t-77 65-95 23q-136 0-207-119-9-13 4-24l74-55q4-4 10-4 9 0 14 7 30 38 48 51 19 14 48 14 27 0 48-15t21-33q0-21-11-34t-38-25q-35-15-65-48t-29-70v-20q0-8 5-13t13-5h107q8 0 13 5t5 13q0 10 12 27t30 28q18 10 28 16t25 19 25 27 16 34 7 45z m214-107q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="json" unicode="&#xe81c;" d="M83 850c-4 0-8-3-8-8l0-492 813 0 0 250-242 0c-4 0-8 3-8 8l0 242-555 0z m586 0l0-219 219 0-219 219z m-297-596c-24 0-43-6-58-17-16-11-23-24-23-41 0-13 3-24 10-32 7-9 18-15 33-20 7-2 14-4 22-6 7-1 14-3 21-5 7-1 12-3 15-6 3-3 5-6 5-10 0-5-1-8-3-10-2-2-5-4-9-6-3-1-7-1-12-2-4 0-8-1-10-1-12 0-24 2-36 6-12 4-22 11-32 19l-5 0 0-44c10-4 20-7 31-10 12-3 24-4 40-4 26 0 46 5 61 17 15 11 24 25 24 43 0 12-4 23-11 31-7 8-16 14-30 18-8 3-14 4-20 5-6 2-13 3-20 4-10 2-16 6-20 8-4 3-6 6-6 11 0 3 2 6 4 9 2 2 5 3 8 5 3 1 7 2 11 2 3 1 7 1 11 1 11 0 23-1 34-5 10-4 19-9 26-15l5 0 0 42c-9 3-19 6-31 9-11 2-23 4-35 4l0 0z m189 0c-29 0-53-9-70-26-16-17-24-40-24-69 0-29 8-52 24-70 17-17 41-25 70-25 29 0 52 8 68 25 17 18 26 41 26 70 0 29-9 52-26 69-16 17-39 26-68 26l0 0z m-394-4l0-33 42 0 0-73c0-7-1-14-1-18 0-5-1-9-3-13-2-4-5-8-10-10-4-2-11-4-19-4-7 0-13 1-17 2-4 1-8 3-12 4l-5 0 0-36c6-1 13-2 20-3 7-1 16-1 24-1 13 0 22 1 31 4 8 3 15 7 21 13 6 4 10 10 13 17 3 7 5 15 5 23l0 128-89 0 0 0z m523 0l0-182 43 0 0 125 77-125 45 0 0 182-43 0 0-104-65 104-57 0z m-129-31c6 0 11 0 17-2 5-3 10-6 14-11 4-5 7-11 10-19 3-7 4-17 4-28 0-10-1-19-3-27-2-7-6-14-11-19-4-5-9-8-14-11-6-2-11-4-17-4-6 0-12 2-18 4-5 2-9 6-13 11-4 5-9 11-11 18-3 8-3 17-3 28 0 10 1 20 4 28 2 8 5 14 10 19 4 5 9 8 14 11 6 2 11 2 17 2l0 0z m-486-245l0-117c0-5 4-8 8-8l798 0c4 0 7 3 7 8l0 117-813 0 0 0z" horiz-adv-x="1000" />
+
+<glyph glyph-name="firefox" unicode="&#xe840;" d="M504-137c-216 0-387 126-466 306-87 200-17 521 139 663l-6-156c8 9 68 12 78-1 32 62 136 109 220 110-32-26-106-124-99-174 40-13 103-13 136-15 10-6 8-40-12-68-27-36-97-49-97-49l8-106-77 38c-26-64 35-120 97-110 69 12 94 57 142 54 49-2 68-29 61-54-7-30-59-25-59-25-44-70-103-100-198-92 144-119 338-11 387 86 50 97 7 242-43 283 59-25 99-51 120-107 11 124-46 266-149 349 193-56 311-205 314-444 3-239-211-488-496-488z" horiz-adv-x="1000" />
+
+<glyph glyph-name="chrome" unicode="&#xe841;" d="M498 850c-147-1-291-67-387-186l154-237c39 111 150 182 267 170l414-22c-42 84-108 157-196 208-79 46-166 67-252 67z m-416-226c-52-79-82-173-82-274 0-250 183-457 423-494l128 252c-116-22-233 39-281 146l-188 370z m885-94l-282-15c76-89 82-221 13-317l-226-347c94-6 190 15 278 66 216 125 304 387 217 613z m-467-11c-93 0-169-76-169-169s76-169 169-169 169 76 169 169-76 169-169 169z" horiz-adv-x="1000" />
+
+<glyph glyph-name="opera" unicode="&#xe842;" d="M426-150c-568 0-568 1000 0 1000s567-1000 0-1000z m0 92c237 0 237 816 0 816s-238-816 0-816z" horiz-adv-x="851" />
+
+<glyph glyph-name="ie" unicode="&#xe843;" d="M844 850c-81-1-181-46-281-106-239 35-498-103-509-386 60 93 224 257 367 301l0-13c-179-90-571-612-360-773 90-69 310 37 344 76 29-5 59-8 89-8 201 0 371 124 424 292l-301 0c-13-56-56-92-121-92-102 0-126 68-126 151l561 0c29 204-114 385-306 439 174 115 363 161 299-104l20 0c35 109 21 191-38 213-18 7-37 10-58 10-1 0-3 0-4 0z m-352-303c79 0 128-48 128-129l-252 0c0 77 46 129 124 129z m-367-422c58-83 149-145 256-171-77-58-226-84-266-52-48 40-36 124 10 223z" horiz-adv-x="944" />
+
+<glyph glyph-name="github-circled" unicode="&#xf09b;" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="angle-double-right" unicode="&#xf101;" d="M332 314q0-7-5-12l-261-261q-5-5-12-5t-13 5l-28 28q-6 6-6 13t6 13l219 219-219 220q-6 5-6 12t6 13l28 28q5 6 13 6t12-6l261-260q5-5 5-13z m214 0q0-7-5-12l-260-261q-6-5-13-5t-13 5l-28 28q-5 6-5 13t5 13l219 219-219 220q-5 5-5 12t5 13l28 28q6 6 13 6t13-6l260-260q5-5 5-13z" horiz-adv-x="571.4" />
+
+<glyph glyph-name="code" unicode="&#xf121;" d="M344 69l-28-28q-5-5-12-5t-13 5l-260 261q-6 5-6 12t6 13l260 260q5 6 13 6t12-6l28-28q6-5 6-13t-6-12l-219-220 219-219q6-6 6-13t-6-13z m330 596l-208-721q-2-7-9-11t-13-1l-34 9q-8 3-11 9t-2 14l209 720q2 8 8 11t13 2l35-10q7-2 11-9t1-13z m367-363l-260-261q-6-5-13-5t-13 5l-28 28q-5 6-5 13t5 13l219 219-219 220q-5 5-5 12t5 13l28 28q6 6 13 6t13-6l260-260q5-5 5-13t-5-12z" horiz-adv-x="1071.4" />
+
+<glyph glyph-name="css3" unicode="&#xf13c;" d="M154 779h839l-148-744-449-149-389 149 39 198h166l-16-82 235-89 272 89 38 190h-675l33 165h674l22 107h-674z" horiz-adv-x="1000" />
+
+<glyph glyph-name="file-pdf" unicode="&#xf1c1;" d="M819 638q16-16 27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-287 331q18-14 47-31 33 4 65 4 82 0 99-27 9-13 1-29 0-1-1-1l-1-2v0q-3-21-39-21-27 0-64 11t-73 29q-123-13-219-46-85-146-135-146-8 0-15 4l-14 7q0 0-3 2-6 6-4 20 5 23 32 51t73 54q8 5 13-3 1-1 1-2 29 47 60 110 38 76 58 146-13 46-17 89t4 71q6 22 23 22h12q13 0 20-8 10-12 5-38-1-3-2-4 0-2 0-5v-17q-1-68-8-107 31-91 82-133z m-321-229q29 13 76 88-29-22-49-47t-27-41z m222 513q-9-23-2-73 1 4 4 24 0 2 4 24 1 3 3 5-1 0-1 1-1 1-1 2 0 12-7 20 0-1 0-1v-2z m-70-368q76 30 159 45-1 0-7 5t-9 8q-43 37-71 98-15-48-46-110-17-31-26-46z m361 9q-13 13-78 13 42-16 69-16 8 0 10 1 0 0-1 2z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="share" unicode="&#xf1e0;" d="M679 279q74 0 126-53t52-126-52-126-126-53-127 53-52 126q0 7 1 19l-201 100q-51-48-121-48-75 0-127 53t-52 126 52 126 127 53q70 0 121-48l201 100q-1 12-1 19 0 74 52 126t127 53 126-53 52-126-52-126-126-53q-71 0-122 48l-201-100q1-12 1-19t-1-19l201-100q51 48 122 48z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="facebook-official" unicode="&#xf230;" d="M810 779q19 0 33-14t14-34v-762q0-20-14-34t-33-14h-218v333h111l16 129h-127v83q0 31 13 46t51 16l68 1v115q-35 5-100 5-75 0-121-44t-45-127v-95h-112v-129h112v-333h-411q-19 0-33 14t-14 34v762q0 20 14 34t33 14h763z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="instagram" unicode="&#xf32d;" d="M690 350q0 26-6 50l176 0 0-344q0-56-39-96t-95-40l-592 0q-56 0-95 40t-39 96l0 344 174 0q-4-32-4-50 0-106 76-183t184-77q106 0 183 77t77 183z m36 430q56 0 95-39t39-95l0-146-218 0q-78 110-212 110-138 0-212-110l-218 0 0 146q0 56 39 95t95 39l592 0z m64-166l0 72q0 24-24 24l-72 0q-24 0-24-24l0-72q0-8 7-16t17-8l72 0q24 0 24 24z m-200-264q0-66-47-113t-113-47-113 47-47 113q0 68 47 114t113 46 113-46 47-114z" horiz-adv-x="860" />
+</font>
+</defs>
+</svg>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><title>icon</title><circle cx="128" cy="128" r="124" fill="#c2bfbc"/><path d="M56.4,138.1c4,0,7.3,3.1,7.3,7.7a7.3,7.3,0,1,1-14.6,0C49.1,141.2,52.3,138.1,56.4,138.1Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M78,164.9c6.1,0,9.8-4,12-9.4l1.3-3.2L70.9,108.5h7.5L89,132.7c1.7,3.9,3.6,8.5,5.4,12.7h.4l4.7-12.7,9.5-24.2h7L96.8,155.8c-3.2,8.6-8.6,15.2-18.5,15.2a18.4,18.4,0,0,1-5.8-.9l1.5-5.8A14,14,0,0,0,78,164.9Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M124.5,108.5h5.8l.6,5.8h.3c2.2-4,4.9-6.8,9.8-6.8s7.2,2.5,8.3,7.6c2.6-4.6,5.5-7.6,10.3-7.6s9.5,4.8,9.5,13.5v31.3H162V121.5c0-5.1-1.5-7.7-4.8-7.7s-5.2,2.2-7.5,6.7v31.7h-5.9V121.5c0-5.1-1.7-7.7-5-7.7s-5,2.2-7.3,6.7v31.7h-7.1Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="M171.9,88.1h22.3v49.9c0,6.4,3.3,9.1,8.5,9.1a19.9,19.9,0,0,0,8.3-2.1l1.9,5.6c-4,1.4-7,2.6-11.8,2.6-9.3,0-14.3-5.4-14.3-15.7V94.2H171.9Z" fill="#333" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>