updated README, some css, and rewritten some articles

README.md

@@ -1,45 +1,55 @@
 # anemone
 
-Nearly no-Javascript, efficient, minimal [Zola](https://www.getzola.org) theme.
+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.
-I use it on my own [website](https://speyllsite.pages.dev/)
 
-## Light and dark theme
+I use it on my own [website.](https://speyllsite.pages.dev/)
-![screenshotLight](screenshot.png)
 
-## Installation
+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.
-First download this theme to your `themes` directory:
+
+![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
+Anemone provides various options to customize your website:
-To use tags, in a page metadata add
+
+#### 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
+#### Pages List in Homepage
-To enable listing of pages in homepage add the following in `config.toml`
+
+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
+#### Header and Footer Nav Links
-Also in the `extra` section in `config.toml`
+
+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
+- Set the `author` in both the main config and in pages' metadata.
-- `image` variable can be used in pages to add an image to HTML `<meta>` tags
+- Use the `image` variable in pages to add an image to HTML `<meta>` tags.
-- Same for `favicon` in main config, except this one is also used as the site icon
+- 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).

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

content/_index.md

@@ -1,32 +1,47 @@
 +++
 +++
 
-## Useless header
+## Overview
-- info
-    - Nearly no-Javascript, efficient, minimal theme.
 
->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.
+
+> *"Useless blockquote"*
+
+## Blog Posts
+
+Explore our insightful blog posts on a variety of topics:
 
-- 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)
+- 📺 [Post Example With Headings And TOC](./blog/post-example-with-headings-and-toc)
-- [tags](./tags)
+
+## Tags
+
+Browse our posts by tags:
+
 - [example](./tags/example)
-- another list
-    - 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/)
+## 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:
 
-## Online presence
 - Email: [jgll6dij6@mozmail.com](mailto:jgll6dij6@mozmail.com)
-  - Code repositories: [speyll@github.com](https://github.com/Speyll)
+- Code Repositories: [Speyll@GitHub](https://github.com/Speyll)
-  - {{ metaData(content="@Speyll") }} anywhere else.
+- @Speyll anywhere else.
 
 ## Webrings
 
+Join our webrings and explore more:
+
 - 🈯 {{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
 - 🎶 {{ webring(prev="#", webring="#", webringName="Another Webring", next="#") }}

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;
 }

templates/index.html

@@ -11,7 +11,7 @@
 {% set pages = section.pages %}
 {% endif %}
 
-<ul>
+<ul class="titleList">
 {% for page in pages %}
   <li>
     <a href="{{ page.permalink | safe }}">{{ page.title }}</a>

templates/section.html

@@ -12,13 +12,15 @@
 {% else %}
 {% set pages = section.pages %}
 {% endif %}
-<ul>
+
+<ul class="titleList">
 {% for page in pages %}
   <li>
     <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
   </li>
 {% endfor %}
 </ul>
+
 {% if paginator %}
 <div class="metaData">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp <a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{ paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
 {% endif %}

theme.toml

@@ -1,5 +1,5 @@
 name = "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."
 license = "MIT"
 homepage = "https://github.com/Speyll/anemone"
 min_version = "0.4.0"
@@ -9,5 +9,5 @@ demo = "https://anemone.pages.dev"
 
 
 [author]
-name = "Lyes 'Speyll'"
+name = "Speyll"
 homepage = "https://speyllsite.pages.dev/"