adityapk00
5 years ago
59 changed files with 16176 additions and 1 deletions
@ -1 +0,0 @@ |
|||
Subproject commit 3e1e72871270da12dac575e1c7661ed8f061a14a |
|||
@ -0,0 +1,27 @@ |
|||
# Changelog |
|||
|
|||
All notable changes to this project will be documented in this file. |
|||
|
|||
The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html). |
|||
|
|||
## [2.37] - 2018-12-26 (@budparr) |
|||
|
|||
- Improve Readme with path to example site #146 |
|||
- Update asset dependencies a99f95ef1f4c1f9b0a278e534ce6ace1b7441fd8 |
|||
- Improve social follow link accessibility #147 |
|||
|
|||
## [2.35] - 2018-11-04 (@budparr) |
|||
|
|||
- Add global background color class to footer (it's already on the header). Fixes #135 |
|||
|
|||
## [2.34] - 2018-11-03 (@budparr) |
|||
|
|||
### Added |
|||
|
|||
- Add a changelog. |
|||
|
|||
### Changed |
|||
|
|||
- Run Ananke with Hugo v0.50 |
|||
- Remove default background image so users can choose to not use one at all. #133 (cdeguise) |
|||
- Add reading time and word count to pages, conditionally if set at global, page, or section level with the `show_reading_time` key. (thanks to @looer for starting) |
|||
@ -0,0 +1,20 @@ |
|||
The MIT License (MIT) |
|||
|
|||
Copyright (c) 2016 Bud Parr |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy of |
|||
this software and associated documentation files (the "Software"), to deal in |
|||
the Software without restriction, including without limitation the rights to |
|||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of |
|||
the Software, and to permit persons to whom the Software is furnished to do so, |
|||
subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all |
|||
copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
|||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS |
|||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR |
|||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER |
|||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN |
|||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
|||
@ -0,0 +1,159 @@ |
|||
# Ananke, A theme for [Hugo](http://gohugo.io/), a framework for building websites. |
|||
|
|||
The intent of this theme is to provide a solid starting place for Hugo sites with basic features and include best practices for performance, accessibility, and rapid development. |
|||
|
|||
 |
|||
|
|||
[DEMO](https://gohugo-ananke-theme-demo.netlify.com/) |
|||
|
|||
Features |
|||
|
|||
- Responsive |
|||
- Accessible |
|||
- Contact form |
|||
- Custom Robots.txt (changes values based on environment) |
|||
- Internal templates for meta data, google analytics, and DISQUS comments |
|||
- RSS Discovery |
|||
- Table of Contents (must declare `toc: true` in post parameter) |
|||
|
|||
Also includes examples of Hugo Features or Functions: |
|||
|
|||
- Pagination (internal template) |
|||
- Taxonomies |
|||
- Archetypes |
|||
- Custom shortcode |
|||
- Related content |
|||
- Hugo built-in menu |
|||
- `with` |
|||
- `HUGO_ENV` |
|||
- `first` |
|||
- `after` |
|||
- `sort` |
|||
- Site LanguageCode |
|||
- `where` |
|||
- Content Views |
|||
- Partials |
|||
- Template layouts (type "post" uses a special list template, single template, and a content view) |
|||
- Tags |
|||
- `len` |
|||
- Conditionals |
|||
- `ge` (greater than or equal to) |
|||
- `.Site.Params.mainSections` to avoid hard-coding "blog," etc. [[release note](https://github.com/spf13/hugo/blob/66ec6305f6cb450ddf9c489854146bac02f7dca1/docs/content/meta/release-notes.md#enhancements)] |
|||
|
|||
|
|||
This theme uses the "Tachyons" CSS library. This will allow you to manipulate the design of the theme by changing class names in HTML without touching the original CSS files. For more information see the [Tachyons website](http://tachyons.io/). |
|||
|
|||
|
|||
|
|||
## Installation |
|||
|
|||
Inside the folder of your Hugo site run: |
|||
|
|||
$ cd themes |
|||
$ git clone https://github.com/budparr/gohugo-theme-ananke.git |
|||
|
|||
For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo. |
|||
|
|||
|
|||
|
|||
## Getting started |
|||
|
|||
After installing the theme successfully it requires a just a few more steps to get your site running. |
|||
|
|||
|
|||
### The config file |
|||
|
|||
Take a look inside the [`exampleSite`](https://github.com/budparr/gohugo-theme-ananke/tree/master/exampleSite) folder of this theme. You'll find a file called [`config.toml`](https://github.com/budparr/gohugo-theme-ananke/blob/master/exampleSite/config.toml). To use it, copy the [`config.toml`](https://github.com/budparr/gohugo-theme-ananke/blob/master/exampleSite/config.toml) in the root folder of your Hugo site. Feel free to change the strings in this theme. |
|||
|
|||
You may need to delete the line: `themesDir = "../.."` |
|||
|
|||
|
|||
### Add comments |
|||
|
|||
To enable DISQUS comments, add `disqusShortname = YOURSHORTNAME` to your config file. |
|||
|
|||
|
|||
|
|||
### Change the hero background |
|||
|
|||
For any page or post you can add a featured image by including the local path in front matter (see content in the `exampleSite/content/_readme.md` file for examples): `featured_image: '/images/gohugo-default-sample-hero-image.jpg'` |
|||
|
|||
You don't need an image though. The default background color is black, but you can change the color, by changing the default color class in the config.toml file. Choose a background color from any on the [Tachyons](http://tachyons.io/docs/themes/skins/) library site, and preface it with "bg-" |
|||
|
|||
example: `background_color_class = "bg-blue"` or `background_color_class = "bg-gray"` |
|||
|
|||
|
|||
|
|||
### Activate the contact form |
|||
|
|||
This theme includes a shortcode for a contact form that you can add to any page (there is an example on the contact page in the exampleSite folder). One option is to use [formspree.io](//formspree.io/) as proxy to send the actual email. Each month, visitors can send you up to one thousand emails without incurring extra charges. Visit the Formspree site to get the "action" link and add it to your shortcode like this: |
|||
|
|||
``` |
|||
{{< form-contact action="http://formspree.io/your@email.com" >}} |
|||
``` |
|||
|
|||
### Update font or body classes |
|||
|
|||
The theme is set, by default, to use a near-white background color and the "Avenir" or serif typeface. You can change these in your config file with the `body_classes` parameter, like this: |
|||
|
|||
``` |
|||
[params] |
|||
body_classes = "avenir bg-near-white" |
|||
``` |
|||
|
|||
which will give you a body class like this: |
|||
|
|||
``` |
|||
<body class="avenir bg-near-white"> |
|||
``` |
|||
|
|||
You can find a list of available typefaces [here](https://github.com/tachyons-css/tachyons/blob/v4.7.0/src/_font-family.css). |
|||
|
|||
And a list of background colors [here](https://github.com/tachyons-css/tachyons/blob/v4.7.0/src/_skins.css#L96). |
|||
|
|||
|
|||
_n.b. in future versions we will likely separate the typeface and other body classes._ |
|||
|
|||
|
|||
### Custom CSS |
|||
|
|||
You can override the built-in css by using your own. Just put your own css files in the `static` directory of your website (the one in the theme directory also works but is not recommended) and modify the `custom_css` parameter in your config file. The path referenced in the parameter should be relative to the `static` folder. These css files will be added through the `header` partial after the built-in css file. |
|||
|
|||
For example, if your css files are `static/css/custom.css` and `static/css/custom2.css` then add the following to the config file: |
|||
|
|||
``` |
|||
[params] |
|||
custom_css = ["css/custom.css","css/custom2.css"] |
|||
``` |
|||
|
|||
### Show Reading Time and Word Contributing |
|||
|
|||
If you add a key of `show_reading_time` true to either the Config Params, a page or section's front matter, articles will show the reading time and word count. |
|||
|
|||
|
|||
### Nearly finished |
|||
|
|||
In order to see your site in action, run Hugo's built-in local server. |
|||
|
|||
`$ hugo server` |
|||
|
|||
Now enter [`localhost:1313`](http://localhost:1313/) in the address bar of your browser. |
|||
|
|||
## Production |
|||
|
|||
To run in production (e.g. to have Google Analytics show up), run `HUGO_ENV=production` before your build command. For example: |
|||
|
|||
``` |
|||
HUGO_ENV=production hugo |
|||
``` |
|||
|
|||
## Contributing |
|||
|
|||
If you find a bug or have an idea for a feature, feel free to use the [issue tracker](https://github.com/budparr/gohugo-theme-ananke/issues) to let me know. |
|||
|
|||
|
|||
|
|||
|
|||
TODO: |
|||
|
|||
- fix hard-coded link to [section](https://github.com/budparr/gohugo-theme-ananke/blob/master/layouts/index.html#L32) |
|||
@ -0,0 +1,7 @@ |
|||
+++ |
|||
title = "{{ replace .TranslationBaseName "-" " " | title }}" |
|||
date = {{ .Date }} |
|||
tags = [] |
|||
featured_image = "" |
|||
description = "" |
|||
+++ |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"app": { |
|||
"js": "js/app.3fc0f988d21662902933.js", |
|||
"css": "css/app.955516233bcafa4d2a1c13cea63c7b50.css" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 385 KiB |
|
After Width: | Height: | Size: 162 KiB |
@ -0,0 +1,8 @@ |
|||
{{ define "header" }}{{ partial "page-header.html" . }}{{ end }} |
|||
{{ define "main" }} |
|||
<article class="center cf pv5 measure-wide-l"> |
|||
<h1> |
|||
This is not the page you were looking for |
|||
</h1> |
|||
</article> |
|||
{{ end }} |
|||
@ -0,0 +1,58 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="{{ $.Site.LanguageCode | default "en" }}"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|||
{{/* NOTE: the Site's title, and if there is a page title, that is set too */}} |
|||
<title>{{ block "title" . }}{{ .Site.Title }} {{ with .Params.Title }} | {{ . }}{{ end }}{{ end }}</title> |
|||
<meta name="HandheldFriendly" content="True"> |
|||
<meta name="MobileOptimized" content="320"> |
|||
|
|||
<meta name="viewport" content="width=device-width,minimum-scale=1"> |
|||
{{ .Hugo.Generator }} |
|||
{{/* NOTE: For Production make sure you add `HUGO_ENV="production"` before your build command */}} |
|||
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }} |
|||
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW"> |
|||
{{ else }} |
|||
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> |
|||
{{ end }} |
|||
|
|||
{{ $stylesheet := .Site.Data.webpack_assets.app }} |
|||
{{ with $stylesheet.css }} |
|||
<link href="{{ relURL (printf "%s%s" "dist/" .) }}" rel="stylesheet"> |
|||
{{ end }} |
|||
|
|||
{{ range .Site.Params.custom_css }} |
|||
<link rel="stylesheet" href="{{ relURL ($.Site.BaseURL) }}{{ . }}"> |
|||
{{ end }} |
|||
|
|||
{{ block "favicon" . }} |
|||
{{ partial "site-favicon.html" . }} |
|||
{{ end }} |
|||
|
|||
{{ if .RSSLink }} |
|||
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" /> |
|||
<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" /> |
|||
{{ end }} |
|||
|
|||
{{/* NOTE: These Hugo Internal Templates can be found starting at https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L158 */}} |
|||
{{- template "_internal/opengraph.html" . -}} |
|||
{{- template "_internal/google_news.html" . -}} |
|||
{{- template "_internal/schema.html" . -}} |
|||
{{- template "_internal/twitter_cards.html" . -}} |
|||
|
|||
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }} |
|||
{{ template "_internal/google_analytics_async.html" . }} |
|||
{{ end }} |
|||
</head> |
|||
|
|||
<body class="ma0 {{ $.Param "body_classes" | default "avenir bg-near-white"}}{{ with getenv "HUGO_ENV" }} {{ . }}{{ end }}"> |
|||
|
|||
{{ block "header" . }}{{ partial "site-header.html" .}}{{ end }} |
|||
<main class="pb7" role="main"> |
|||
{{ block "main" . }}{{ end }} |
|||
</main> |
|||
{{ block "footer" . }}{{ partial "site-footer.html" . }}{{ end }} |
|||
{{ block "scripts" . }}{{ partial "site-scripts.html" . }}{{ end }} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,15 @@ |
|||
{{ define "main" }} |
|||
<article class="pa3 pa4-ns nested-copy-line-height nested-img"> |
|||
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"> |
|||
{{- .Content -}} |
|||
</main> |
|||
<section class="flex-ns flex-wrap justify-around mt5"> |
|||
{{ range .Paginator.Pages }} |
|||
<div class="relative w-100 w-30-l mb4 bg-white"> |
|||
{{- partial "summary.html" . -}} |
|||
</div> |
|||
{{ end }} |
|||
</section> |
|||
{{- template "_internal/pagination.html" . -}} |
|||
</article> |
|||
{{ end }} |
|||
@ -0,0 +1,50 @@ |
|||
{{ define "header" }} |
|||
{{/* We can override any block in the baseof file be defining it in the template */}} |
|||
{{ partial "page-header.html" . }} |
|||
{{ end }} |
|||
|
|||
{{ define "main" }} |
|||
{{ $section := .Site.GetPage "section" .Section }} |
|||
<article class="flex-l flex-wrap justify-between mw8 center ph3 ph0-l"> |
|||
|
|||
<header class="mt4 w-100"> |
|||
<p class="f6 b helvetica tracked"> |
|||
{{/* |
|||
CurrentSection allows us to use the section title instead of inferring from the folder. |
|||
https://gohugo.io/variables/page/#section-variables-and-methods |
|||
*/}} |
|||
{{with .CurrentSection.Title }}{{. | upper }}{{end}} |
|||
</p> |
|||
<h1 class="f1 athelas mb1"> |
|||
{{- .Title -}} |
|||
</h1> |
|||
{{/* Hugo uses Go's date formatting is set by example. Here are two formats */}} |
|||
<time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}"> |
|||
{{- .Date.Format "January 2, 2006" -}} |
|||
</time> |
|||
{{/* |
|||
Show "reading time" and "word count" but only if one of the following are true: |
|||
1) A global config `params` value is set `show_reading_time = true` |
|||
2) A section front matter value is set `show_reading_time = true` |
|||
3) A page front matter value is set `show_reading_time = true` |
|||
*/}} |
|||
{{ if (or (eq (.Param "show_reading_time") true) (eq $section.Params.show_reading_time true) )}} |
|||
<span class="f6 mv4 dib tracked"> - {{ .ReadingTime}} minutes read</span> |
|||
<span class="f6 mv4 dib tracked"> - {{ .WordCount}} words</span> |
|||
{{ end }} |
|||
</header> |
|||
|
|||
<main class="nested-copy-line-height lh-copy serif f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l"> |
|||
{{- .Content -}} |
|||
{{- partial "tags.html" . -}} |
|||
<div class="mt6"> |
|||
{{ template "_internal/disqus.html" . }} |
|||
</div> |
|||
</main> |
|||
|
|||
<aside class="w-30-l mt6-l"> |
|||
{{- partial "menu-contextual.html" . -}} |
|||
</aside> |
|||
|
|||
</article> |
|||
{{ end }} |
|||
@ -0,0 +1,16 @@ |
|||
{{ define "main" }} |
|||
<article class="cf pa3 pa4-m pa4-l"> |
|||
<div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray"> |
|||
<p>Below you will find pages that utilize the taxonomy term “{{ .Title }}”</p> |
|||
</div> |
|||
</article> |
|||
<div class="mw8 center"> |
|||
<section class="flex-ns flex-wrap justify-around mt5"> |
|||
{{ range .Pages }} |
|||
<div class="relative w-100 mb4 bg-white"> |
|||
{{ partial "summary.html" . }} |
|||
</div> |
|||
{{ end }} |
|||
</section> |
|||
</div> |
|||
{{ end }} |
|||
@ -0,0 +1,22 @@ |
|||
{{ define "main" }} |
|||
{{ $data := .Data }} |
|||
<article class="cf pa3 pa4-m pa4-l"> |
|||
<div class="measure-wide-l center f4 lh-copy nested-copy-line-height nested-links nested-img mid-gray"> |
|||
{{ .Content }} |
|||
</div> |
|||
</article> |
|||
<div class="mw8 center"> |
|||
<section class="ph4"> |
|||
{{ range $key, $value := .Data.Terms }} |
|||
<h2 class="f1"> |
|||
<a href="{{ "/" | relLangURL }}{{ $.Data.Plural | urlize }}/{{ $key | urlize }}" class="link blue hover-black"> |
|||
{{ $.Data.Singular | humanize }}: {{ $key }} |
|||
</a> |
|||
</h2> |
|||
{{ range $value.Pages }} |
|||
{{ partial "summary.html" . }} |
|||
{{ end }} |
|||
{{ end }} |
|||
</section> |
|||
</div> |
|||
{{ end }} |
|||
@ -0,0 +1,55 @@ |
|||
{{ define "main" }} |
|||
<article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"> |
|||
{{ .Content }} |
|||
</article> |
|||
{{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}} |
|||
{{ $mainSections := .Site.Params.mainSections | default (slice "post") }} |
|||
{{/* Create a variable with that section to use in multiple places. */}} |
|||
{{ $section := where .Site.RegularPages "Section" "in" $mainSections }} |
|||
{{/* Check to see if the section is defined for ranging through it */}} |
|||
{{ $section_count := len $section }} |
|||
{{ if ge $section_count 1 }} |
|||
{{/* Derive the section name */}} |
|||
{{ $section_name := index (.Site.Params.mainSections) 0 }} |
|||
|
|||
<div class="pa3 pa4-ns w-100 w-70-ns center"> |
|||
{{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}} |
|||
{{ with .Site.GetPage "section" $section_name }} |
|||
<h1 class="flex-none"> |
|||
Recent {{ .Title }} |
|||
</h1> |
|||
{{ end }} |
|||
|
|||
{{ $n_posts := $.Param "recent_posts_number" | default 3 }} |
|||
|
|||
<section class="w-100 mw8"> |
|||
{{/* Range through the first $n_posts items of the section */}} |
|||
{{ range (first $n_posts $section) }} |
|||
<div class="relative w-100 mb4"> |
|||
{{ partial "summary-with-image.html" . }} |
|||
</div> |
|||
{{ end }} |
|||
</section> |
|||
|
|||
{{ if ge $section_count (add $n_posts 1) }} |
|||
<section class="w-100"> |
|||
<h1 class="f3">More</h1> |
|||
{{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}} |
|||
{{ range (first 4 (after $n_posts $section)) }} |
|||
<h2 class="f5 fw4 mb4 dib mr3"> |
|||
<a href="{{ .URL }}" class="link black dim"> |
|||
{{ .Title }} |
|||
</a> |
|||
</h2> |
|||
{{ end }} |
|||
|
|||
{{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}} |
|||
{{ with .Site.GetPage "section" $section_name }} |
|||
<a href="{{ .URL }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All {{.Title }}</a> |
|||
{{ end }} |
|||
</section> |
|||
{{ end }} |
|||
|
|||
</div> |
|||
{{ end }} |
|||
{{ end }} |
|||
@ -0,0 +1,18 @@ |
|||
{{ define "header" }}{{ partial "page-header.html" . }}{{ end }} |
|||
{{ define "main" }} |
|||
<div class="flex-l mt2 mw8 center"> |
|||
<article class="center cf pv5 ph3 ph4-ns mw7"> |
|||
<header> |
|||
<p class="f6 b helvetica tracked"> |
|||
{{ humanize .Section | upper }} |
|||
</p> |
|||
<h1 class="f1"> |
|||
{{ .Title }} |
|||
</h1> |
|||
</header> |
|||
<div class="nested-copy-line-height lh-copy f4 nested-links nested-img mid-gray"> |
|||
{{ .Content }} |
|||
</div> |
|||
</article> |
|||
</div> |
|||
{{ end }} |
|||
@ -0,0 +1,33 @@ |
|||
{{/* |
|||
Use Hugo's native Table of contents feature. You must set `toc: true` in your parameters for this to show. |
|||
https://gohugo.io/content-management/toc/ |
|||
*/}} |
|||
|
|||
{{- if .Params.toc -}} |
|||
<div class="bg-light-gray pa3 nested-list-reset nested-copy-line-height nested-links"> |
|||
<p class="f5 b mb3">What's in this {{ humanize .Type }}</p> |
|||
{{ .TableOfContents }} |
|||
</div> |
|||
{{- end -}} |
|||
|
|||
{{/* |
|||
Use Hugo's native related content feature to pull in content that may have similar parameters, like tags. etc. |
|||
https://gohugo.io/content-management/related/ |
|||
*/}} |
|||
|
|||
{{ $related := .Site.RegularPages.Related . | first 15 }} |
|||
|
|||
{{ with $related }} |
|||
<div class="bg-light-gray pa3 nested-list-reset nested-copy-line-height nested-links"> |
|||
<p class="f5 b mb3">Related</p> |
|||
<ul class="pa0 list"> |
|||
{{ range . }} |
|||
<li class="mb2"> |
|||
<a href="{{ .RelPermalink }}"> |
|||
{{- .Title -}} |
|||
</a> |
|||
</li> |
|||
{{ end }} |
|||
</ul> |
|||
</div> |
|||
{{ end }} |
|||
@ -0,0 +1,2 @@ |
|||
{{ $new_window_icon_size := "8px" }} |
|||
<span class="new-window">{{ partial "svg/new-window.svg" (dict "size" $new_window_icon_size) }}</span> |
|||
@ -0,0 +1,24 @@ |
|||
{{ $featured_image := .Params.featured_image }} |
|||
{{ if $featured_image }} |
|||
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} |
|||
{{ $featured_image := (trim $featured_image "/") | absURL }} |
|||
<header class="cover bg-top" style="background-image: url('{{ $featured_image }}');"> |
|||
<div class="pb3-m pb6-l bg-black-60"> |
|||
{{ partial "site-navigation.html" . }} |
|||
<div class="tc-l pv6 ph3 ph4-ns"> |
|||
<h1 class="f2 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1> |
|||
{{ with .Params.description }} |
|||
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4"> |
|||
{{ . }} |
|||
</h2> |
|||
{{ end }} |
|||
</div> |
|||
</div> |
|||
</header> |
|||
{{ else }} |
|||
<header> |
|||
<div class="{{ .Site.Params.background_color_class | default "bg-black" }}"> |
|||
{{ partial "site-navigation.html" . }} |
|||
</div> |
|||
</header> |
|||
{{ end }} |
|||
@ -0,0 +1,3 @@ |
|||
{{ if .Site.Params.favicon }} |
|||
<link rel="shortcut icon" href="/{{ .Site.Params.favicon }}" type="image/x-icon" /> |
|||
{{ end }} |
|||
@ -0,0 +1,8 @@ |
|||
<footer class="{{ .Site.Params.background_color_class | default "bg-black" }} bottom-0 w-100 pa3" role="contentinfo"> |
|||
<div class="flex justify-between"> |
|||
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.BaseURL }}" > |
|||
© {{ now.Format "2006" }} {{ .Site.Title }} |
|||
</a> |
|||
<div>{{ partial "social-follow.html" . }}</div> |
|||
</div> |
|||
</footer> |
|||
@ -0,0 +1,18 @@ |
|||
{{ $featured_image := .Param "featured_image"}} |
|||
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} |
|||
{{ $featured_image := (trim $featured_image "/") | absURL }} |
|||
<div style="padding: 50px; text-align: center;"> |
|||
<img src="{{ $featured_image }}" style="max-width: 800px;"></img> |
|||
</div> |
|||
<div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}"> |
|||
<div class="tc-l pv4 pv3-l ph3 ph4-ns"> |
|||
<h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title"> |
|||
{{ .Title | default .Site.Title }} |
|||
</h1> |
|||
{{ with .Params.description }} |
|||
<h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3"> |
|||
{{ . }} |
|||
</h2> |
|||
{{ end }} |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,21 @@ |
|||
<nav class="pv3 ph3 ph4-ns" role="navigation"> |
|||
<div class="flex-l justify-between items-center center"> |
|||
<a href="{{ .Site.BaseURL }}" class="f3 fw2 hover-white no-underline white-90 dib"> |
|||
{{ .Site.Title }} |
|||
</a> |
|||
<div class="flex-l items-center"> |
|||
{{ if .Site.Menus.main }} |
|||
<ul class="pl0 mr3"> |
|||
{{ range .Site.Menus.main }} |
|||
<li class="list f5 f4-ns fw4 dib pr3"> |
|||
<a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page"> |
|||
{{ .Name }} |
|||
</a> |
|||
</li> |
|||
{{ end }} |
|||
</ul> |
|||
{{ end }} |
|||
{{ partial "social-follow.html" . }} |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
@ -0,0 +1,4 @@ |
|||
{{ $script := .Site.Data.webpack_assets.app }} |
|||
{{ with $script.js }} |
|||
<script src="{{ relURL (printf "%s%s" "dist/" .) }}"></script> |
|||
{{ end }} |
|||
@ -0,0 +1,50 @@ |
|||
<!-- TODO: Add follow intents where available TODO: Revisit color and hover color --> |
|||
{{ $icon_size := "32px" }} |
|||
{{ with .Param "facebook" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition facebook link dib z-999 pt3 pt0-l mr1" title="Facebook link" rel="noopener" aria-label="follow on Facebook——Opens in a new window"> |
|||
{{ partial "svg/facebook.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "twitter" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition twitter link dib z-999 pt3 pt0-l mr1" title="Twitter link" rel="noopener" aria-label="follow on Twitter——Opens in a new window"> |
|||
{{ partial "svg/twitter.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "instagram" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition instagram link dib z-999 pt3 pt0-l mr1" title="Instagram link" rel="noopener" aria-label="follow on Instagram——Opens in a new window"> |
|||
{{ partial "svg/instagram.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "youtube" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition youtube link dib z-999 pt3 pt0-l mr1" title="Youtube link" rel="noopener" aria-label="follow on Youtube——Opens in a new window"> |
|||
{{ partial "svg/youtube.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "linkedin" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition linkedin link dib z-999 pt3 pt0-l mr1" title="LinkedIn link" rel="noopener" aria-label="follow on LinkedIn——Opens in a new window"> |
|||
{{ partial "svg/linkedin.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "github" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition github link dib z-999 pt3 pt0-l mr1" title="Github link" rel="noopener" aria-label="follow on Github——Opens in a new window"> |
|||
{{ partial "svg/github.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "gitlab" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition gitlab link dib z-999 pt3 pt0-l mr1" title="Gitlab link" rel="noopener" aria-label="follow on Gitlab——Opens in a new window"> |
|||
{{ partial "svg/gitlab.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
{{ with .Param "medium" }} |
|||
<a href="{{ . }}" target="_blank" class="link-transition medium link dib z-999 pt3 pt0-l mr1" title="Medium link" rel="noopener" aria-label="follow on Medium——Opens in a new window"> |
|||
{{ partial "svg/medium.svg" (dict "size" $icon_size) }} |
|||
{{- partial "new-window-icon.html" . -}} |
|||
</a> |
|||
{{ end }} |
|||
@ -0,0 +1,29 @@ |
|||
{{ $featured_image := .Params.featured_image }} |
|||
<article class="bb b--black-10"> |
|||
<div class="db pv4 ph3 ph0-l no-underline dark-gray"> |
|||
<div class="flex flex-column flex-row-ns"> |
|||
{{ if .Params.featured_image }} |
|||
{{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}} |
|||
{{ $featured_image := (trim $featured_image "/") | absURL }} |
|||
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> |
|||
<a href="{{.URL}}" class="db grow"> |
|||
<img src="{{ $featured_image }}" class="img" alt="image from {{ .Title }}"> |
|||
</a> |
|||
</div> |
|||
{{ end }} |
|||
<div class="blah w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}"> |
|||
<h1 class="f3 fw1 athelas mt0 lh-title"> |
|||
<a href="{{.URL}}" class="color-inherit dim link"> |
|||
{{ .Title }} |
|||
</a> |
|||
</h1> |
|||
<div class="f6 f5-l lh-copy nested-copy-line-height nested-links"> |
|||
{{ .Summary }} |
|||
</div> |
|||
<a href="{{.URL}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{$.Param "read_more_copy" | default "read more" }}</a> |
|||
{{/* TODO: add author |
|||
<p class="f6 lh-copy mv0">By {{ .Author }}</p> */}} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</article> |
|||
@ -0,0 +1,13 @@ |
|||
<div class="relative w-100 mb4 bg-white nested-copy-line-height"> |
|||
<div class="bg-white mb3 pa4 gray overflow-hidden"> |
|||
<span class="f6 db">{{ humanize .Section }}</span> |
|||
<h1 class="f3 near-black"> |
|||
<a href="{{ .URL }}" class="link black dim"> |
|||
{{ .Title }} |
|||
</a> |
|||
</h1> |
|||
<div class="nested-links f5 lh-copy nested-copy-line-height"> |
|||
{{ .Summary }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1 @@ |
|||
<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.765,50.32h6.744V33.998h4.499l0.596-5.624h-5.095 l0.007-2.816c0-1.466,0.14-2.253,2.244-2.253h2.812V17.68h-4.5c-5.405,0-7.307,2.729-7.307,7.317v3.377h-3.369v5.625h3.369V50.32z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;"/></svg> |
|||
|
After Width: | Height: | Size: 963 B |
|
After Width: | Height: | Size: 651 B |
@ -0,0 +1 @@ |
|||
<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M42.271,26.578v-0.006c0.502,0,1.005,0.01,1.508-0.002 c0.646-0.017,1.172-0.57,1.172-1.217c0-0.963,0-1.927,0-2.89c0-0.691-0.547-1.24-1.236-1.241c-0.961,0-1.922-0.001-2.883,0 c-0.688,0.001-1.236,0.552-1.236,1.243c-0.001,0.955-0.004,1.91,0.003,2.865c0.001,0.143,0.028,0.291,0.073,0.426 c0.173,0.508,0.639,0.82,1.209,0.823C41.344,26.579,41.808,26.578,42.271,26.578z M33,27.817c-3.384-0.002-6.135,2.721-6.182,6.089 c-0.049,3.46,2.72,6.201,6.04,6.272c3.454,0.074,6.248-2.686,6.321-6.043C39.254,30.675,36.462,27.815,33,27.817z M21.046,31.116 v0.082c0,4.515-0.001,9.03,0,13.545c0,0.649,0.562,1.208,1.212,1.208c7.16,0.001,14.319,0.001,21.479,0 c0.656,0,1.215-0.557,1.215-1.212c0.001-4.509,0-9.02,0-13.528v-0.094h-2.912c0.411,1.313,0.537,2.651,0.376,4.014 c-0.161,1.363-0.601,2.631-1.316,3.803s-1.644,2.145-2.779,2.918c-2.944,2.006-6.821,2.182-9.946,0.428 c-1.579-0.885-2.819-2.12-3.685-3.713c-1.289-2.373-1.495-4.865-0.739-7.451C22.983,31.116,22.021,31.116,21.046,31.116z M45.205,49.255c0.159-0.026,0.318-0.049,0.475-0.083c1.246-0.265,2.264-1.304,2.508-2.557c0.025-0.137,0.045-0.273,0.067-0.409 V21.794c-0.021-0.133-0.04-0.268-0.065-0.401c-0.268-1.367-1.396-2.428-2.78-2.618c-0.058-0.007-0.113-0.02-0.17-0.03H20.761 c-0.147,0.027-0.296,0.047-0.441,0.08c-1.352,0.308-2.352,1.396-2.545,2.766c-0.008,0.057-0.02,0.114-0.029,0.171V46.24 c0.028,0.154,0.05,0.311,0.085,0.465c0.299,1.322,1.427,2.347,2.77,2.52c0.064,0.008,0.13,0.021,0.195,0.03H45.205z M33,64 C16.432,64,3,50.569,3,34S16.432,4,33,4s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:{{ .fill }};"/></svg> |
|||
|
After Width: | Height: | Size: 875 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 496 B |
@ -0,0 +1 @@ |
|||
<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M37.167,22.283c-2.619,0.953-4.274,3.411-4.086,6.101 l0.063,1.038l-1.048-0.127c-3.813-0.487-7.145-2.139-9.974-4.915l-1.383-1.377l-0.356,1.017c-0.754,2.267-0.272,4.661,1.299,6.271 c0.838,0.89,0.649,1.017-0.796,0.487c-0.503-0.169-0.943-0.296-0.985-0.233c-0.146,0.149,0.356,2.076,0.754,2.839 c0.545,1.06,1.655,2.097,2.871,2.712l1.027,0.487l-1.215,0.021c-1.173,0-1.215,0.021-1.089,0.467 c0.419,1.377,2.074,2.839,3.918,3.475l1.299,0.444l-1.131,0.678c-1.676,0.976-3.646,1.526-5.616,1.568 C19.775,43.256,19,43.341,19,43.405c0,0.211,2.557,1.397,4.044,1.864c4.463,1.377,9.765,0.783,13.746-1.568 c2.829-1.673,5.657-5,6.978-8.221c0.713-1.716,1.425-4.851,1.425-6.354c0-0.975,0.063-1.102,1.236-2.267 c0.692-0.678,1.341-1.419,1.467-1.631c0.21-0.403,0.188-0.403-0.88-0.043c-1.781,0.636-2.033,0.551-1.152-0.402 c0.649-0.678,1.425-1.907,1.425-2.267c0-0.063-0.314,0.042-0.671,0.233c-0.377,0.212-1.215,0.53-1.844,0.72l-1.131,0.361l-1.027-0.7 c-0.566-0.381-1.361-0.805-1.781-0.932C39.766,21.902,38.131,21.944,37.167,22.283z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4 s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:{{ .fill }};"/></svg> |
|||
@ -0,0 +1 @@ |
|||
<svg{{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M42.527,41.34c-0.278,0-0.478,0.078-0.6,0.244 c-0.121,0.156-0.18,0.424-0.18,0.796v0.896h1.543V42.38c0-0.372-0.062-0.64-0.185-0.796C42.989,41.418,42.792,41.34,42.527,41.34z M36.509,41.309c0.234,0,0.417,0.076,0.544,0.23c0.123,0.155,0.185,0.383,0.185,0.682v4.584c0,0.286-0.053,0.487-0.153,0.611 c-0.1,0.127-0.256,0.189-0.47,0.189c-0.148,0-0.287-0.033-0.421-0.096c-0.135-0.062-0.274-0.171-0.415-0.313v-5.531 c0.119-0.122,0.239-0.213,0.36-0.271C36.26,41.335,36.383,41.309,36.509,41.309z M41.748,44.658v1.672 c0,0.468,0.057,0.792,0.17,0.974c0.118,0.181,0.313,0.269,0.592,0.269c0.289,0,0.491-0.076,0.606-0.229 c0.114-0.153,0.175-0.489,0.175-1.013v-0.405h1.795v0.456c0,0.911-0.217,1.596-0.657,2.059c-0.435,0.459-1.089,0.687-1.958,0.687 c-0.781,0-1.398-0.242-1.847-0.731c-0.448-0.486-0.676-1.157-0.676-2.014v-3.986c0-0.768,0.249-1.398,0.742-1.882 c0.493-0.484,1.128-0.727,1.911-0.727c0.799,0,1.413,0.225,1.843,0.674c0.429,0.448,0.642,1.093,0.642,1.935v2.264H41.748z M38.623,48.495c-0.271,0.336-0.669,0.501-1.187,0.501c-0.343,0-0.646-0.062-0.912-0.192c-0.267-0.129-0.519-0.327-0.746-0.601 v0.681h-1.764V36.852h1.764v3.875c0.237-0.27,0.485-0.478,0.748-0.616c0.267-0.143,0.534-0.212,0.805-0.212 c0.554,0,0.975,0.189,1.265,0.565c0.294,0.379,0.438,0.933,0.438,1.66v4.926C39.034,47.678,38.897,48.159,38.623,48.495z M30.958,48.884v-0.976c-0.325,0.361-0.658,0.636-1.009,0.822c-0.349,0.191-0.686,0.282-1.014,0.282 c-0.405,0-0.705-0.129-0.913-0.396c-0.201-0.266-0.305-0.658-0.305-1.189v-7.422h1.744v6.809c0,0.211,0.037,0.362,0.107,0.457 c0.077,0.095,0.196,0.141,0.358,0.141c0.128,0,0.292-0.062,0.488-0.188c0.197-0.125,0.375-0.283,0.542-0.475v-6.744h1.744v8.878 H30.958z M24.916,38.6v10.284h-1.968V38.6h-2.034v-1.748h6.036V38.6H24.916z M32.994,32.978c0-0.001,12.08,0.018,13.514,1.45 c1.439,1.435,1.455,8.514,1.455,8.555c0,0-0.012,7.117-1.455,8.556C45.074,52.969,32.994,53,32.994,53s-12.079-0.031-13.516-1.462 c-1.438-1.435-1.441-8.502-1.441-8.556c0-0.041,0.004-7.12,1.441-8.555C20.916,32.996,32.994,32.977,32.994,32.978z M42.52,29.255 h-1.966v-1.08c-0.358,0.397-0.736,0.703-1.13,0.909c-0.392,0.208-0.771,0.312-1.14,0.312c-0.458,0-0.797-0.146-1.027-0.437 c-0.229-0.291-0.345-0.727-0.345-1.311v-8.172h1.962v7.497c0,0.231,0.045,0.399,0.127,0.502c0.08,0.104,0.216,0.156,0.399,0.156 c0.143,0,0.327-0.069,0.548-0.206c0.22-0.137,0.423-0.312,0.605-0.527v-7.422h1.966V29.255z M31.847,27.588 c0.139,0.147,0.339,0.219,0.6,0.219c0.266,0,0.476-0.075,0.634-0.223c0.157-0.152,0.235-0.358,0.235-0.618v-5.327 c0-0.214-0.08-0.387-0.241-0.519c-0.16-0.131-0.37-0.196-0.628-0.196c-0.241,0-0.435,0.065-0.586,0.196 c-0.148,0.132-0.225,0.305-0.225,0.519v5.327C31.636,27.233,31.708,27.439,31.847,27.588z M30.408,19.903 c0.528-0.449,1.241-0.674,2.132-0.674c0.812,0,1.48,0.237,2.001,0.711c0.517,0.473,0.777,1.083,0.777,1.828v5.051 c0,0.836-0.255,1.491-0.762,1.968c-0.513,0.476-1.212,0.714-2.106,0.714c-0.858,0-1.547-0.246-2.064-0.736 c-0.513-0.492-0.772-1.152-0.772-1.983v-5.068C29.613,20.954,29.877,20.351,30.408,19.903z M24.262,16h-2.229l2.634,8.003v5.252 h2.213v-5.5L29.454,16h-2.25l-1.366,5.298h-0.139L24.262,16z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4s30,13.431,30,30 S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:{{ .fill }};"/></svg> |
|||
@ -0,0 +1,9 @@ |
|||
<ul class="pa0"> |
|||
{{ range .Params.tags }} |
|||
<li class="list"> |
|||
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="link f5 grow no-underline br-pill ba ph3 pv2 mb2 dib black sans-serif"> |
|||
{{- . -}} |
|||
</a> |
|||
</li> |
|||
{{ end }} |
|||
</ul> |
|||
@ -0,0 +1,21 @@ |
|||
{{ define "main" }} |
|||
{{/* |
|||
This template is the same as the default and is here to demonstrate that if you have a content directory called "post" you can create a layouts directory, just for that section. |
|||
*/}} |
|||
<article class="pa3 pa4-ns nested-copy-line-height nested-img"> |
|||
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"> |
|||
{{ .Content }} |
|||
</main> |
|||
<section class="flex-ns flex-wrap justify-around mt5"> |
|||
{{ range .Paginator.Pages }} |
|||
<div class="relative w-100 w-30-l mb4 bg-white"> |
|||
{{/* |
|||
Note we can use `.Render` here for items just in this section, instead of a partial to pull in items for the list page. https://gohugo.io/functions/render/ |
|||
*/}} |
|||
{{ .Render "summary" }} |
|||
</div> |
|||
{{ end }} |
|||
</section> |
|||
{{ template "_internal/pagination.html" . }} |
|||
</article> |
|||
{{ end }} |
|||
@ -0,0 +1,19 @@ |
|||
<article class="bb b--black-10"> |
|||
<a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}"> |
|||
<div class="flex flex-column flex-row-ns"> |
|||
{{ if .Params.featured_image }} |
|||
<div class="pr3-ns mb4 mb0-ns w-100 w-40-ns"> |
|||
<img src="{{ .Params.featured_image }}" class="db" alt="image from {{ .Title }}"> |
|||
</div> |
|||
{{ end }} |
|||
<div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}"> |
|||
<h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1> |
|||
<div class="f6 f5-l lh-copy nested-copy-line-height"> |
|||
{{ .Summary }} |
|||
</div> |
|||
{{/* TODO: add author |
|||
<p class="f6 lh-copy mv0">By {{ .Author }}</p> */}} |
|||
</div> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
@ -0,0 +1,15 @@ |
|||
<div class="mb3 pa4 mid-gray overflow-hidden"> |
|||
{{ if .Date }} |
|||
<div class="f6"> |
|||
{{ .Date.Format "January 2, 2006" }} |
|||
</div> |
|||
{{ end }} |
|||
<h1 class="f3 near-black"> |
|||
<a href="{{ .URL }}" class="link black dim"> |
|||
{{ .Title }} |
|||
</a> |
|||
</h1> |
|||
<div class="nested-links f5 lh-copy nested-copy-line-height"> |
|||
{{ .Summary }} |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,7 @@ |
|||
User-agent: * |
|||
# robotstxt.org - if ENV production variable is false robots will be disallowed. |
|||
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }} |
|||
Disallow: |
|||
{{ else }} |
|||
Disallow: / |
|||
{{ end }} |
|||
@ -0,0 +1,20 @@ |
|||
{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }} |
|||
{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }} |
|||
|
|||
<form class="black-80 sans-serif" accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form"> |
|||
|
|||
<label class="{{ $.Scratch.Get "labelClasses" }}" for="name">Your Name</label> |
|||
<input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="name"/> |
|||
|
|||
<label class="{{ $.Scratch.Get "labelClasses" }}" for="email">Email Address</label> |
|||
<input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="email"/> |
|||
<div class="requirements f6 gray glow i ph3 overflow-hidden"> |
|||
An email address is required. |
|||
</div> |
|||
|
|||
<label class="{{ $.Scratch.Get "labelClasses" }}" for="message">Message</label> |
|||
<textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea> |
|||
|
|||
<input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-blck bg-animate bg-black" type="submit" value="Send" /> |
|||
|
|||
</form> |
|||
@ -0,0 +1,20 @@ |
|||
{ |
|||
"name": "gohugo-default-theme", |
|||
"version": "1.0.0", |
|||
"description": "Base Theme to start Hugo Sites", |
|||
"main": "index.js", |
|||
"repository": { |
|||
"type": "git", |
|||
"url": "git+https://github.com/theNewDynamic/thenewdynamic.com.git" |
|||
}, |
|||
"keywords": [ |
|||
"hugo", |
|||
"gohugo" |
|||
], |
|||
"author": "budparr", |
|||
"license": "MIT", |
|||
"bugs": { |
|||
"url": "https://github.com/theNewDynamic/thenewdynamic.com/issues" |
|||
}, |
|||
"homepage": "https://github.com/theNewDynamic/thenewdynamic.com#readme" |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
pre, .pre { |
|||
overflow-x: auto; |
|||
overflow-y: hidden; |
|||
overflow: scroll; |
|||
} |
|||
|
|||
|
|||
pre code { |
|||
display: block; |
|||
padding: 1.5em 1.5em; |
|||
white-space: pre; |
|||
font-size: .875rem; |
|||
line-height: 2; |
|||
|
|||
} |
|||
|
|||
pre { |
|||
background-color: #222; |
|||
color: #ddd; |
|||
white-space: pre; |
|||
|
|||
hyphens: none; |
|||
position: relative; |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
/* pagination.html: https://github.com/spf13/hugo/blob/master/tpl/tplimpl/template_embedded.go#L117 */ |
|||
.pagination { |
|||
margin: 3rem 0; |
|||
} |
|||
|
|||
.pagination li { |
|||
display: inline-block; |
|||
margin-right: .375rem; |
|||
font-size: .875rem; |
|||
margin-bottom: 2.5em; |
|||
} |
|||
.pagination li a { |
|||
padding: .5rem .625rem; |
|||
background-color: white; |
|||
color: #333; |
|||
border: 1px solid #ddd; |
|||
border-radius: 3px; |
|||
text-decoration: none; |
|||
} |
|||
.pagination li.disabled { |
|||
display: none; |
|||
} |
|||
.pagination li.active a:link, |
|||
.pagination li.active a:active, |
|||
.pagination li.active a:visited { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
#TableOfContents ul li { |
|||
margin-bottom: 1em; |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .linkedin, .medium { |
|||
fill: #BABABA; |
|||
} |
|||
|
|||
.new-window { |
|||
opacity: 0; |
|||
display: inline-block; |
|||
vertical-align: top; |
|||
} |
|||
.link-transition:hover .new-window{ |
|||
opacity: 1; |
|||
} |
|||
|
|||
.facebook:hover { |
|||
fill: #3b5998; |
|||
} |
|||
|
|||
.twitter:hover { |
|||
fill: #1da1f2; |
|||
} |
|||
|
|||
.instagram:hover { |
|||
fill: #e1306c; |
|||
} |
|||
|
|||
.youtube:hover { |
|||
fill: #cd201f; |
|||
} |
|||
|
|||
.github:hover { |
|||
fill: #6cc644; |
|||
} |
|||
|
|||
.gitlab:hover { |
|||
fill: #FC6D26; |
|||
} |
|||
|
|||
.linkedin:hover { |
|||
fill: #0077b5 |
|||
} |
|||
|
|||
.medium:hover { |
|||
fill: #0077b5 |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
/* Put your custom styles here and run `npm start` from the "src" directory on */ |
|||
|
|||
#TableOfContents ul li { |
|||
margin-bottom: 1em; |
|||
} |
|||
@ -0,0 +1,94 @@ |
|||
/*! TACHYONS v4.9.1 | http://tachyons.io */ |
|||
|
|||
/* |
|||
* |
|||
* ________ ______ |
|||
* ___ __/_____ _________ /______ ______________________ |
|||
* __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ |
|||
* _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) |
|||
* /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ |
|||
* /____/ |
|||
* |
|||
* TABLE OF CONTENTS |
|||
* |
|||
* 1. External Library Includes |
|||
* - Normalize.css | http://normalize.css.github.io |
|||
* 2. Tachyons Modules |
|||
* 3. Variables |
|||
* - Media Queries |
|||
* - Colors |
|||
* 4. Debugging |
|||
* - Debug all |
|||
* - Debug children |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/* External Library Includes */ |
|||
@import 'tachyons/src/_normalize'; |
|||
|
|||
|
|||
/* Modules */ |
|||
@import 'tachyons/src/_box-sizing'; |
|||
@import 'tachyons/src/_aspect-ratios'; |
|||
@import 'tachyons/src/_images'; |
|||
@import 'tachyons/src/_background-size'; |
|||
@import 'tachyons/src/_background-position'; |
|||
@import 'tachyons/src/_outlines'; |
|||
@import 'tachyons/src/_borders'; |
|||
@import 'tachyons/src/_border-colors'; |
|||
@import 'tachyons/src/_border-radius'; |
|||
@import 'tachyons/src/_border-style'; |
|||
@import 'tachyons/src/_border-widths'; |
|||
@import 'tachyons/src/_box-shadow'; |
|||
@import 'tachyons/src/_code'; |
|||
@import 'tachyons/src/_coordinates'; |
|||
@import 'tachyons/src/_clears'; |
|||
@import 'tachyons/src/_display'; |
|||
@import 'tachyons/src/_flexbox'; |
|||
@import 'tachyons/src/_floats'; |
|||
@import 'tachyons/src/_font-family'; |
|||
@import 'tachyons/src/_font-style'; |
|||
@import 'tachyons/src/_font-weight'; |
|||
@import 'tachyons/src/_forms'; |
|||
@import 'tachyons/src/_heights'; |
|||
@import 'tachyons/src/_letter-spacing'; |
|||
@import 'tachyons/src/_line-height'; |
|||
@import 'tachyons/src/_links'; |
|||
@import 'tachyons/src/_lists'; |
|||
@import 'tachyons/src/_max-widths'; |
|||
@import 'tachyons/src/_widths'; |
|||
@import 'tachyons/src/_overflow'; |
|||
@import 'tachyons/src/_position'; |
|||
@import 'tachyons/src/_opacity'; |
|||
@import 'tachyons/src/_rotations'; |
|||
@import 'tachyons/src/_skins'; |
|||
@import 'tachyons/src/_skins-pseudo'; |
|||
@import 'tachyons/src/_spacing'; |
|||
@import 'tachyons/src/_negative-margins'; |
|||
@import 'tachyons/src/_tables'; |
|||
@import 'tachyons/src/_text-decoration'; |
|||
@import 'tachyons/src/_text-align'; |
|||
@import 'tachyons/src/_text-transform'; |
|||
@import 'tachyons/src/_type-scale'; |
|||
@import 'tachyons/src/_typography'; |
|||
@import 'tachyons/src/_utilities'; |
|||
@import 'tachyons/src/_visibility'; |
|||
@import 'tachyons/src/_white-space'; |
|||
@import 'tachyons/src/_vertical-align'; |
|||
@import 'tachyons/src/_hovers'; |
|||
@import 'tachyons/src/_z-index'; |
|||
@import 'tachyons/src/_nested'; |
|||
@import 'tachyons/src/_styles'; |
|||
|
|||
/* Variables */ |
|||
/* Importing here will allow you to override any variables in the modules */ |
|||
@import 'tachyons/src/_colors'; |
|||
@import 'tachyons/src/_media-queries'; |
|||
|
|||
/* Debugging */ |
|||
/* @import 'tachyons/src/_debug-children'; |
|||
@import 'tachyons/src/_debug-grid'; */ |
|||
|
|||
/* Uncomment out the line below to help debug layout issues */ |
|||
/* @import 'tachyons/src/_debug'; */ |
|||
@ -0,0 +1,5 @@ |
|||
@import '_tachyons'; |
|||
@import '_code'; |
|||
@import '_hugo-internal-templates'; |
|||
@import '_social-icons'; |
|||
@import '_styles'; |
|||
@ -0,0 +1,8 @@ |
|||
module.exports = { |
|||
plugins: { |
|||
'postcss-import': {}, |
|||
'postcss-cssnext': { |
|||
browsers: ['last 2 versions', '> 5%'], |
|||
} |
|||
} |
|||
}; |
|||
@ -0,0 +1,16 @@ |
|||
import styles from './../css/main.css'; |
|||
|
|||
|
|||
// NOTE: TO use Jquery, just call the modules you want
|
|||
// var $ = require('jquery/src/core');
|
|||
// require('jquery/src/core/init');
|
|||
// require('jquery/src/manipulation');
|
|||
|
|||
// OR, use all of them
|
|||
// var $ = require('jquery/src/jquery');
|
|||
|
|||
// And write your code
|
|||
// $('body').append('<p>Jquery is working</p>');
|
|||
//
|
|||
// You can also "require" any script from its location in the node modules folder. Webpack often knows what to look for, but you can add a script directly like this:
|
|||
// var javascriptthingy = require('name/folder/file.js');
|
|||
File diff suppressed because it is too large
@ -0,0 +1,33 @@ |
|||
{ |
|||
"name": "gohugo-default-styles", |
|||
"version": "1.0.0", |
|||
"description": "Default Theme for Hugo Sites", |
|||
"main": "index.js", |
|||
"repository": "", |
|||
"author": "budparr", |
|||
"license": "MIT", |
|||
"scripts": { |
|||
"build:production": "rm -rf ../static/dist && webpack -p", |
|||
"build": "webpack --progress --colors --watch", |
|||
"start": "npm run build" |
|||
}, |
|||
"devDependencies": { |
|||
"assets-webpack-plugin": "^3.5.1", |
|||
"babel-core": "^6.24.1", |
|||
"babel-loader": "^7.0.0", |
|||
"babel-preset-env": "^1.4.0", |
|||
"css-loader": "^0.28.0", |
|||
"cssnano": "^3.10.0", |
|||
"extract-text-webpack-plugin": "^2.1.0", |
|||
"file-loader": "^0.11.1", |
|||
"jquery": "^3.2.1", |
|||
"postcss": "^5.2.16", |
|||
"postcss-cssnext": "^2.10.0", |
|||
"postcss-import": "^9.1.0", |
|||
"postcss-loader": "^1.3.3", |
|||
"style-loader": "^0.16.1", |
|||
"tachyons": "^4.9.1", |
|||
"webpack": "^2.3.3" |
|||
}, |
|||
"dependencies": {} |
|||
} |
|||
@ -0,0 +1,39 @@ |
|||
## Welcome to the SRC folder for the Gohugo Ananke Theme. |
|||
|
|||
The contents of this folder are used to generate CSS and javascript. You may never have to touch anything here, unless you want to more deeply customize your styles. |
|||
|
|||
## Tools |
|||
|
|||
### Yarn |
|||
|
|||
We use [Yarn](https://yarnpkg.com) for package managment (instead of NPM) because it's fast and generates a lock file to make dependency management more consistent. The theme's `.gitignore` file should be kept intact to make sure that all files in the `node_modules` folder are not pushed to the repository. |
|||
|
|||
### Webpack |
|||
|
|||
We use Webpack to manage our asset pipeline. Arguably, Webpack is overkill for this use-case, but we're using it here because once it's set up (which we've done for you), it's really easy to use. If you want to use an external script, just add it via Yarn, and reference it in main.js. You'll find instructions in the js/main.js file. |
|||
|
|||
### PostCSS |
|||
PostCSS is just CSS. You'll find `postcss.config.js` in the css folder. There you'll find that we're using [`postcss-import`](https://github.com/postcss/postcss-import) which allows us import css files directly from the node_modules folder, [`postcss-cssnext`](http://cssnext.io/features/) which gives us the power to use upcoming CSS features today. If you miss Sass you can find PostCss modules for those capabilities, too. |
|||
|
|||
|
|||
### Tachyons |
|||
|
|||
This theme uses the [Tachyons CSS Library](http://tachyons.io/). It's about 15kb gzipped, highly modular, and each class is atomic so you never have to worry about overwriting your styles. It's a great library for themes because you can make most all the style changes you need right in your layouts. |
|||
|
|||
## How to Use |
|||
|
|||
You'll find the commands to run in `src/package.json`. |
|||
|
|||
For development, you'll need Node and Yarn installed: |
|||
|
|||
``` |
|||
$ cd themes/gohugo-theme-ananke/src/ |
|||
|
|||
$ yarn install |
|||
|
|||
$ npm start |
|||
|
|||
``` |
|||
This will process both the postcss and scripts. |
|||
|
|||
For production, instead of `npm start`, run `npm run build:production,` which will output minified versions of your files. |
|||
@ -0,0 +1,57 @@ |
|||
var path = require('path'); |
|||
var ExtractTextPlugin = require('extract-text-webpack-plugin'); |
|||
var webpack = require('webpack'); |
|||
var AssetsPlugin = require('assets-webpack-plugin'); |
|||
|
|||
module.exports = { |
|||
entry: { |
|||
app: './js/main.js' |
|||
}, |
|||
module: { |
|||
rules: [ |
|||
{ |
|||
test: /\.js$/, |
|||
exclude: /node_modules/, |
|||
use: { |
|||
loader: 'babel-loader', |
|||
options: { |
|||
presets: ['env'] |
|||
} |
|||
} |
|||
}, |
|||
{ |
|||
test: /\.css$/, |
|||
use: ExtractTextPlugin.extract({ |
|||
fallback: 'style-loader', |
|||
use: 'css-loader?importLoaders=1!postcss-loader' |
|||
}) |
|||
} |
|||
] |
|||
}, |
|||
|
|||
output: { |
|||
path: path.join(__dirname, './../static/dist'), |
|||
filename: 'js/[name].[chunkhash].js' |
|||
}, |
|||
|
|||
resolve: { |
|||
modules: [path.resolve(__dirname, 'src'), 'node_modules'] |
|||
}, |
|||
|
|||
plugins: [ |
|||
new AssetsPlugin({ |
|||
filename: 'webpack_assets.json', |
|||
path: path.join(__dirname, '../data'), |
|||
prettyPrint: true |
|||
}), |
|||
new ExtractTextPlugin({ |
|||
filename: getPath => { |
|||
return getPath('css/[name].[contenthash].css'); |
|||
}, |
|||
allChunks: true |
|||
}) |
|||
], |
|||
watchOptions: { |
|||
watch: true |
|||
} |
|||
}; |
|||
File diff suppressed because it is too large
@ -0,0 +1,89 @@ |
|||
/******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // The module cache
|
|||
/******/ var installedModules = {}; |
|||
/******/ |
|||
/******/ // The require function
|
|||
/******/ function __webpack_require__(moduleId) { |
|||
/******/ |
|||
/******/ // Check if module is in cache
|
|||
/******/ if(installedModules[moduleId]) { |
|||
/******/ return installedModules[moduleId].exports; |
|||
/******/ } |
|||
/******/ // Create a new module (and put it into the cache)
|
|||
/******/ var module = installedModules[moduleId] = { |
|||
/******/ i: moduleId, |
|||
/******/ l: false, |
|||
/******/ exports: {} |
|||
/******/ }; |
|||
/******/ |
|||
/******/ // Execute the module function
|
|||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); |
|||
/******/ |
|||
/******/ // Flag the module as loaded
|
|||
/******/ module.l = true; |
|||
/******/ |
|||
/******/ // Return the exports of the module
|
|||
/******/ return module.exports; |
|||
/******/ } |
|||
/******/ |
|||
/******/ |
|||
/******/ // expose the modules object (__webpack_modules__)
|
|||
/******/ __webpack_require__.m = modules; |
|||
/******/ |
|||
/******/ // expose the module cache
|
|||
/******/ __webpack_require__.c = installedModules; |
|||
/******/ |
|||
/******/ // identity function for calling harmony imports with the correct context
|
|||
/******/ __webpack_require__.i = function(value) { return value; }; |
|||
/******/ |
|||
/******/ // define getter function for harmony exports
|
|||
/******/ __webpack_require__.d = function(exports, name, getter) { |
|||
/******/ if(!__webpack_require__.o(exports, name)) { |
|||
/******/ Object.defineProperty(exports, name, { |
|||
/******/ configurable: false, |
|||
/******/ enumerable: true, |
|||
/******/ get: getter |
|||
/******/ }); |
|||
/******/ } |
|||
/******/ }; |
|||
/******/ |
|||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|||
/******/ __webpack_require__.n = function(module) { |
|||
/******/ var getter = module && module.__esModule ? |
|||
/******/ function getDefault() { return module['default']; } : |
|||
/******/ function getModuleExports() { return module; }; |
|||
/******/ __webpack_require__.d(getter, 'a', getter); |
|||
/******/ return getter; |
|||
/******/ }; |
|||
/******/ |
|||
/******/ // Object.prototype.hasOwnProperty.call
|
|||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; |
|||
/******/ |
|||
/******/ // __webpack_public_path__
|
|||
/******/ __webpack_require__.p = ""; |
|||
/******/ |
|||
/******/ // Load entry module and return exports
|
|||
/******/ return __webpack_require__(__webpack_require__.s = 1); |
|||
/******/ }) |
|||
/************************************************************************/ |
|||
/******/ ([ |
|||
/* 0 */ |
|||
/***/ (function(module, exports) { |
|||
|
|||
// removed by extract-text-webpack-plugin
|
|||
|
|||
/***/ }), |
|||
/* 1 */ |
|||
/***/ (function(module, exports, __webpack_require__) { |
|||
|
|||
"use strict"; |
|||
|
|||
|
|||
var _main = __webpack_require__(0); |
|||
|
|||
var _main2 = _interopRequireDefault(_main); |
|||
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } |
|||
|
|||
/***/ }) |
|||
/******/ ]); |
|||
|
After Width: | Height: | Size: 276 KiB |
@ -0,0 +1,15 @@ |
|||
# theme.toml template for a Hugo theme |
|||
# See https://github.com/spf13/hugoThemes#themetoml for an example |
|||
|
|||
name = "Ananke Gohugo Theme" |
|||
license = "MIT" |
|||
licenselink = "https://github.com/budparr/gohugo-theme-ananke/blob/master/LICENSE.md" |
|||
description = "A Base theme for building full featured Hugo sites" |
|||
homepage = "https://github.com/budparr/gohugo-theme-ananke" |
|||
tags = ["website", "starter", "responsive", "Disqus", "blog", "Tachyons"] |
|||
features = ["posts", "shortcodes", "related content", "comments"] |
|||
min_version = 0.30.2 |
|||
|
|||
[author] |
|||
name = "Bud Parr" |
|||
homepage = "https://github.com/budparr" |
|||
Loading…
Reference in new issue