diff --git a/.gitignore b/.gitignore index a7e7d64..42d7438 100755 --- a/.gitignore +++ b/.gitignore @@ -1,42 +1,2 @@ -# Ignore docs files -_gh_pages -_site -.sass-cache -Gemfile.lock +public -# 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 diff --git a/.ruby-version b/.ruby-version deleted file mode 100644 index 097a15a..0000000 --- a/.ruby-version +++ /dev/null @@ -1 +0,0 @@ -2.6.2 diff --git a/404.html b/404.html deleted file mode 100755 index 53c794a..0000000 --- a/404.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: default -title: "404: Page not found" -permalink: 404.html ---- - -

404: Page not found

-

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. Head back home to try finding it again.

diff --git a/Gemfile b/Gemfile deleted file mode 100644 index a504dc0..0000000 --- a/Gemfile +++ /dev/null @@ -1,4 +0,0 @@ -source "https://rubygems.org" -gem 'github-pages' -gem 'jekyll-cloudinary' -gem 'disqus-for-jekyll' diff --git a/_config.yml b/_config.yml deleted file mode 100755 index e0ace89..0000000 --- a/_config.yml +++ /dev/null @@ -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 diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100644 index d8bc786..0000000 --- a/_includes/footer.html +++ /dev/null @@ -1,14 +0,0 @@ - diff --git a/_includes/head.html b/_includes/head.html deleted file mode 100755 index 459d6f0..0000000 --- a/_includes/head.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - {% if page.title == "Home" %} - {{ site.title }} · {{ site.tagline }} - {% else %} - {{ page.title }} · {{ site.title }} - {% endif %} - - {% if page.description %} - - {% endif %} - - - - diff --git a/_includes/header.html b/_includes/header.html deleted file mode 100644 index 69e9cea..0000000 --- a/_includes/header.html +++ /dev/null @@ -1,7 +0,0 @@ -
-

- {{ site.title }} -
{{ site.tagline }} -

-
-
diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100755 index 8603d6e..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,15 +0,0 @@ - - - - {% include head.html %} - - - -
- {% include header.html %} - {{ content }} - {% include footer.html %} -
- - - diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100755 index 9c98ae7..0000000 --- a/_layouts/page.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: default ---- - -
-

{{ page.title }}

- {{ content }} -
diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100755 index 36845cf..0000000 --- a/_layouts/post.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: default ---- - -

{{ page.title }}

-

Posted on

- -{{ content }} diff --git a/_posts/2019-02-27-using-web-icons.md b/_posts/2019-02-27-using-web-icons.md deleted file mode 100644 index 72447d5..0000000 --- a/_posts/2019-02-27-using-web-icons.md +++ /dev/null @@ -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: - -``` - -``` - -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/ - diff --git a/_posts/2019-03-25-code-snippets.md b/_posts/2019-03-25-code-snippets.md deleted file mode 100644 index 82e154a..0000000 --- a/_posts/2019-03-25-code-snippets.md +++ /dev/null @@ -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. \ No newline at end of file diff --git a/_posts/2019-03-29-example-of-all-elements.md b/_posts/2019-03-29-example-of-all-elements.md deleted file mode 100644 index 034f14d..0000000 --- a/_posts/2019-03-29-example-of-all-elements.md +++ /dev/null @@ -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 - -![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 - - -### [\](https://github.com/markdown-it/markdown-it-ins) - -++Inserted text++ - - -### [\](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* -::: diff --git a/atom.xml b/atom.xml deleted file mode 100755 index 0a9e264..0000000 --- a/atom.xml +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: null ---- - - - - - {{ site.title }} - - - {{ site.time | date_to_xmlschema }} - {{ site.url }} - - {{ site.author.name }} - {{ site.author.email }} - - - {% for post in site.posts %} - - {{ post.title | xml_escape }} - - {{ post.date | date_to_xmlschema }} - {{ site.url }}{{ post.id }} - {{ post.content | xml_escape }} - - {% endfor %} - - diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..ec28d17 --- /dev/null +++ b/config.toml @@ -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"}, +] + diff --git a/about.md b/content/about.md similarity index 90% rename from about.md rename to content/about.md index 0e77769..7b3a13d 100755 --- a/about.md +++ b/content/about.md @@ -1,8 +1,7 @@ ---- -layout: page -title: About This Theme -description: About the Lightspeed jekyll theme ---- ++++ +title = "About This Theme" +template = "about.html" ++++ Some fun facts about the theme include: diff --git a/_posts/2019-02-18-hello-world.md b/content/blog/2019-02-18-hello-world.md similarity index 92% rename from _posts/2019-02-18-hello-world.md rename to content/blog/2019-02-18-hello-world.md index 02b4857..4053f2c 100644 --- a/_posts/2019-02-18-hello-world.md +++ b/content/blog/2019-02-18-hello-world.md @@ -1,8 +1,7 @@ ---- -layout: post -title: Hello World! -description: Post about hello world ---- ++++ +title = "Hello World!" +description = "Post about hello world" ++++ Hello World! @@ -10,4 +9,4 @@ 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. \ No newline at end of file +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. diff --git a/content/blog/2019-03-25-code-snippets.md b/content/blog/2019-03-25-code-snippets.md new file mode 100644 index 0000000..bdec958 --- /dev/null +++ b/content/blog/2019-03-25-code-snippets.md @@ -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 `
` 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") }} + diff --git a/content/blog/2019-03-29-example-of-all-elements.md b/content/blog/2019-03-29-example-of-all-elements.md new file mode 100644 index 0000000..77c8d46 --- /dev/null +++ b/content/blog/2019-03-29-example-of-all-elements.md @@ -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 + +!["Still Life with Peaches and Grapes" by Auguste Renoir](https://images.metmuseum.org/CRDImages/ep/original/DT1876.jpg) +![Mille-fleurs tapestry with three medallions](https://images.metmuseum.org/CRDImages/es/original/DP360507.jpg "Mille-fleurs tapestry with three medallions") + +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. + diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..800a244 --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,3 @@ ++++ +render = false ++++ diff --git a/index.html b/index.html deleted file mode 100755 index dea768f..0000000 --- a/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: default -title: Home -description: The personal blog of designer and developer Bradley Taunt ---- - -
    -{% for post in site.posts %} -
  • - {{ post.title }} - -
  • -{% endfor %} -
diff --git a/sass/style.scss b/sass/style.scss new file mode 100644 index 0000000..b7c69d8 --- /dev/null +++ b/sass/style.scss @@ -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%; + } +} diff --git a/static/favicon.ico b/static/favicon.ico new file mode 100644 index 0000000..309a344 Binary files /dev/null and b/static/favicon.ico differ diff --git a/templates/404.html b/templates/404.html new file mode 100755 index 0000000..d6382a5 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,7 @@ +{% extends "index.html" %} +{% block title %}404: Page not found{%endblock title %} + +{% block content %} +

404: Page not found

+

Sorry, we've misplaced that URL or it's pointing to something that doesn't exist. Head back home to try finding it again.

+{% endblock content %} diff --git a/templates/about.html b/templates/about.html new file mode 100755 index 0000000..aaba962 --- /dev/null +++ b/templates/about.html @@ -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 %} +
+

{{ page.title }}

+ {{ page.content | safe }} +
+{% endblock content %} diff --git a/templates/index.html b/templates/index.html new file mode 100755 index 0000000..d5b1123 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,66 @@ +{% import "macros.html" as macros %} + + + + {% block head %} + + + + + {% block title %}{{ config.title }} · {{ config.description }}{% endblock title %} + + + + + + {% set data = load_data(path="public/style.css", format="plain") %} + + + + {% endblock head %} + + +
+ + {% block header %} +
+

+ {{ config.title }} +
{{ config.description }} +

+
+
+ {% endblock header %} + + {% block content %} +
    + {% set blog = get_section(path="blog/_index.md") %} + {% for post in blog.pages | reverse %} + {{ macros::post_in_list(post=post) }} + {% endfor %} +
+ {% endblock content %} + + {% block footer %} +
+
+ + + Built with Zola & hosted on + Netlify.
+ Maintained with ♥ for the web. +
+
+ {% endblock footer %} + +
+ + + diff --git a/templates/macros.html b/templates/macros.html new file mode 100644 index 0000000..e56894b --- /dev/null +++ b/templates/macros.html @@ -0,0 +1,11 @@ +{% macro post_in_list(post) %} +
  • + {{ post.title }} + +
  • +{% endmacro post_in_list %} + diff --git a/templates/page.html b/templates/page.html new file mode 100755 index 0000000..d8a9e92 --- /dev/null +++ b/templates/page.html @@ -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 %} +

    {{ page.title }}

    +

    Posted on

    + +{{ page.content | safe }} +{% endblock content %} diff --git a/templates/rss.xml b/templates/rss.xml new file mode 100644 index 0000000..e931912 --- /dev/null +++ b/templates/rss.xml @@ -0,0 +1,26 @@ + + + + {{ config.title }} + {{ config.base_url | escape_xml | safe }} + {{ config.description }} + Zola + {{ config.default_language }} + + {{ last_build_date | date(format="%a, %d %b %Y %H:%M:%S %z") }} + + {{ config.extra.author }} + {{ config.extra.email }} + + {% set blog = get_section(path="blog/_index.md") %} + {% for page in blog.pages | reverse %} + + {{ page.title }} + {{ page.date | date(format="%a, %d %b %Y %H:%M:%S %z") }} + {{ page.permalink | escape_xml | safe }} + {{ page.permalink | escape_xml | safe }} + {% if page.summary %}{{ page.summary }}{% else %}{{ page.content }}{% endif %} + + {% endfor %} + +