From 1df157365d74f26688c880d947ffe19383c64a85 Mon Sep 17 00:00:00 2001 From: Speyll Date: Sat, 29 Jul 2023 04:37:37 +0100 Subject: [PATCH] updated README, some css, and rewritten some articles --- README.md | 74 ++++++++++++++++++++++++------------------ config.toml | 2 +- content/_index.md | 59 ++++++++++++++++++++------------- static/css/style.css | 16 +++++++-- templates/index.html | 2 +- templates/section.html | 4 ++- theme.toml | 4 +-- 7 files changed, 101 insertions(+), 60 deletions(-) diff --git a/README.md b/README.md index 6d36ac4..94028a9 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,55 @@ # anemone -Nearly no-Javascript, efficient, minimal [Zola](https://www.getzola.org) theme. -I use it on my own [website](https://speyllsite.pages.dev/) +Introducing "anemone," a minimalist [Zola](https://www.getzola.org) theme that prioritizes clean CSS and avoids heavy JavaScript. Enjoy a seamless user experience with lightning-fast load times. Let your content take center stage in a clutter-free, elegant design that enhances readability. Responsive and efficient, anemone brings focus to your ideas. -## Light and dark theme -![screenshotLight](screenshot.png) +I use it on my own [website.](https://speyllsite.pages.dev/) -## Installation -First download this theme to your `themes` directory: +Anemone is a versatile Zola theme that comes with both light and dark variants. You can easily switch between the light and dark themes to suit your preferences. + +![Anemone Light and Dark Theme](screenshot.png) + +### Installation + +To get started with Anemone, follow these simple steps: + +1. Download the theme to your `themes` directory: ```bash cd themes git clone https://github.com/Speyll/anemone ``` -and then enable it in your `config.toml`: +2. Enable Anemone in your `config.toml`: ```toml theme = "anemone" ``` -## Options +### Options -### Default taxonomies -To use tags, in a page metadata add +Anemone provides various options to customize your website: + +#### Default Taxonomies + +To use tags, add the following code to a page's metadata: ```toml [taxonomies] -tags = [ 'tag1', 'tag2' ] +tags = ["tag1", "tag2"] ``` -### Pages list in homepage -To enable listing of pages in homepage add the following in `config.toml` +#### Pages List in Homepage + +Enable listing of pages in the homepage by adding the following code to `config.toml`: ```toml [extra] list_pages = true ``` -### Header and footer nav links -Also in the `extra` section in `config.toml` +#### Header and Footer Nav Links + +Customize the header and footer navigation links with the following code in the `extra` section of `config.toml`: ```toml [extra] @@ -50,38 +60,40 @@ header_nav = [ { name = "/journal/", url = "/journal" }, { name = "/blog/", url = "/blog" }, ] - -footer_nav = [ - { name = "< previous", url = "#" }, - { name = "webring", url = "#" }, - { name = "next >", url = "#" }, -] ``` -### Add TOC to pages +### Webrings -In a page frontmatter, set `extra.toc` to `true` +Add a webring with a shortcode: + +```html +{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }} +``` + +#### Add Table of Contents (TOC) to Pages + +In a page's frontmatter, set `extra.toc` to `true`: ```toml [extra] toc = true ``` -### Extra data +### Extra Data -- `author` can be set in both main config and in pages metadata -- `image` variable can be used in pages to add an image to HTML `` tags -- Same for `favicon` in main config, except this one is also used as the site icon +- Set the `author` in both the main config and in pages' metadata. +- Use the `image` variable in pages to add an image to HTML `` tags. +- Similarly, set `favicon` in the main config, and it will be used as the site icon. -### Disable Twitter card +#### Disable Twitter Card -Twitter metatags are generated by default, to disable them set `extra.twitter_card` to `false` in in your `config.toml` +Twitter metatags are generated by default. To disable them, set `extra.twitter_card` to `false` in `config.toml`: ```toml [extra] twitter_card = true ``` -## License +### License -The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). +The Anemone theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). \ No newline at end of file diff --git a/config.toml b/config.toml index a30e767..95384b6 100644 --- a/config.toml +++ b/config.toml @@ -1,6 +1,6 @@ base_url = "https://anemone.pages.dev" title = "anemone" -description = "Nearly no-Javascript, efficient, minimal theme." +description = "A minimalist Zola theme that prioritizes clean CSS and avoids heavy JavaScript. Enjoy a seamless user experience with lightning-fast load times. Let your content take center stage in a clutter-free, elegant design that enhances readability. Responsive and efficient, anemone brings focus to your ideas." default_language = "en" compile_sass = false minify_html = true diff --git a/content/_index.md b/content/_index.md index 110c8c9..fab00e7 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,32 +1,47 @@ +++ +++ -## Useless header -- info - - Nearly no-Javascript, efficient, minimal theme. +## Overview ->Useless blockquote +anemone theme is designed to provide a nearly no-JavaScript, efficient, and minimalist experience for your website. Embracing simplicity, the theme focuses on content and readability, ensuring a seamless user experience without unnecessary distractions. -- posts - - 🥣 [Overview Post](./blog/overview-post) - - 🈚 [Language Tests](./blog/language-tests) - - 🔥 [Very Very Very Long Title And Very Very Very Short Content](./blog/very-very-very-long-title-and-very-very-very-short-content) - - 📺 [Post Example With Headings And Toc](./blog/post-example-with-headings-and-toc) -- [tags](./tags) - - [example](./tags/example) -- another list - - with subitems - - with subsubitems - - [example page](./about) +> *"Useless blockquote"* -this list is just the content of `content/_index.md`, the tests are shamelessly stolen from [no style, please!](https://www.getzola.org/themes/no-style-please/) +## Blog Posts -## Online presence - - Email: [jgll6dij6@mozmail.com](mailto:jgll6dij6@mozmail.com) - - Code repositories: [speyll@github.com](https://github.com/Speyll) - - {{ metaData(content="@Speyll") }} anywhere else. +Explore our insightful blog posts on a variety of topics: + +- 🥣 [Overview Post](./blog/overview-post) +- 🈚 [Language Tests](./blog/language-tests) +- 🔥 [Very Very Very Long Title And Very Very Very Short Content](./blog/very-very-very-long-title-and-very-very-very-short-content) +- 📺 [Post Example With Headings And TOC](./blog/post-example-with-headings-and-toc) + +## Tags + +Browse our posts by tags: + +- [example](./tags/example) + +## Another List + +Discover additional content: + +- With Subitems + - With Subsubitems + - [Example Page](./about) +- this list is just the content of `content/_index.md`, the tests are shamelessly stolen from [no style, please!](https://www.getzola.org/themes/no-style-please/) + +## Online Presence + +Stay connected with us: + +- Email: [jgll6dij6@mozmail.com](mailto:jgll6dij6@mozmail.com) +- Code Repositories: [Speyll@GitHub](https://github.com/Speyll) +- @Speyll anywhere else. ## Webrings - - 🈯 {{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }} - - 🎶 {{ webring(prev="#", webring="#", webringName="Another Webring", next="#") }} \ No newline at end of file +Join our webrings and explore more: + +- 🈯 {{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }} +- 🎶 {{ webring(prev="#", webring="#", webringName="Another Webring", next="#") }} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index b345e1b..5e1444e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -83,6 +83,7 @@ h1 { color: var(--bgColor); background-color: var(--metaColor); text-align: center; + text-wrap: balance; } h1::before { @@ -113,7 +114,7 @@ ul { list-style: none; margin-top: .5rem; margin-bottom: .5rem; - line-height: 1.45 + line-height: 1.45; } ul li::marker { @@ -127,6 +128,13 @@ ul li:hover::marker { color: var(--linkColor) } +li:hover { + transform: scale(1.02); + -webkit-transition: .1s ease-in; + -moz-transition: .1s ease-in; + -o-transition: .1s ease-in; +} + blockquote { border-left: 5px solid var(--metaColor); margin: 1rem; @@ -258,6 +266,10 @@ textarea { align-content: flex-end } +.titleList { + line-height: 1.8; +} + .footnote-definition { margin: 0 0 0 2rem; } @@ -309,5 +321,5 @@ textarea { } .webring { - margin: 0.4rem; + margin: 0.5rem; } \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 1bdb008..86a1c83 100644 --- a/templates/index.html +++ b/templates/index.html @@ -11,7 +11,7 @@ {% set pages = section.pages %} {% endif %} -