Initial commit

This commit is contained in:
Glenn 2019-10-26 00:09:08 +10:00
commit d6c3c38560
16 changed files with 293 additions and 0 deletions

4
.gitignore vendored Normal file
View File

@ -0,0 +1,4 @@
### Hugo ###
# Generated files by hugo
/public/
/resources/_gen/

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "themes/indigo"]
path = themes/indigo
url = https://github.com/AngeloStavrow/indigo.git

5
archetypes/default.md Normal file
View File

@ -0,0 +1,5 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

42
config.toml Normal file
View File

@ -0,0 +1,42 @@
baseURL = "https://caffeinated.blog/"
title = "Caffeinated Blog"
copyright = "Copyright © 2019, Glenn Rice"
languageCode = "en-US"
theme = "indigo"
paginate = 3
[params]
Author = "Glenn Rice"
Description = "Description of website for head meta tag"
Subtitle = "A subtitle for your site"
Avatar = "images/myAvatar.svg"
Biography = "A short description, a few sentences describing the author. Set the 'ShowBio' parameter to false to hide this."
ShowBio = true
PermalinkText = "🔗"
# Contact/social-network identifiers for social icons
#EmailAddress = "email.address@example.com"
#FacebookUser = "FacebookUserName"
#FlickrUser = "FlickrUserName"
GitHubUser = "glennrice"
#GitLabUser = "GitLabUserName"
#GlitchUser = "GlitchUserName"
KeybaseUser = "glennr"
#LinkedInUser = "LinkedInUserName"
#MediumUser = "MediumUserName"
#MicroBlogUser = "MicroBlogUserName"
#RedditUser = "RedditUserName"
#StackOverflowUser = "StackOverflowUserName"
#TumblrUser = "TumblrUserName"
#TwitterUser = "TwitterUserName"
# These are parameters used for indieweb identity. You should set these along
# with the above email/social network parameters.
[params.indieWeb]
#EmailAddress = "email.address@example.com"
#FlickrUser = "FlickrUserName"
GitHubUser = "glennrice"
#TwitterUser = "TwitterUserName"
MicroBlogUser = "glennr"
Country = "Australia"
#City = "CityName"

13
content/about.md Normal file
View File

@ -0,0 +1,13 @@
---
title: "About The Theme"
menu: "main"
draft: false
---
Indigo is a lightweight theme for [Hugo][hugo] with [IndieWeb][indieweb] features baked in. It's great for longer-form blogging, placing its focus on distraction-free reading and beautiful typefaces.
Read more about the theme [here][intro].
[hugo]: https://gohugo.io
[indieweb]: https://indieweb.org/
[intro]: /post/introducing-indigo

View File

@ -0,0 +1,9 @@
---
title: "Adding Page Items"
menu: "main"
draft: false
---
Indigo supports adding a simple navigation-style menu items across the top of the site. To do so, simply add a `menu: "main"` entry in your page's front matter (TOML format shown).
If no date is included in the front matter, then the published date won't be shown (as in this page).

View File

@ -0,0 +1,57 @@
---
title: "Author Bios"
date: 2018-10-01T08:00:00-04:00
draft: false
categories: ["meta"]
tags: ["options"]
---
The bottom of every page in the theme can optionally show a short biography of the site author, including a profile picture, email link, and location.
<!--more-->
## Setting up the author bio
A set of configuration options are used for displaying the biography.
```
[params]
Author = "Author Name"
Avatar = "images/site-logo.svg"
Biography = "A short description, a few sentences describing the author. Set
the 'ShowBio' parameter to false to hide this."
ShowBio = true
[params.indieWeb]
EmailAddress = "email.address@example.com"
Country = "CountryName"
City = "CityName"
```
Specifics on each setting item are as follows:
- `Author`: Your name; this is the site author name.
- `Avatar`: The path to your profile picture. By default, it will show the theme's logo (`/static/images/site-logo.svg`).
- `Biography`: Hopefully the placeholder text here is self-explanatory; add a couple of short sentences about yourself here.
- `ShowBio`: If you prefer not to show the author bio, set this to `false`. By default, it's set to `true`.
- `EmailAddress`: The email address at which you can be contacted.
- `Country`: The name of the country in which you live.
- `City`: The name of the city in which you live.
## IndieWeb features
The following classes are used to mark up the author bio for [IndieWeb][indieweb] parsing:
| Element | Class |
| :-------------- | :-------------------------- |
| The author card | `h-card` |
| Profile picture | `u-photo` |
| Author URL* | `p-name`, `u-url`, `rel=me` |
| City | `p-locality` |
| Country | `p-country-name` |
| Email address | `u-email` |
| Biography | `p-note` |
*Author URL is set to the site's base URL.
[indieweb]: https://indieweb.org

View File

@ -0,0 +1,53 @@
---
title: "Featured Typefaces"
date: 2018-10-01T08:30:00-04:00
draft: false
categories: ["meta"]
tags: ["typography"]
---
Indigo uses a combination of three beautiful typefaces to render your words.
<!--more-->
- [Fira Sans][fira-sans] for heading text
- [Charter][charter] for body text
- [Fira Code][fira-code] for monospaced text
Licenses are included in the themes `static/fonts` folder.
Have a look at a couple of paragraphs of placeholder text using the wonderfully readable Charter:
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend nulla ac elit venenatis posuere. Sed id aliquam arcu, et malesuada lectus. **Donec et dignissim massa. Pellentesque in laoreet nibh. Pellentesque sagittis, libero quis vestibulum aliquam, ante risus imperdiet magna, at ornare dolor libero quis nunc.** Donec quis tempus purus. Cras ornare magna ac facilisis tristique. Nulla aliquet purus quis massa rutrum interdum ac at magna. Cras fermentum magna id orci viverra facilisis. Ut vitae lobortis nisl.
Sed interdum tincidunt venenatis. Sed hendrerit dictum nisi, at dignissim orci consectetur quis. Aenean sed nisl et nisl placerat euismod. Proin hendrerit nulla at rhoncus molestie. Cras eu gravida erat, vestibulum ornare diam. _Praesent nunc arcu, ultrices et risus sed, dictum mattis dui. Maecenas vitae nisl at massa porta pellentesque_. Donec eget urna eget nisl imperdiet scelerisque eget a mauris. Nam fringilla sem id vehicula rhoncus. Curabitur tincidunt massa mauris, facilisis placerat odio eleifend sit amet. Etiam nec vehicula sapien, at dignissim risus. Sed elit erat, lacinia eu vulputate at, semper eu nulla. Quisque a urna sed nulla viverra egestas nec quis nunc. Curabitur iaculis elit in orci sollicitudin suscipit.
---
And code snippets look great with Fira Code:
```
<article>
<header>
{{ if .Title }}
<h2 class="list-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
{{ end }}
<p class="list-post-date">
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ .PublishDate.Format "2 January, 2006 at 15:04 MST" }}
</time>
</p>
</header>
<div>
{{ .Summary | plainify | safeHTML }}
</div>
{{ if .Truncated }}
<p><a class="read-more" href="{{ .Permalink }}">Read more &rarr;</a></p>
{{ end }}
</article>
```
[fira-sans]: https://bboxtype.com/typefaces/FiraSans/#!layout=specimen
[charter]: https://practicaltypography.com/charter.html
[fira-code]: https://github.com/tonsky/FiraCode

View File

@ -0,0 +1,85 @@
---
title: "Introducing Indigo"
date: 2018-10-01T09:00:00-04:00
draft: false
categories: ["meta"]
tags: ["typography", "indieweb"]
---
Indigo is a lightweight theme for [Hugo][hugo] with [IndieWeb][indieweb] features baked in. It's great for longer-form blogging, placing its focus on distraction-free reading and beautiful typefaces.
<!--more-->
## IndieWeb features
A key feature of this theme is its support for IndieWeb features, including microformats and web sign-in.
### Web sign-in
Indigo handles web sign-in by setting the `authorization_endpoint` to [IndieAuth.com][indieauth]:
> IndieAuth.com is part of the [IndieWeb movement][why] to take back control of your online identity. Instead of logging in to websites as "you on Twitter" or "you on Facebook", **you should be able to log in as just "you"**.
This allows you to sign in to certain services simply by providing your site's domain name.
### microformats
Indigo marks up content with appropriate [microformats][mf2], which provides semantic definitions of your content to other software. Posts are marked up with `h-entry` classes, like `p-name`, `p-author`, and `e-content`, while the author bio is marked up with `h-card` classes, including `u-photo`, `u-url`, `p-locality`/`p-country-name`, and `p-note`.
## Open typefaces
Indigo uses a combination of three beautiful typefaces to render your words.
- [Fira Sans][fira-sans] for heading text
- [Charter][charter] for body text
- [Fira Code][fira-code] for monospaced text
Licenses are included in the themes `static/fonts` folder.
Have a look at a couple of paragraphs of placeholder text using the wonderfully readable Charter:
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend nulla ac elit venenatis posuere. Sed id aliquam arcu, et malesuada lectus. **Donec et dignissim massa. Pellentesque in laoreet nibh. Pellentesque sagittis, libero quis vestibulum aliquam, ante risus imperdiet magna, at ornare dolor libero quis nunc.** Donec quis tempus purus. Cras ornare magna ac facilisis tristique. Nulla aliquet purus quis massa rutrum interdum ac at magna. Cras fermentum magna id orci viverra facilisis. Ut vitae lobortis nisl.
Sed interdum tincidunt venenatis. Sed hendrerit dictum nisi, at dignissim orci consectetur quis. Aenean sed nisl et nisl placerat euismod. Proin hendrerit nulla at rhoncus molestie. Cras eu gravida erat, vestibulum ornare diam. _Praesent nunc arcu, ultrices et risus sed, dictum mattis dui. Maecenas vitae nisl at massa porta pellentesque_. Donec eget urna eget nisl imperdiet scelerisque eget a mauris. Nam fringilla sem id vehicula rhoncus. Curabitur tincidunt massa mauris, facilisis placerat odio eleifend sit amet. Etiam nec vehicula sapien, at dignissim risus. Sed elit erat, lacinia eu vulputate at, semper eu nulla. Quisque a urna sed nulla viverra egestas nec quis nunc. Curabitur iaculis elit in orci sollicitudin suscipit.
---
And code snippets look great with Fira Code:
```
<article>
<header>
{{ if .Title }}
<h2 class="list-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
{{ end }}
<p class="list-post-date">
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}">
{{ .PublishDate.Format "2 January, 2006 at 15:04 MST" }}
</time>
</p>
</header>
<div>
{{ .Summary | plainify | safeHTML }}
</div>
{{ if .Truncated }}
<p><a class="read-more" href="{{ .Permalink }}">Read more &rarr;</a></p>
{{ end }}
</article>
```
## Contributions welcome
Indigo is distributed under the [MIT license][license], so feel free to fork the repository and make it your own! If you've got ideas on how to improve the theme, let me know by [opening an issue in GitHub](issue) — but please be sure to review the documentation on [contributing][contributing].
[hugo]: https://gohugo.io
[indieweb]: https://indieweb.org
[indieauth]: https://indieauth.com
[why]: https://indieweb.org/why
[mf2]: http://microformats.org
[fira-sans]: https://bboxtype.com/typefaces/FiraSans/#!layout=specimen
[charter]: https://practicaltypography.com/charter.html
[fira-code]: https://github.com/tonsky/FiraCode
[license]: https://github.com/AngeloStavrow/indigo/blob/master/LICENSE.md
[issue]: https://github.com/AngeloStavrow/indigo/issues
[contributing]: https://github.com/AngeloStavrow/indigo/blob/master/CONTRIBUTING.md

View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
{{ partial "head.html" . }}
<body>
<div id="sitelogo">
<a class="glyph" alt="Home" href="{{ .Site.BaseURL }}"><img src={{ "images/site-logo.png" | absURL }} alt="Site Logo" height="64px" width="64px"></a>
</div>
<header>
{{ partial "pagenav.html" . }}
{{ if not .IsPage }}
<div id="site-header">
<h1>{{ .Site.Title }}</h1>
{{ with .Site.Params.subtitle }}
<p>
{{ . }}
</p>
{{ end }}
</div>
{{ end }}
</header>

BIN
static/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 753 B

BIN
static/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 60 KiB

BIN
static/images/site-logo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

1
themes/indigo Submodule

@ -0,0 +1 @@
Subproject commit ddc70020be6a8b8e27c99fbe830bc2f6526cd201