mirror of
https://github.com/Speyll/anemone.git
synced 2024-12-04 09:56:50 +00:00
updated README, some css, and rewritten some articles
This commit is contained in:
parent
42801d375a
commit
1df157365d
7 changed files with 101 additions and 60 deletions
74
README.md
74
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 `<meta>` 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 `<meta>` 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).
|
|
@ -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
|
||||
|
|
|
@ -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="#") }}
|
||||
Join our webrings and explore more:
|
||||
|
||||
- 🈯 {{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
|
||||
- 🎶 {{ webring(prev="#", webring="#", webringName="Another Webring", next="#") }}
|
|
@ -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;
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -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>   <a href="{{ paginator.previous }}"><</a>{% endif %}   {{ paginator.current_index }} / {{ paginator.number_pagers }}   {% if paginator.next %}<a href="{{ paginator.next }}">></a>   <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
|
||||
{% endif %}
|
||||
|
|
|
@ -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/"
|
Loading…
Reference in a new issue