diff --git a/README.md b/README.md
index f261fcd..2a87d10 100644
--- a/README.md
+++ b/README.md
@@ -34,9 +34,20 @@ theme = "duckquill"
Duckquill offers some configuration options to make it fit you better.
-### Custom CSS
+### Custom stylesheets
-You can add your own or override existing styles in the `sass/custom.scss` of your site, if for some reason overridden class are not respected, try using `!important`. You can import styles from Duckquill using `@use "../themes/duckquill/sass/NEEDED_FILE.scss";`.
+You can add your own or override existing styles by creating custom stylesheet and adding it in the `config.toml`:
+
+```toml
+[extra]
+stylesheets = [
+ "YOUR_STYLE.css"
+]
+```
+
+It expects the style to be in the `static` directory. If you are using Sass it will be compiled there anyway.
+
+If for some reason overridden class are not respected, try using `!important`. You can import styles from Duckquill using `@use "../themes/duckquill/sass/NEEDED_FILE.scss";`.
### Primary color
diff --git a/config.toml b/config.toml
index ce19d7e..09463ef 100644
--- a/config.toml
+++ b/config.toml
@@ -1,8 +1,9 @@
title = "Duckquill"
base_url = "https://duckquill.exozy.me"
-description = "Modern, pretty, and clean theme"
+description = "Modern, pretty, and clean theme."
compile_sass = true
+minify_html = true
generate_feed = true
feed_filename = "atom.xml"
build_search_index = false
diff --git a/content/blog/the-quill-of-duck/index.md b/content/blog/the-quill-of-duck/index.md
index 6ddc9bd..2f0eabe 100644
--- a/content/blog/the-quill-of-duck/index.md
+++ b/content/blog/the-quill-of-duck/index.md
@@ -1,5 +1,6 @@
+++
title = "The Quill of Duck"
+description = "This is a Duckquill post example, this post has nothing but a bunch of text and random formatting, acting like a demo."
date = 2023-08-31
[taxonomies]
tags = ["Demo", "Test"]
diff --git a/content/demo/index.md b/content/demo/index.md
index f27768a..ba755b4 100644
--- a/content/demo/index.md
+++ b/content/demo/index.md
@@ -47,24 +47,6 @@ GitHubPages::Dependencies.gems.each do |gem, version|
end
```
-```scss, linenos, linenostart=10, hl_lines=3-4 8-9, hide_lines=2 7
-pre mark {
-
- display: block;
-
- color: currentcolor;
-
-}
-
-pre table td:nth-of-type(1) {
-
- color: #6b6b6b;
-
- font-style: italic;
-
-}
-```
-
#### Header 4
- This is an unordered list following a header.
diff --git a/sass/_comments.scss b/sass/_comments.scss
index db51789..94adafd 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -59,7 +59,7 @@ section#comments {
background-color: var(--fg05);
border-radius: 9999px;
color: var(--fg-color);
- font-size: smaller;
+ font-size: 0.8rem;
font-weight: normal;
padding: 0.25rem 0.75rem;
@@ -85,7 +85,7 @@ section#comments {
time {
@extend small;
- font-size: smaller;
+ font-size: 0.8rem;
grid-area: time;
&.edited::after {
@@ -171,7 +171,7 @@ section#comments {
.boosts {
cursor: default;
font-weight: 600;
- font-size: 90%;
+ font-size: 0.9rem;
padding: 0.4rem 1rem;
border-radius: var(--rounded-corner);
background-color: var(--orange-bg);
@@ -187,7 +187,7 @@ section#comments {
.faves {
cursor: default;
font-weight: 600;
- font-size: 90%;
+ font-size: 0.9rem;
padding: 0.4rem 1rem;
border-radius: var(--rounded-corner);
background-color: var(--red-bg);
diff --git a/sass/_main.scss b/sass/_main.scss
index fe542b1..9050d26 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -86,11 +86,11 @@ h6 {
}
h1 {
- font-size: 2em;
+ font-size: 2rem;
}
h2 {
- font-size: 1.4em;
+ font-size: 1.4rem;
}
a {
@@ -165,7 +165,7 @@ kbd {
border-radius: var(--rounded-corner-small);
background-color: var(--fg07);
box-shadow: inset 0 -2px 0 var(--fg09);
- font-size: medium;
+ font-size: 0.8rem;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
@@ -175,7 +175,7 @@ kbd {
kbd:active {
background-color: var(--fg09);
box-shadow: inset 0 1px 0 var(--fg09);
- transform: translate(0, 2px);
+ transform: translateY(2px);
}
mark {
@@ -191,7 +191,7 @@ figcaption {
display: block;
text-align: center;
color: var(--fg50);
- font-size: smaller;
+ font-size: 0.9rem;
}
details {
@@ -232,11 +232,6 @@ th {
padding: 0;
}
-// make tables vertically aligned to the top
-tbody td {
- vertical-align: top;
-}
-
// MEDIA
img,
video {
diff --git a/static/card.png b/static/card.png
index 169df90..13a5787 100644
Binary files a/static/card.png and b/static/card.png differ
diff --git a/static/card.svg b/static/card.svg
index b50505c..e0e4f5f 100644
--- a/static/card.svg
+++ b/static/card.svg
@@ -2,9 +2,9 @@
+ y="265.66428"
+ id="tspan3">Duckquill
diff --git a/templates/blog_list.html b/templates/blog_list.html
index d883aa5..c39ec7b 100644
--- a/templates/blog_list.html
+++ b/templates/blog_list.html
@@ -16,26 +16,31 @@
-
-
- {%- if page.taxonomies %}
- {%- for name, taxon in page.taxonomies %}
- •
- {%-for item in taxon %}
-
-
- {{ item }}
-
+ {%- if page.description %}
+ {{ page.description }}
+ {%- endif %}
+ {%- if page.date %}
+
+
+ {%- if page.taxonomies %}
+ {%- for name, taxon in page.taxonomies %}
+ •
+ {%-for item in taxon %}
+
+
+ {{ item }}
+
+ {%- endfor %}
{%- endfor %}
- {%- endfor %}
- {%- endif %}
-
+ {%- endif %}
+
+ {%- endif %}
{% endfor %} {% endblock content %}
diff --git a/templates/includes/head.html b/templates/includes/head.html
index a807fb7..4142c13 100644
--- a/templates/includes/head.html
+++ b/templates/includes/head.html
@@ -3,23 +3,34 @@
+
- {% block title %}{{ config.title }}{% endblock title %}
+
+ {% if page.title %} {{ page.title }} - {{ config.title }}
+ {% elif section.title %} {{ section.title }} - {{ config.title }}
+ {% else %} {{ config.title }} {% endif %}
+
+ {% if config.extra.stylesheets %}
+ {% for stylesheet in config.extra.stylesheets %}
+
+ {% endfor %}
+ {% endif %}
{% if config.extra.animated_favicon %}
-
+
{% else %}
-
+
{% endif %}
-
+
-
-
-
-
+
+
+
+
+
diff --git a/templates/includes/nav.html b/templates/includes/nav.html
index 5455d61..e9b754e 100644
--- a/templates/includes/nav.html
+++ b/templates/includes/nav.html
@@ -5,22 +5,22 @@