diff options
-rw-r--r-- | .envrc | 1 | ||||
-rw-r--r-- | config.toml | 33 | ||||
-rw-r--r-- | content/_index.md | 23 | ||||
-rw-r--r-- | content/bear.md | 17 | ||||
-rw-r--r-- | content/blog/_index.md | 3 | ||||
-rw-r--r-- | content/blog/markdown-syntax.md | 130 | ||||
-rw-r--r-- | content/zola.md | 36 | ||||
-rw-r--r-- | flake.lock | 61 | ||||
-rw-r--r-- | flake.nix | 20 | ||||
-rw-r--r-- | templates/404.html | 8 | ||||
-rw-r--r-- | templates/base.html | 39 | ||||
-rw-r--r-- | templates/favicon.html | 3 | ||||
-rw-r--r-- | templates/footer.html | 3 | ||||
-rw-r--r-- | templates/header.html | 4 | ||||
-rw-r--r-- | templates/index.html | 7 | ||||
-rw-r--r-- | templates/nav.html | 6 | ||||
-rw-r--r-- | templates/page.html | 33 | ||||
-rw-r--r-- | templates/section.html | 38 | ||||
-rw-r--r-- | templates/seo_tags.html | 1 | ||||
-rw-r--r-- | templates/style.html | 173 | ||||
-rw-r--r-- | templates/taxonomy_list.html | 14 | ||||
-rw-r--r-- | templates/taxonomy_single.html | 30 | ||||
-rw-r--r-- | theme.toml | 23 |
23 files changed, 706 insertions, 0 deletions
diff --git a/.envrc b/.envrc new file mode 100644 index 0000000..3550a30 --- /dev/null +++ b/.envrc @@ -0,0 +1 @@ +use flake diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..a834b0b --- /dev/null +++ b/config.toml @@ -0,0 +1,33 @@ +title = "Zola ʕ•ᴥ•ʔ Bear Blog" +base_url = "https://codeberg.org/alanpearce/zola-bearblog" +description = "" + +# Whether to automatically compile all Sass files in the sass directory +compile_sass = false + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = false + +taxonomies = [ + {name = "categories", feed = true}, + {name = "tags", feed = true}, +] + +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = true + +[extra] + +[[extra.main_menu]] +name = "Bear" +url = "@/bear.md" + +[[extra.main_menu]] +name = "Zola" +url = "@/zola.md" + +[[extra.main_menu]] +name = "Blog" +url = "@/blog/_index.md" diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..7392780 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,23 @@ ++++ ++++ +# A match made in heaven + +There is a website obesity crisis. Bloated websites full of scripts, ads, and trackers are slowing your readers down every time they try to read your well-crafted content. + +Hugo Bear Blog is all you need to build a fantastic and optimized site or blog. It works perfectly on **any** viewing device. All you need to focus on is writing good content. + +[Go to the original bear blog](https://bearblog.dev/). + +--- + +What happens when you combine the worlds' fastest, most lightweight static site generator with a design theme built to provide you with free, no-nonsense, super-fast blogging capabilities? + +**Use this theme, and find out!** + +Made with 💚 by [Alan Pearce](https://alanpearce.eu). + +--- + +Simply publish content online, grow an audience, and keep your pages tiny, fast, and **optimized for search engines**. + +Each page is ~5kb, and you can **host your blog yourself**. diff --git a/content/bear.md b/content/bear.md new file mode 100644 index 0000000..62f5db5 --- /dev/null +++ b/content/bear.md @@ -0,0 +1,17 @@ ++++ +title = "Bear" ++++ + +# Bear + +Website: [https://bearblog.dev](https://bearblog.dev) + +There is a website obesity crisis. Bloated websites are full of scripts, ads, and trackers slowing your readers down every time they try to read your well-crafted content. + +Bear is all you need to build a fantastic and optimized site or blog. It works perfectly on **any** viewing device. All you need to focus on is writing good content. + +Bear makes it simple to publish content online and grow an audience while keeping pages tiny, fast, and **optimized for search engines.** + +Each page is ~5kb. + +Learn more and contribute on [GitHub](https://github.com/HermanMartinus/bearblog). diff --git a/content/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..34651ab --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,3 @@ ++++ +title = "Blog" ++++ diff --git a/content/blog/markdown-syntax.md b/content/blog/markdown-syntax.md new file mode 100644 index 0000000..509cb4a --- /dev/null +++ b/content/blog/markdown-syntax.md @@ -0,0 +1,130 @@ ++++ +title = "Markdown Syntax Guide" +date = "2020-01-03" +description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements." +taxonomies.tags = [ + "markdown", + "syntax", +] ++++ + +For a quick cheatsheet, check out [https://simplemde.com/markdown-guide](https://simplemde.com/markdown-guide). + +--- + +This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. +<!--more--> + +## Headings + +The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest. + +# H1 +## H2 +### H3 +#### H4 +##### H5 +###### H6 + +## Paragraph + +Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat. + +Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat. + +## Blockquotes + +The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations. + +#### Blockquote without attribution + +> Tiam, ad mint andaepu dandae nostion secatur sequo quae. +> **Note** that you can use *Markdown syntax* within a blockquote. + +#### Blockquote with attribution + +> Don't communicate by sharing memory, share memory by communicating.<br> +> — <cite>Rob Pike[^1]</cite> + +[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015. + +## Tables + +Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. + + Name | Age +--------|------ + Bob | 27 + Alice | 23 + +#### Inline Markdown within tables + +| Italics | Bold | Code | +| -------- | -------- | ------ | +| *italics* | **bold** | `code` | + +## Code Blocks + +#### Code block with backticks + +```html +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +``` + +#### Code block indented with four spaces + + <!doctype html> + <html lang="en"> + <head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> + </head> + <body> + <p>Test</p> + </body> + </html> + +## List Types + +#### Ordered List + +1. First item +2. Second item +3. Third item + +#### Unordered List + +* List item +* Another item +* And another item + +#### Nested list + +* Fruit + * Apple + * Orange + * Banana +* Dairy + * Milk + * Cheese + +## Other Elements — abbr, sub, sup, kbd, mark + +<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format. + +H<sub>2</sub>O + +X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup> + +Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session. + +Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures. diff --git a/content/zola.md b/content/zola.md new file mode 100644 index 0000000..5458750 --- /dev/null +++ b/content/zola.md @@ -0,0 +1,36 @@ ++++ +title = "Zola" ++++ +## No dependencies + +Zola comes as a single executable with Sass compilation, syntax +highlighting, table of contents and many other features that +traditionally require setting up a dev environment or adding some +JavaScript libraries to your site. + +## Blazing fast + +The average site will be generated in less than a second, including +Sass compilation and syntax highlighting. + +## Scalable + +Zola renders your whole site as static files, making it trivial to +handle any kind of traffic you will throw at it at no cost without +having to worry about managing a server or a database. + +## Easy to use + +From the CLI to the template engine, everything is designed to be +intuitive. Don't take my word for it though, look at the documentation +and see for yourself. + +## Flexible + +Zola gets out of your way so you can focus on your content, be it a +blog, a knowledge base, a landing page or a combination of them. + +## Augmented Markdown + +Zola comes with shortcodes and internal links to make it easier to +write your content. diff --git a/flake.lock b/flake.lock new file mode 100644 index 0000000..afbf271 --- /dev/null +++ b/flake.lock @@ -0,0 +1,61 @@ +{ + "nodes": { + "flake-utils": { + "inputs": { + "systems": "systems" + }, + "locked": { + "lastModified": 1681202837, + "narHash": "sha256-H+Rh19JDwRtpVPAWp64F+rlEtxUWBAQW28eAi3SRSzg=", + "owner": "numtide", + "repo": "flake-utils", + "rev": "cfacdce06f30d2b68473a46042957675eebb3401", + "type": "github" + }, + "original": { + "owner": "numtide", + "repo": "flake-utils", + "type": "github" + } + }, + "nixpkgs": { + "locked": { + "lastModified": 1681693905, + "narHash": "sha256-XdXMvCt+i2ZcmAIPZvu3RUwcdaC9OX7d1WMAJJokzeA=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "db34d7561caa508ece0265a56f382c5d3b7a6c1b", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixpkgs-unstable", + "repo": "nixpkgs", + "type": "github" + } + }, + "root": { + "inputs": { + "flake-utils": "flake-utils", + "nixpkgs": "nixpkgs" + } + }, + "systems": { + "locked": { + "lastModified": 1681028828, + "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=", + "owner": "nix-systems", + "repo": "default", + "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e", + "type": "github" + }, + "original": { + "owner": "nix-systems", + "repo": "default", + "type": "github" + } + } + }, + "root": "root", + "version": 7 +} diff --git a/flake.nix b/flake.nix new file mode 100644 index 0000000..c257b2a --- /dev/null +++ b/flake.nix @@ -0,0 +1,20 @@ +{ + description = "A bear blog theme for Zola"; + inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable"; + inputs.flake-utils.url = "github:numtide/flake-utils"; + + outputs = { self, nixpkgs, flake-utils }: + flake-utils.lib.eachDefaultSystem (system: + let + pkgs = nixpkgs.legacyPackages.${system}; + in + { + devShells.default = pkgs.mkShell { + packages = with pkgs; [ + git + gnugrep + zola + ]; + }; + }); +} diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..bfb6e35 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,8 @@ +{% extends "base.html" %} + +{% block title %}404{% endblock %} + +{% block main %} +<h1>404</h1> +<h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2> +{% endblock %} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..299e92a --- /dev/null +++ b/templates/base.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="{{ lang or "en-US" }}"> + +<head> + <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" /> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + {%- include "favicon.html" ignore missing -%} + <title>{%- block title %}{{ config.title }}{%- endblock %}</title> + + {%- include "seo_tags.html" ignore missing -%} + <meta name="referrer" content="no-referrer-when-downgrade" /> + + {%- if config.generate_feed %} + {%- block rss -%} + <link rel="alternate" type={% if config.feed_filename == "atom.xml" %}"application/atom+xml"{% else %}"application/rss+xml"{% endif %} title="{{ config.title }}" href="{{ get_url(path=config.feed_filename) | safe }}"> + {% endblock -%} + {%- endif %} + + {%- include "style.html" ignore missing -%} + + {%- include "custom_head.html" ignore missing -%} +</head> + +<body> + <header> + {%- include "header.html" ignore missing -%} + </header> + <main> + {%- block main %}{%- endblock %} + </main> + <footer> + {%- include "footer.html" ignore missing -%} + </footer> + + {%- include "custom_body.html" ignore missing -%} +</body> + +</html> diff --git a/templates/favicon.html b/templates/favicon.html new file mode 100644 index 0000000..51d9fbd --- /dev/null +++ b/templates/favicon.html @@ -0,0 +1,3 @@ +{% if config.extra.favicon %} + <link rel="shortcut icon" href="{{ config.extra.favicon }}" /> +{%- endif %} diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..97d6b89 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,3 @@ +{% if not config.extra.hide_made_with_line %} +Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a> +{% endif %} diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..64c79f0 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,4 @@ +<a href="{{ config.base_url }}" class="title"> + <h2>{{ config.title }}</h2> +</a> +<nav>{% include "nav.html" %}</nav> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..31710be --- /dev/null +++ b/templates/index.html @@ -0,0 +1,7 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {{ section.content | safe }} +</content> +{% endblock %} diff --git a/templates/nav.html b/templates/nav.html new file mode 100644 index 0000000..135e407 --- /dev/null +++ b/templates/nav.html @@ -0,0 +1,6 @@ +<a href="{{ config.base_url }}">Home</a> +{%- if config.extra.main_menu %} +{%- for item in config.extra.main_menu %} +<a href="{{ get_url(path=item.url )}}">{{ item.name }}</a> +{%- endfor %} +{%- endif %} diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..bf9eca7 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,33 @@ +{% extends "base.html" %} + +{% block title %} +{{ page.title }} | {{ super() }} +{% endblock %} + +{% block main %} +{%- if not page.extra.menu %} +<h1>{{ page.title }}</h1> +{%- if page.date %} +<p> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> +</p> +{%- endif %} +{%- endif %} +<content> + {{ page.content | safe }} +</content> +<p> + {%- if page.taxonomies %} + {%- for name, taxon in page.taxonomies %} + {{ name | capitalize }}: + {%- for item in taxon %} + <a href="{{ get_taxonomy_url(kind=name, name=item) }}">#{{ item }}</a> + {%- endfor %} + {%- endfor %} + {%- endif %} +</p> +{% endblock %} diff --git a/templates/section.html b/templates/section.html new file mode 100644 index 0000000..6801267 --- /dev/null +++ b/templates/section.html @@ -0,0 +1,38 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {%- if taxonomy.term %} + <h3 style="margin-bottom:0">Filtering for "{{ section.title }}"</h3> + <small> + <a href="{{ get_url(path="@/blog/_index.md") }}">Remove filter</a> + </small> + {%- endif %} + <ul class="blog-posts"> + {% for page in section.pages | reverse %} + <li> + <span> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> + </span> + <a href="{{ page.permalink }}">{{ page.title }}</a> + </li> + {% else %} + <li> + No posts yet + </li> + {% endfor %} + </ul> + <small> + <div> + {% set tags = get_taxonomy(kind="tags") %} + {% for post in tags.items %} + <a href="{{ post.permalink }}">#{{ post.name }}</a> + {% endfor %} + </div> + </small> +</content> +{% endblock %} diff --git a/templates/seo_tags.html b/templates/seo_tags.html new file mode 100644 index 0000000..88c14e0 --- /dev/null +++ b/templates/seo_tags.html @@ -0,0 +1 @@ +<meta name="title" content="{% if page.title %}{{ page.title }}{% else %}{{ config.title }}{% endif %}" /> diff --git a/templates/style.html b/templates/style.html new file mode 100644 index 0000000..122a641 --- /dev/null +++ b/templates/style.html @@ -0,0 +1,173 @@ +<style> + body { + font-family: Verdana, sans-serif; + margin: auto; + padding: 20px; + max-width: 720px; + text-align: left; + background-color: #fff; + word-wrap: break-word; + overflow-wrap: break-word; + line-height: 1.5; + color: #444; + } + + h1, + h2, + h3, + h4, + h5, + h6, + strong, + b { + color: #222; + } + + a { + color: #3273dc; + /*color: #ff5e6c;*/ + } + + .title { + text-decoration: none; + border: 0; + } + + .title span { + font-weight: 400; + } + + nav a { + margin-right: 10px; + } + + textarea { + width: 100%; + font-size: 16px; + } + + input { + font-size: 16px; + } + + content { + line-height: 1.6; + } + + table { + width: 100%; + } + + img { + max-width: 100%; + } + + code { + padding: 2px 5px; + background-color: #f2f2f2; + } + + pre code { + color: #222; + display: block; + padding: 20px; + white-space: pre-wrap; + font-size: 14px; + overflow-x: auto; + } + + div.highlight pre { + background-color: initial; + color: initial; + } + + div.highlight code { + background-color: unset; + color: unset; + } + + blockquote { + border-left: 1px solid #999; + color: #222; + padding-left: 20px; + font-style: italic; + } + + footer { + padding: 25px; + text-align: center; + } + + .helptext { + color: #777; + font-size: small; + } + + .errorlist { + color: #eba613; + font-size: small; + } + + /* blog posts */ + ul.blog-posts { + list-style-type: none; + padding: unset; + } + + ul.blog-posts li { + display: flex; + } + + ul.blog-posts li span { + flex: 0 0 130px; + } + + ul.blog-posts li a:visited { + color: #8b6fcb; + } + + @media (prefers-color-scheme: dark) { + body { + background-color: #333; + color: #ddd; + } + + h1, + h2, + h3, + h4, + h5, + h6, + strong, + b { + color: #eee; + } + + a { + color: #8cc2dd; + } + + code { + background-color: #777; + } + + pre code { + color: #ddd; + } + + blockquote { + color: #ccc; + } + + textarea, + input { + background-color: #252525; + color: #ddd; + } + + .helptext { + color: #aaa; + } + } + +</style> diff --git a/templates/taxonomy_list.html b/templates/taxonomy_list.html new file mode 100644 index 0000000..876087c --- /dev/null +++ b/templates/taxonomy_list.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} + +{% block main %} +<content> + <small> + <div> + {% set tags = get_taxonomy(kind="tags") %} + {% for post in tags.items %} + <a href="{{ post.permalink }}">#{{ post.name }}</a> + {% endfor %} + </div> + </small> +</content> +{% endblock %} diff --git a/templates/taxonomy_single.html b/templates/taxonomy_single.html new file mode 100644 index 0000000..685eaf5 --- /dev/null +++ b/templates/taxonomy_single.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} + +{% block main %} +<content> + {%- if taxonomy.term %} + <h3 style="margin-bottom:0">Filtering for "{{ term.name }}"</h3> + <small> + <a href="{{ get_url(path="@/blog/_index.md") }}">Remove filter</a> + </small> + {%- endif %} + <ul class="blog-posts"> + {% for page in term.pages | reverse %} + <li> + <span> + <i> + <time datetime='{{ page.date | date(format='%+') }}' pubdate> + {{ page.date | date(format="%d %b, %Y") }} + </time> + </i> + </span> + <a href="{{ page.permalink }}">{{ page.title }}</a> + </li> + {% else %} + <li> + No posts yet + </li> + {% endfor %} + </ul> +</content> +{% endblock %} diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..77d333d --- /dev/null +++ b/theme.toml @@ -0,0 +1,23 @@ +name = "Bear" +description = "Bear blog theme" +license = "MIT" +homepage = "https://github.com/getzola/hyde" +# The minimum version of Zola required +min_version = "0.4.0" +# An optional live demo URL +demo = "" + +# Any variable there can be overridden in the end user `config.toml` +# You don't need to prefix variables by the theme name but as this will +# be merged with user data, some kind of prefix or nesting is preferable +# Use snake_casing to be consistent with the rest of Zola +[extra] + +[author] +name = "Alan Pearce" +homepage = "https://alanpearce.eu" + +[original] +author = "janraasch" +repo = "https://github.com/janraasch/hugo-bearblog/" +homepage = "https://www.janraasch.com" |