wip: initial commit

This commit is contained in:
Bradley Taunt 2019-04-09 06:58:22 -04:00
parent 599565e32e
commit 982b33e7db
23 changed files with 557 additions and 2 deletions

42
.gitignore vendored Executable file
View File

@ -0,0 +1,42 @@
# Ignore docs files
_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
.ruby-version Normal file
View File

@ -0,0 +1 @@
2.4.3

8
404.html Executable file
View File

@ -0,0 +1,8 @@
---
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 Normal file
View File

@ -0,0 +1,4 @@
source "https://rubygems.org"
gem 'github-pages'
gem 'jekyll-cloudinary'
gem 'disqus-for-jekyll'

9
LICENSE.md Executable file
View File

@ -0,0 +1,9 @@
# Released under MIT License
Copyright (c) 2019 Bradley Taunt.
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.

View File

@ -1,2 +1,24 @@
# lightspeed
An insanely fast and performance-based Jekyll theme
# Light Speed
An insanely fast and performance-based Jekyll theme. Some fun facts about the theme:
* Perfect score on Google's Lighthouse audit
* Only ~434 bytes of CSS
* No media queries
* No JavaScript
* Probably the fastest Jekyll theme on the Internet
-----
## Author
**Bradley Taunt**
- <https://github.com/bradleytaunt>
- <https://twitter.com/bradtaunt>
## License
Open sourced under the [MIT license](LICENSE.md).
This project is open source except for example articles found in `_posts`.

36
_config.yml Executable file
View File

@ -0,0 +1,36 @@
# Permalinks
permalink: pretty
# Setup
title: 'Light Speed'
url: https://lightspeed.netlify.com
tagline: 'Jekyll theme with a <a href="">perfect Lighthouse score</a>'
paginate: 6
paginate_path: "/page:num/"
baseurl: ""
# Includes
include:
- _redirects
# 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

14
_includes/footer.html Normal file
View File

@ -0,0 +1,14 @@
<footer role="contentinfo">
<hr>
<nav style="margin-bottom:1rem;" role="navigation">
<a href="/about">About</a>
<span>&middot;</span>
<a href="/atom.xml">RSS</a>
<span>&middot;</span>
<a href="">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 &hearts; for the web.
</small>
</footer>

19
_includes/head.html Executable file
View File

@ -0,0 +1,19 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
{% if page.title == "Home" %}
{{ site.title }} &middot; {{ site.tagline }}
{% else %}
{{ page.title }} &middot; {{ site.title }}
{% endif %}
</title>
{% if page.description %}
<meta name="description" content="{{ page.description }}">
{% endif %}
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}/public/apple-touch-icon-precomposed.png">
<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:2rem;}pre{background:white;overflow:scroll;padding:1rem;}td{border:1px solid #2d2d2d;padding:10px;}img{max-width:100%;}</style>
</head>

7
_includes/header.html Normal file
View File

@ -0,0 +1,7 @@
<header role="banner">
<h3 class="masthead-title">
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
<br><small>{{ site.tagline }}</small>
</h3>
</header>
<hr>

26
_layouts/default.html Executable file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body>
<main id="main" role="main">
{% include header.html %}
{{ content }}
{% include footer.html %}
</main>
{% if site.analytics_id %}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ site.analytics_id }}', 'auto');
ga('send', 'pageview');
</script>
{% endif %}
</body>
</html>

8
_layouts/page.html Executable file
View File

@ -0,0 +1,8 @@
---
layout: default
---
<article class="page">
<h1 class="page-title">{{ page.title }}</h1>
{{ content }}
</article>

8
_layouts/post.html Executable file
View File

@ -0,0 +1,8 @@
---
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 }}

View File

@ -0,0 +1,12 @@
---
layout: post
title: Hello World!
---
Hello World!
This is just a sample post.
Vestibulum imperdiet adipiscing arcu, quis aliquam dolor condimentum dapibus. Aliquam fermentum leo aliquet quam volutpat et molestie mauris mattis. Suspendisse semper consequat velit in suscipit. Praesent blandit, mi id facilisis adipiscing, tortor tellus mollis quam, sed dignissim sapien diam ac lectus. Nunc eget ornare quam. Vivamus sit amet tortor dolor, non egestas ligula. Mauris nisi risus, semper nec blandit id, suscipit eget dolor. Sed placerat odio at erat porttitor varius. Phasellus ornare vestibulum dolor ac rhoncus. Mauris laoreet varius est eu rhoncus. Curabitur facilisis mauris eu purus pharetra vitae tincidunt nulla gravida. Duis sagittis, felis a luctus mattis, metus sem tempus velit, sit amet blandit tellus nisi id augue.
Proin feugiat libero ac lorem mollis fermentum. Cras et lacus sodales nisl facilisis ornare. Sed dolor eros, pulvinar ac varius non, bibendum eget odio. Nulla facilisi. Pellentesque et nisi a tellus ullamcorper faucibus. Nullam sagittis tempor mi non mattis. Proin ultricies, enim sit amet bibendum tristique, ligula ante feugiat nunc, sit amet imperdiet tortor nisl et felis. Pellentesque et nisl dui, non dictum libero. Vivamus tempor ante ac leo suscipit a sodales ligula iaculis. Curabitur massa mi, semper sed bibendum eget, auctor in nulla. Quisque at mi in ligula viverra suscipit sed vitae leo.

View File

@ -0,0 +1,22 @@
---
layout: post
title: Using the 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/

View File

@ -0,0 +1,13 @@
---
layout: post
title: 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.

View File

@ -0,0 +1,238 @@
---
layout: post
title: Example of 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
![Minion](https://octodex.github.com/images/minion.png)
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
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*
:::

24
about.md Executable file
View File

@ -0,0 +1,24 @@
---
layout: page
title: About This Theme
---
Some fun facts about the theme include:
* Perfect score on Google's Lighthouse audit
* Only ~434 bytes of CSS
* No media queries
* No JavaScript
* Probably the fastest Jekyll theme on the Internet <sup>1</sup>
## Who Made This
I'm Bradley Taunt, a designer/developer hybrid.
My passion lies in implementing minimal CSS, with a focus on accessibility and web performance. This theme started as an experiment to see how much could be stripped away from a website, while still maintaining clean and readable content.
Have questions or suggestions? Feel free to hit me up on [Twitter](https://twitter.com/bradtaunt).
Interested in some of my other open source projects? Check out my [portfolio](https://bradleytaunt.com).
<sup>1</sup> <small>[And I base that on absolutely nothing...](https://pbs.twimg.com/media/DtZUpV7WsAAfkeB.jpg)</small>

28
atom.xml Executable file
View File

@ -0,0 +1,28 @@
---
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>

14
index.html Executable file
View File

@ -0,0 +1,14 @@
---
layout: default
title: Home
description: The personal blog of designer and developer Bradley Taunt
---
<ul style="list-style:none;padding:1rem 0;">
{% for post in site.posts %}
<li>
<a style="display:inline-block;width:60%;" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
<time style="float:right;font-size:90%;" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%B %-d, %Y" }}</time>
</li>
{% endfor %}
</ul>

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/writing-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB