zola!
This commit is contained in:
carpetscheme
parent
18b8836b7f
commit
379076c2d6
42
.gitignore
vendored
42
.gitignore
vendored
|
|
@ -1,42 +1,2 @@
|
||||||
# Ignore docs files
|
public
|
||||||
_gh_pages
|
|
||||||
_site
|
|
||||||
.sass-cache
|
|
||||||
Gemfile.lock
|
|
||||||
|
|
||||||
# Numerous always-ignore extensions
|
|
||||||
*.diff
|
|
||||||
*.err
|
|
||||||
*.orig
|
|
||||||
*.log
|
|
||||||
*.rej
|
|
||||||
*.swo
|
|
||||||
*.swp
|
|
||||||
*.zip
|
|
||||||
*.vi
|
|
||||||
*~
|
|
||||||
|
|
||||||
# OS or Editor folders
|
|
||||||
.DS_Store
|
|
||||||
._*
|
|
||||||
Thumbs.db
|
|
||||||
.cache
|
|
||||||
.project
|
|
||||||
.settings
|
|
||||||
.tmproj
|
|
||||||
*.esproj
|
|
||||||
nbproject
|
|
||||||
*.sublime-project
|
|
||||||
*.sublime-workspace
|
|
||||||
.idea
|
|
||||||
|
|
||||||
# Komodo
|
|
||||||
*.komodoproject
|
|
||||||
.komodotools
|
|
||||||
|
|
||||||
# grunt-html-validation
|
|
||||||
validation-status.json
|
|
||||||
validation-report.json
|
|
||||||
|
|
||||||
# Folders to ignore
|
|
||||||
node_modules
|
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
2.6.2
|
|
||||||
8
404.html
8
404.html
|
|
@ -1,8 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
title: "404: Page not found"
|
|
||||||
permalink: 404.html
|
|
||||||
---
|
|
||||||
|
|
||||||
<h1 class="page-title">404: Page not found</h1>
|
|
||||||
<p>Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ site.baseurl }}/">Head back home</a> to try finding it again.</p>
|
|
||||||
4
Gemfile
4
Gemfile
|
|
@ -1,4 +0,0 @@
|
||||||
source "https://rubygems.org"
|
|
||||||
gem 'github-pages'
|
|
||||||
gem 'jekyll-cloudinary'
|
|
||||||
gem 'disqus-for-jekyll'
|
|
||||||
30
_config.yml
30
_config.yml
|
|
@ -1,30 +0,0 @@
|
||||||
# Permalinks
|
|
||||||
permalink: pretty
|
|
||||||
|
|
||||||
# Setup
|
|
||||||
title: 'Light Speed'
|
|
||||||
url: https://lightspeed.netlify.com
|
|
||||||
tagline: 'Jekyll theme with a perfect Lighthouse score'
|
|
||||||
baseurl: ""
|
|
||||||
|
|
||||||
# Assets
|
|
||||||
#
|
|
||||||
# We specify the directory for Jekyll so we can use @imports.
|
|
||||||
sass:
|
|
||||||
sass_dir: _sass
|
|
||||||
style: :compressed
|
|
||||||
|
|
||||||
# Cloudinary
|
|
||||||
#cloudinary:
|
|
||||||
# cloud_name: your cloudinary username
|
|
||||||
|
|
||||||
# About/contact
|
|
||||||
author:
|
|
||||||
name: Bradley Taunt
|
|
||||||
url: https://twitter.com/bradtaunt
|
|
||||||
email: bradleytaunt@gmail.com
|
|
||||||
|
|
||||||
# Custom vars
|
|
||||||
version: 1.0.0
|
|
||||||
github:
|
|
||||||
repo: https://github.com/bradleytaunt/lightspeed
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
<footer role="contentinfo">
|
|
||||||
<hr>
|
|
||||||
<nav style="margin-bottom:1rem;" role="navigation">
|
|
||||||
<a href="/about">About</a>
|
|
||||||
<span>·</span>
|
|
||||||
<a href="/atom.xml">RSS</a>
|
|
||||||
<span>·</span>
|
|
||||||
<a href="https://github.com/bradleytaunt/lightspeed">Source on Github</a>
|
|
||||||
</nav>
|
|
||||||
<small>
|
|
||||||
Built with <a href="https://jekyllrb.com/">Jekyll</a> & hosted on <a href="https://netlify.com">Netlify</a>.<br>
|
|
||||||
Maintained with ♥ for the web.
|
|
||||||
</small>
|
|
||||||
</footer>
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
|
|
||||||
<title>
|
|
||||||
{% if page.title == "Home" %}
|
|
||||||
{{ site.title }} · {{ site.tagline }}
|
|
||||||
{% else %}
|
|
||||||
{{ page.title }} · {{ site.title }}
|
|
||||||
{% endif %}
|
|
||||||
</title>
|
|
||||||
{% if page.description %}
|
|
||||||
<meta name="description" content="{{ page.description }}">
|
|
||||||
{% endif %}
|
|
||||||
<link rel="shortcut icon" href="{{ site.baseurl }}/public/favicon.ico">
|
|
||||||
<link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml">
|
|
||||||
<style>html,body{background:#fffaf7;color:#2d2d2d;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}a,a:visited{color:darkred;text-decoration:none;}a:hover{text-decoration:underline;}main{margin:auto;max-width:38rem;padding:0.8rem;}pre{background:white;overflow:scroll;padding:1rem;}td{border:1px solid #2d2d2d;padding:10px;}img{height:auto;max-width:100%;}@media(max-width:38rem){.homepage-list li a{width:100%;}}</style>
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
<header role="banner">
|
|
||||||
<h3 style="margin-top:0;">
|
|
||||||
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
|
|
||||||
<br><small>{{ site.tagline }}</small>
|
|
||||||
</h3>
|
|
||||||
</header>
|
|
||||||
<hr>
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
{% include head.html %}
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<main id="main" role="main">
|
|
||||||
{% include header.html %}
|
|
||||||
{{ content }}
|
|
||||||
{% include footer.html %}
|
|
||||||
</main>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<h1>{{ page.title }}</h1>
|
|
||||||
{{ content }}
|
|
||||||
</article>
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
<h1>{{ page.title }}</h1>
|
|
||||||
<p style="font-size:90%;">Posted on <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time></p>
|
|
||||||
|
|
||||||
{{ content }}
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
layout: post
|
|
||||||
title: Using the Web Icons
|
|
||||||
description: Post about using web icons
|
|
||||||
---
|
|
||||||
|
|
||||||
This template uses [Typicons][ty] web font, provided by [Fontello][fo] font bundling service. It allows you to quickly add nice icons into your pages by using css tags.
|
|
||||||
|
|
||||||
To add an icon somewhere in the template simply do:
|
|
||||||
|
|
||||||
```
|
|
||||||
<i class="icon-home"></i>
|
|
||||||
```
|
|
||||||
|
|
||||||
This will insert a home icon, just as the one seen in the sidebar. The available class names you can use are as follows:
|
|
||||||
|
|
||||||
These should work in all the browsers, all the way down to and including IE7, but not IE6.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
[ty]: http://typicons.com/
|
|
||||||
[fo]: http://fontello.com/
|
|
||||||
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
---
|
|
||||||
layout: post
|
|
||||||
title: Code Snippets
|
|
||||||
description: Post about code snippets
|
|
||||||
---
|
|
||||||
|
|
||||||
Whenever you need to post a code snippet, use the liquid tags `hilight` and `endhilight` like this:
|
|
||||||
|
|
||||||
```
|
|
||||||
# some code goes here
|
|
||||||
puts "Hello World!"
|
|
||||||
```
|
|
||||||
|
|
||||||
Note that this only provides color-coding. For that you might need to use a front end colorization engine like Highlight.JS or something similar.
|
|
||||||
|
|
@ -1,239 +0,0 @@
|
||||||
---
|
|
||||||
layout: post
|
|
||||||
title: Example of all elements
|
|
||||||
description: Post showcasing all elements
|
|
||||||
---
|
|
||||||
|
|
||||||
# h1 Heading
|
|
||||||
## h2 Heading
|
|
||||||
### h3 Heading
|
|
||||||
#### h4 Heading
|
|
||||||
##### h5 Heading
|
|
||||||
###### h6 Heading
|
|
||||||
|
|
||||||
|
|
||||||
## Horizontal Rules
|
|
||||||
|
|
||||||
___
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
***
|
|
||||||
|
|
||||||
|
|
||||||
## Typographic replacements
|
|
||||||
|
|
||||||
Enable typographer option to see result.
|
|
||||||
|
|
||||||
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
|
|
||||||
|
|
||||||
test.. test... test..... test?..... test!....
|
|
||||||
|
|
||||||
!!!!!! ???? ,, -- ---
|
|
||||||
|
|
||||||
"Smartypants, double quotes" and 'single quotes'
|
|
||||||
|
|
||||||
|
|
||||||
## Emphasis
|
|
||||||
|
|
||||||
**This is bold text**
|
|
||||||
|
|
||||||
__This is bold text__
|
|
||||||
|
|
||||||
*This is italic text*
|
|
||||||
|
|
||||||
_This is italic text_
|
|
||||||
|
|
||||||
~~Strikethrough~~
|
|
||||||
|
|
||||||
|
|
||||||
## Blockquotes
|
|
||||||
|
|
||||||
|
|
||||||
> Blockquotes can also be nested...
|
|
||||||
>> ...by using additional greater-than signs right next to each other...
|
|
||||||
> > > ...or with spaces between arrows.
|
|
||||||
|
|
||||||
|
|
||||||
## Lists
|
|
||||||
|
|
||||||
Unordered
|
|
||||||
|
|
||||||
+ Create a list by starting a line with `+`, `-`, or `*`
|
|
||||||
+ Sub-lists are made by indenting 2 spaces:
|
|
||||||
- Marker character change forces new list start:
|
|
||||||
* Ac tristique libero volutpat at
|
|
||||||
+ Facilisis in pretium nisl aliquet
|
|
||||||
- Nulla volutpat aliquam velit
|
|
||||||
+ Very easy!
|
|
||||||
|
|
||||||
Ordered
|
|
||||||
|
|
||||||
1. Lorem ipsum dolor sit amet
|
|
||||||
2. Consectetur adipiscing elit
|
|
||||||
3. Integer molestie lorem at massa
|
|
||||||
|
|
||||||
|
|
||||||
1. You can use sequential numbers...
|
|
||||||
1. ...or keep all the numbers as `1.`
|
|
||||||
|
|
||||||
Start numbering with offset:
|
|
||||||
|
|
||||||
57. foo
|
|
||||||
1. bar
|
|
||||||
|
|
||||||
|
|
||||||
## Code
|
|
||||||
|
|
||||||
Inline `code`
|
|
||||||
|
|
||||||
Indented code
|
|
||||||
|
|
||||||
// Some comments
|
|
||||||
line 1 of code
|
|
||||||
line 2 of code
|
|
||||||
line 3 of code
|
|
||||||
|
|
||||||
|
|
||||||
Block code "fences"
|
|
||||||
|
|
||||||
```
|
|
||||||
Sample text here...
|
|
||||||
```
|
|
||||||
|
|
||||||
Syntax highlighting
|
|
||||||
|
|
||||||
``` js
|
|
||||||
var foo = function (bar) {
|
|
||||||
return bar++;
|
|
||||||
};
|
|
||||||
|
|
||||||
console.log(foo(5));
|
|
||||||
```
|
|
||||||
|
|
||||||
## Tables
|
|
||||||
|
|
||||||
| Option | Description |
|
|
||||||
| ------ | ----------- |
|
|
||||||
| data | path to data files to supply the data that will be passed into templates. |
|
|
||||||
| engine | engine to be used for processing templates. Handlebars is the default. |
|
|
||||||
| ext | extension to be used for dest files. |
|
|
||||||
|
|
||||||
Right aligned columns
|
|
||||||
|
|
||||||
| Option | Description |
|
|
||||||
| ------:| -----------:|
|
|
||||||
| data | path to data files to supply the data that will be passed into templates. |
|
|
||||||
| engine | engine to be used for processing templates. Handlebars is the default. |
|
|
||||||
| ext | extension to be used for dest files. |
|
|
||||||
|
|
||||||
|
|
||||||
## Links
|
|
||||||
|
|
||||||
[link text](http://dev.nodeca.com)
|
|
||||||
|
|
||||||
[link with title](http://nodeca.github.io/pica/demo/ "title text!")
|
|
||||||
|
|
||||||
Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
|
|
||||||
|
|
||||||
|
|
||||||
## Images
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Like links, Images also have a footnote style syntax
|
|
||||||
|
|
||||||
![Alt text][id]
|
|
||||||
|
|
||||||
With a reference later in the document defining the URL location:
|
|
||||||
|
|
||||||
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
|
|
||||||
|
|
||||||
|
|
||||||
## Plugins
|
|
||||||
|
|
||||||
The killer feature of `markdown-it` is very effective support of
|
|
||||||
[syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin).
|
|
||||||
|
|
||||||
|
|
||||||
### [Emojies](https://github.com/markdown-it/markdown-it-emoji)
|
|
||||||
|
|
||||||
> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
|
|
||||||
>
|
|
||||||
> Shortcuts (emoticons): :-) :-( 8-) ;)
|
|
||||||
|
|
||||||
see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji.
|
|
||||||
|
|
||||||
|
|
||||||
### [Subscript](https://github.com/markdown-it/markdown-it-sub) / [Superscript](https://github.com/markdown-it/markdown-it-sup)
|
|
||||||
|
|
||||||
- 19^th^
|
|
||||||
- H~2~O
|
|
||||||
|
|
||||||
|
|
||||||
### [\<ins>](https://github.com/markdown-it/markdown-it-ins)
|
|
||||||
|
|
||||||
++Inserted text++
|
|
||||||
|
|
||||||
|
|
||||||
### [\<mark>](https://github.com/markdown-it/markdown-it-mark)
|
|
||||||
|
|
||||||
==Marked text==
|
|
||||||
|
|
||||||
|
|
||||||
### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
|
|
||||||
|
|
||||||
Footnote 1 link[^first].
|
|
||||||
|
|
||||||
Footnote 2 link[^second].
|
|
||||||
|
|
||||||
Inline footnote^[Text of inline footnote] definition.
|
|
||||||
|
|
||||||
Duplicated footnote reference[^second].
|
|
||||||
|
|
||||||
[^first]: Footnote **can have markup**
|
|
||||||
|
|
||||||
and multiple paragraphs.
|
|
||||||
|
|
||||||
[^second]: Footnote text.
|
|
||||||
|
|
||||||
|
|
||||||
### [Definition lists](https://github.com/markdown-it/markdown-it-deflist)
|
|
||||||
|
|
||||||
Term 1
|
|
||||||
|
|
||||||
: Definition 1
|
|
||||||
with lazy continuation.
|
|
||||||
|
|
||||||
Term 2 with *inline markup*
|
|
||||||
|
|
||||||
: Definition 2
|
|
||||||
|
|
||||||
{ some code, part of Definition 2 }
|
|
||||||
|
|
||||||
Third paragraph of definition 2.
|
|
||||||
|
|
||||||
_Compact style:_
|
|
||||||
|
|
||||||
Term 1
|
|
||||||
~ Definition 1
|
|
||||||
|
|
||||||
Term 2
|
|
||||||
~ Definition 2a
|
|
||||||
~ Definition 2b
|
|
||||||
|
|
||||||
|
|
||||||
### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
|
|
||||||
|
|
||||||
This is HTML abbreviation example.
|
|
||||||
|
|
||||||
It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
|
|
||||||
|
|
||||||
*[HTML]: Hyper Text Markup Language
|
|
||||||
|
|
||||||
### [Custom containers](https://github.com/markdown-it/markdown-it-container)
|
|
||||||
|
|
||||||
::: warning
|
|
||||||
*here be dragons*
|
|
||||||
:::
|
|
||||||
28
atom.xml
28
atom.xml
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
layout: null
|
|
||||||
---
|
|
||||||
|
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
|
||||||
|
|
||||||
<title>{{ site.title }}</title>
|
|
||||||
<link href="{{ site.url }}{{ site.baseurl }}/atom.xml" rel="self"/>
|
|
||||||
<link href="{{ site.url }}{{ site.baseurl }}/"/>
|
|
||||||
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
|
||||||
<id>{{ site.url }}</id>
|
|
||||||
<author>
|
|
||||||
<name>{{ site.author.name }}</name>
|
|
||||||
<email>{{ site.author.email }}</email>
|
|
||||||
</author>
|
|
||||||
|
|
||||||
{% for post in site.posts %}
|
|
||||||
<entry>
|
|
||||||
<title>{{ post.title | xml_escape }}</title>
|
|
||||||
<link href="{{ site.url }}{{ site.baseurl }}{{ post.url }}"/>
|
|
||||||
<updated>{{ post.date | date_to_xmlschema }}</updated>
|
|
||||||
<id>{{ site.url }}{{ post.id }}</id>
|
|
||||||
<content type="html">{{ post.content | xml_escape }}</content>
|
|
||||||
</entry>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
</feed>
|
|
||||||
20
config.toml
Normal file
20
config.toml
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
base_url = "mywebsite.com"
|
||||||
|
title = "Light Speed"
|
||||||
|
description = "Zola theme with a perfect Lighthouse score"
|
||||||
|
compile_sass = true
|
||||||
|
generate_rss = true
|
||||||
|
|
||||||
|
highlight_code = true
|
||||||
|
highlight_theme = "gruvbox-light"
|
||||||
|
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
author = "Grant"
|
||||||
|
email = "Green"
|
||||||
|
|
||||||
|
footer_links = [
|
||||||
|
{url = "$BASE_URL/about", name = "About"},
|
||||||
|
{url = "$BASE_URL/rss.xml", name = "RSS"},
|
||||||
|
{url = "https://github.com/carpetscheme/lightspeed", name = "Source on Github"},
|
||||||
|
]
|
||||||
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
---
|
+++
|
||||||
layout: page
|
title = "About This Theme"
|
||||||
title: About This Theme
|
template = "about.html"
|
||||||
description: About the Lightspeed jekyll theme
|
+++
|
||||||
---
|
|
||||||
|
|
||||||
Some fun facts about the theme include:
|
Some fun facts about the theme include:
|
||||||
|
|
||||||
|
|
@ -1,8 +1,7 @@
|
||||||
---
|
+++
|
||||||
layout: post
|
title = "Hello World!"
|
||||||
title: Hello World!
|
description = "Post about hello world"
|
||||||
description: Post about hello world
|
+++
|
||||||
---
|
|
||||||
|
|
||||||
Hello World!
|
Hello World!
|
||||||
|
|
||||||
36
content/blog/2019-03-25-code-snippets.md
Normal file
36
content/blog/2019-03-25-code-snippets.md
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
+++
|
||||||
|
title = "Code Snippets"
|
||||||
|
description = "Post about code snippets"
|
||||||
|
+++
|
||||||
|
|
||||||
|
Code blocks.. with automatic syntax highlighting!
|
||||||
|
|
||||||
|
``` scala
|
||||||
|
def add(x: Int, y: Int): Int = x + y
|
||||||
|
println(add(1, 2)) // 3
|
||||||
|
```
|
||||||
|
|
||||||
|
See [the docs](https://www.getzola.org/documentation/content/syntax-highlighting/) for options.
|
||||||
|
|
||||||
|
### Shortcodes
|
||||||
|
|
||||||
|
Zola defines a few default shortcodes, including to embed a [Github gist](https://gist.github.com).
|
||||||
|
|
||||||
|
The arguments are:
|
||||||
|
|
||||||
|
- `url`: the url to the gist (mandatory)
|
||||||
|
- `file`: by default, the shortcode will pull every file from the URL unless a specific filename is requested
|
||||||
|
- `class`: a class to add to the `<div>` surrounding the iframe
|
||||||
|
|
||||||
|
Usage example:
|
||||||
|
|
||||||
|
```md
|
||||||
|
{{/* gist(url="https://gist.github.com/Keats/e5fb6aad409f28721c0ba14161644c57") */}}
|
||||||
|
|
||||||
|
{{/* gist(url="https://gist.github.com/Keats/e5fb6aad409f28721c0ba14161644c57", class="gist") */}}
|
||||||
|
```
|
||||||
|
|
||||||
|
Result example:
|
||||||
|
|
||||||
|
{{ gist(url="https://gist.github.com/Keats/e5fb6aad409f28721c0ba14161644c57") }}
|
||||||
|
|
||||||
149
content/blog/2019-03-29-example-of-all-elements.md
Normal file
149
content/blog/2019-03-29-example-of-all-elements.md
Normal file
|
|
@ -0,0 +1,149 @@
|
||||||
|
+++
|
||||||
|
title = "Example of elements"
|
||||||
|
description = "Post showcasing elements"
|
||||||
|
+++
|
||||||
|
|
||||||
|
# h1 Heading
|
||||||
|
## h2 Heading
|
||||||
|
### h3 Heading
|
||||||
|
#### h4 Heading
|
||||||
|
##### h5 Heading
|
||||||
|
###### h6 Heading
|
||||||
|
|
||||||
|
|
||||||
|
## Horizontal Rules
|
||||||
|
|
||||||
|
___
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
|
||||||
|
## Emphasis
|
||||||
|
|
||||||
|
**This is bold text**
|
||||||
|
|
||||||
|
__This is bold text__
|
||||||
|
|
||||||
|
*This is italic text*
|
||||||
|
|
||||||
|
_This is italic text_
|
||||||
|
|
||||||
|
~~Strikethrough~~
|
||||||
|
|
||||||
|
|
||||||
|
## Blockquotes
|
||||||
|
|
||||||
|
|
||||||
|
> Blockquotes can also be nested...
|
||||||
|
>> ...by using additional greater-than signs right next to each other...
|
||||||
|
> > > ...or with spaces between arrows.
|
||||||
|
|
||||||
|
|
||||||
|
## Lists
|
||||||
|
|
||||||
|
Unordered
|
||||||
|
|
||||||
|
+ Create a list by starting a line with `+`, `-`, or `*`
|
||||||
|
+ Sub-lists are made by indenting 2 spaces:
|
||||||
|
+ Facilisis in pretium nisl aliquet
|
||||||
|
- Nulla volutpat aliquam velit
|
||||||
|
+ Very easy!
|
||||||
|
|
||||||
|
Ordered
|
||||||
|
|
||||||
|
1. Lorem ipsum dolor sit amet
|
||||||
|
2. Consectetur adipiscing elit
|
||||||
|
3. Integer molestie lorem at massa
|
||||||
|
|
||||||
|
|
||||||
|
1. You can use sequential numbers...
|
||||||
|
1. ...or keep all the numbers as `1.`
|
||||||
|
|
||||||
|
Start numbering with offset:
|
||||||
|
|
||||||
|
57. foo
|
||||||
|
1. bar
|
||||||
|
|
||||||
|
|
||||||
|
## Code
|
||||||
|
|
||||||
|
Inline `code`
|
||||||
|
|
||||||
|
Indented code
|
||||||
|
|
||||||
|
// Some comments
|
||||||
|
line 1 of code
|
||||||
|
line 2 of code
|
||||||
|
line 3 of code
|
||||||
|
|
||||||
|
|
||||||
|
Block code "fences"
|
||||||
|
|
||||||
|
```
|
||||||
|
Sample text here...
|
||||||
|
```
|
||||||
|
|
||||||
|
Syntax highlighting
|
||||||
|
|
||||||
|
``` js
|
||||||
|
var foo = function (bar) {
|
||||||
|
return bar++;
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log(foo(5));
|
||||||
|
```
|
||||||
|
|
||||||
|
## Tables
|
||||||
|
|
||||||
|
| Option | Description |
|
||||||
|
| ------ | ----------- |
|
||||||
|
| data | path to data files to supply the data that will be passed into templates. |
|
||||||
|
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||||
|
| ext | extension to be used for dest files. |
|
||||||
|
|
||||||
|
Right aligned columns
|
||||||
|
|
||||||
|
| Option | Description |
|
||||||
|
| ------:| -----------:|
|
||||||
|
| data | path to data files to supply the data that will be passed into templates. |
|
||||||
|
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||||
|
| ext | extension to be used for dest files. |
|
||||||
|
|
||||||
|
|
||||||
|
## Links
|
||||||
|
|
||||||
|
[link text](http://dev.nodeca.com)
|
||||||
|
|
||||||
|
[link with title](http://nodeca.github.io/pica/demo/ "title text!")
|
||||||
|
|
||||||
|
|
||||||
|
## Images
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Like links, Images also have a footnote style syntax
|
||||||
|
|
||||||
|
![The Unicorn is Attacked (from the Unicorn Tapestries][id]
|
||||||
|
|
||||||
|
With a reference later in the document defining the URL location:
|
||||||
|
|
||||||
|
[id]: https://images.metmuseum.org/CRDImages/cl/original/DP101128.jpg "The Unicorn is Attacked"
|
||||||
|
|
||||||
|
|
||||||
|
### [Footnotes](https://github.com/markdown-it/markdown-it-footnote)
|
||||||
|
|
||||||
|
Footnote 1 link[^first].
|
||||||
|
|
||||||
|
Footnote 2 link[^second].
|
||||||
|
|
||||||
|
Duplicated footnote reference[^second].
|
||||||
|
|
||||||
|
[^first]: Footnote **can have markup**
|
||||||
|
|
||||||
|
and multiple paragraphs.
|
||||||
|
|
||||||
|
[^second]: Footnote text.
|
||||||
|
|
||||||
3
content/blog/_index.md
Normal file
3
content/blog/_index.md
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
+++
|
||||||
|
render = false
|
||||||
|
+++
|
||||||
14
index.html
14
index.html
|
|
@ -1,14 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
title: Home
|
|
||||||
description: The personal blog of designer and developer Bradley Taunt
|
|
||||||
---
|
|
||||||
|
|
||||||
<ul class="homepage-list" style="list-style:none;padding:1rem 0;">
|
|
||||||
{% for post in site.posts %}
|
|
||||||
<li style="align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;">
|
|
||||||
<a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
|
|
||||||
<time style="font-size:90%;" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %-d, %Y" }}</time>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
39
sass/style.scss
Normal file
39
sass/style.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
background: #fffaf7;
|
||||||
|
color: #2d2d2d;
|
||||||
|
font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||||
|
Helvetica, Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
|
}
|
||||||
|
a,
|
||||||
|
a:visited {
|
||||||
|
color: darkred;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: auto;
|
||||||
|
max-width: 38rem;
|
||||||
|
padding: 0.8rem;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
background: white;
|
||||||
|
overflow: scroll;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
border: 1px solid #2d2d2d;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
@media (max-width: 38rem) {
|
||||||
|
.homepage-list li a {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
static/favicon.ico
Normal file
BIN
static/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
7
templates/404.html
Executable file
7
templates/404.html
Executable file
|
|
@ -0,0 +1,7 @@
|
||||||
|
{% extends "index.html" %}
|
||||||
|
{% block title %}404: Page not found{%endblock title %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<h1 class="page-title">404: Page not found</h1>
|
||||||
|
<p>Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. <a href="{{ config.base_url | safe }}/">Head back home</a> to try finding it again.</p>
|
||||||
|
{% endblock content %}
|
||||||
11
templates/about.html
Executable file
11
templates/about.html
Executable file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{% extends "index.html" %}
|
||||||
|
|
||||||
|
{% block title %}{{ page.title }} · {{ config.title }}{% endblock title %}
|
||||||
|
{% block description %}{{ page.description | default(value=config.description) }}{% endblock description %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<article>
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
{{ page.content | safe }}
|
||||||
|
</article>
|
||||||
|
{% endblock content %}
|
||||||
66
templates/index.html
Executable file
66
templates/index.html
Executable file
|
|
@ -0,0 +1,66 @@
|
||||||
|
{% import "macros.html" as macros %}
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
{% block head %}
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
|
<title>{% block title %}{{ config.title }} · {{ config.description }}{% endblock title %}</title>
|
||||||
|
<meta name="description" content="{% block description %}{{ config.description }}{% endblock description %}" />
|
||||||
|
<meta name="author" content="{{ config.extra.author }}">
|
||||||
|
<link rel="shortcut icon" href="{{ get_url(path="favicon.ico") | safe }}" />
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
|
||||||
|
|
||||||
|
{% set data = load_data(path="public/style.css", format="plain") %}
|
||||||
|
<style>{{ data | safe }}</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
{% endblock head %}
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main id="main" role="main">
|
||||||
|
|
||||||
|
{% block header %}
|
||||||
|
<header role="banner">
|
||||||
|
<h3 style="margin-top:0;">
|
||||||
|
<a href="{{ config.base_url | safe }}" title="Home">{{ config.title }}</a>
|
||||||
|
<br /><small>{{ config.description }}</small>
|
||||||
|
</h3>
|
||||||
|
</header>
|
||||||
|
<hr />
|
||||||
|
{% endblock header %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<ul class="homepage-list" style="list-style:none;padding:1rem 0;">
|
||||||
|
{% set blog = get_section(path="blog/_index.md") %}
|
||||||
|
{% for post in blog.pages | reverse %}
|
||||||
|
{{ macros::post_in_list(post=post) }}
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endblock content %}
|
||||||
|
|
||||||
|
{% block footer %}
|
||||||
|
<footer role="contentinfo">
|
||||||
|
<hr />
|
||||||
|
<nav style="margin-bottom:1rem;" role="navigation">
|
||||||
|
{% for item in config.extra.footer_links %}
|
||||||
|
<a href="{{ item.url | safe | replace(from="$BASE_URL", to=config.base_url) }}">{{ item.name }}</a>
|
||||||
|
{% if loop.last %}{% else %}
|
||||||
|
<span>·</span>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</nav>
|
||||||
|
<small>
|
||||||
|
Built with <a href="https://www.getzola.org/">Zola</a> & hosted on
|
||||||
|
<a href="https://netlify.com">Netlify</a>.<br />
|
||||||
|
Maintained with ♥ for the web.
|
||||||
|
</small>
|
||||||
|
</footer>
|
||||||
|
{% endblock footer %}
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
11
templates/macros.html
Normal file
11
templates/macros.html
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{% macro post_in_list(post) %}
|
||||||
|
<li
|
||||||
|
style="align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;"
|
||||||
|
>
|
||||||
|
<a href="{{ post.permalink | safe }}">{{ post.title }}</a>
|
||||||
|
<time style="font-size:90%;" datetime="{{ post.date | date(format="%+") }}"
|
||||||
|
>{{ post.date | date(format="%B %d, %Y") }}</time
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
{% endmacro post_in_list %}
|
||||||
|
|
||||||
11
templates/page.html
Executable file
11
templates/page.html
Executable file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{% extends "index.html" %}
|
||||||
|
|
||||||
|
{% block title %}{{ page.title }} · {{ config.title }}{% endblock title %}
|
||||||
|
{% block description %}{{ page.description | default(value=config.description) }}{% endblock description %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<h1>{{ page.title }}</h1>
|
||||||
|
<p style="font-size:90%;">Posted on <time datetime="{{ page.date | date(format="%+") }}">{{ page.date | date(format="%B %d, %Y") }}</time></p>
|
||||||
|
|
||||||
|
{{ page.content | safe }}
|
||||||
|
{% endblock content %}
|
||||||
26
templates/rss.xml
Normal file
26
templates/rss.xml
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
|
||||||
|
<channel>
|
||||||
|
<title>{{ config.title }}</title>
|
||||||
|
<link>{{ config.base_url | escape_xml | safe }}</link>
|
||||||
|
<description>{{ config.description }}</description>
|
||||||
|
<generator>Zola</generator>
|
||||||
|
<language>{{ config.default_language }}</language>
|
||||||
|
<atom:link href="{{ feed_url | safe }}" rel="self" type="application/rss+xml"/>
|
||||||
|
<lastBuildDate>{{ last_build_date | date(format="%a, %d %b %Y %H:%M:%S %z") }}</lastBuildDate>
|
||||||
|
<author>
|
||||||
|
<name>{{ config.extra.author }}</name>
|
||||||
|
<email>{{ config.extra.email }}</email>
|
||||||
|
</author>
|
||||||
|
{% set blog = get_section(path="blog/_index.md") %}
|
||||||
|
{% for page in blog.pages | reverse %}
|
||||||
|
<item>
|
||||||
|
<title>{{ page.title }}</title>
|
||||||
|
<pubDate>{{ page.date | date(format="%a, %d %b %Y %H:%M:%S %z") }}</pubDate>
|
||||||
|
<link>{{ page.permalink | escape_xml | safe }}</link>
|
||||||
|
<guid>{{ page.permalink | escape_xml | safe }}</guid>
|
||||||
|
<description>{% if page.summary %}{{ page.summary }}{% else %}{{ page.content }}{% endif %}</description>
|
||||||
|
</item>
|
||||||
|
{% endfor %}
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
Loading…
Reference in a new issue