Merge pull request 'fix-extra-linebreak' (#9) from Tortellini/duckling:fix-extra-linebreak into main

Reviewed-on: #9
Reviewed-by: david-swift <david-swift@noreply.aproksha.uber.space>

content/_index.md

@@ -40,6 +40,8 @@ It is based on the [Duckquill](https://duckquill.daudix.one) theme for blogs.
 - [aparoksha.dev](https://aparoksha.dev)
 - [david.aparoksha.dev](https://david.aparoksha.dev)
 - [duckling.aparoksha.dev](https://duckling.aparoksha.dev)
+- [dwagon.cc](https://dwagon.cc)
+- [present.quest](https://present.quest/)
 - Yours? <small>(feel free to send a pull request)</small>
 
 ### Thanks To

content/blog/0.1.0/index.md

@@ -8,7 +8,7 @@ tags = ["Release", "Demo", "Test"]
 [extra.comments]
 host = "mastodon.de"
 user = "david_swift"
-id = "" # TODO: Add id
+id = "114331050904633228"
 +++
 
 Duckling is here!

content/blog/0.1.1/index.md

@@ -0,0 +1,12 @@
++++
+authors = ["david-swift"]
+title = "Release 0.1.1"
+description = "Some minor changes"
+date = 2025-04-23
+[taxonomies]
+tags = ["Release", "Demo", "Test"]
++++
+
+- Remove animation from sidebar toggle button
+- Fix tags in blogs overview not transparent
+- Update docs

content/docs/gettingstarted/index.md

@@ -29,7 +29,7 @@ It is highly recommended to switch from the `main` branch to the latest release:
 
 ```bash
 cd themes/duckling
-git checkout tags/v0.1.0
+git checkout tags/0.1.1
 ```
 
 Then, enable it in your `config.toml`:
@@ -43,6 +43,6 @@ To update the theme, simply switch to a new tag:
 ```bash
 git submodule update --remote --merge
 cd themes/duckling
-git checkout tags/v0.1.0
+git checkout tags/0.1.1
 ```
 

sass/_article-list.scss

@@ -65,6 +65,8 @@
 			font-weight: bold;
 			line-height: 1;
 			font-family: var(--font-system-ui);
+			display: flex;
+			align-items: center;
 			
 			&::after {
 				-webkit-mask-image: var(--icon-right);
@@ -131,12 +133,12 @@
 		}
 
 		&.draft {
-			--bg-overlay: var(--fg-muted-1);
+			--bg-overlay: var(--fg-muted-1-transparent);
 
 			&::before {
 				-webkit-mask-image: var(--icon-pencil);
 				mask-image: var(--icon-pencil);
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent);
 			}
 
 			h3 {
@@ -144,7 +146,7 @@
 			}
 
 			.badge {
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent);
 				color: var(--fg-muted-5);
 
 				.icon {
@@ -154,7 +156,7 @@
 			}
 
 			.tags a {
-				background-color: var(--fg-muted-1);
+				background-color: var(--fg-muted-1-transparent-transparent);
 				color: var(--fg-muted-5);
 
 				&:hover {
@@ -275,7 +277,7 @@
 		transition: var(--transition);
 		box-shadow: var(--edge-highlight);
 		border-radius: 1rem;
-		background-color: var(--fg-muted-1);
+		background-color: var(--fg-muted-1-transparent);
 		padding: 0.7rem;
 		color: var(--fg-muted-4);
 		line-height: 0;

sass/_docs.scss

@@ -63,7 +63,7 @@
 	position: fixed;
 	padding: 0.5em;
 	margin: 1rem;
-	z-index: 100;
+	z-index: 9;
 
 	.icon {
 		-webkit-mask-image: var(--icon-sidebar);
@@ -104,11 +104,6 @@
 		transition: left 0.3s;
 	}
 
-	#sidebar-toggle:checked ~ .toggle-label {
-		left: 15em;
-		transition: left 0.3s;
-	}
-
 	#sidebar-toggle:checked ~ .toggle-overlay {
 	  background-color: rgba(0, 0, 0, 0.5);
 	  transition: background-color 0.3s;

sass/_tags.scss

@@ -21,7 +21,7 @@
 	a {
 		transition: var(--transition);
 		border-radius: 999px;
-		background-color: var(--fg-muted-1);
+		background-color: var(--fg-muted-1-transparent);
 		padding: 0.375rem 0.75rem;
 		color: var(--fg-muted-5);
 		font-size: var(--font-size-small);