chore: update article list example, sort css, update Duckquill link i…

…n README and docs

README.md

@@ -100,7 +100,7 @@ All other standard VitePress commands are available, like `pnpm demo:build` and
 
 ## Thanks ❤ & Credits️
 
-- [Duckquill](https://daudix.codeberg.page/duckquill), from where I got inspired to create this project (and many ideas are from there)
+- [Duckquill](https://duckquill.daudix.one), from where I got inspired to create this project (and many ideas are from there)
 - [Hari Rana](https://tesk.page/) for style-related feedback and suggestions
 - [Inter](https://rsms.me/inter/), used for all Sans Serif text.
 - [Geist Mono](https://vercel.com/font/), used for code snippets.

custom/ArticleListExample.txt

@@ -10,7 +10,12 @@
       </button>
     </div>
     <div class="post-container">
-      <article v-for="post in filteredPosts" :key="post.title" class="post">
+      <article
+        v-for="post in filteredPosts"
+        :key="post.title"
+        class="post"
+        :class="post.type"
+      >
         <h3>
           <a
             :href="`posts/${post.title
@@ -19,7 +24,16 @@
             >{{ post.title }}</a
           >
         </h3>
-        <p class="date">{{ post.date }}</p>
+        <p class="date" v-if="post.type === 'archive'">
+          {{ post.date }} &middot; Archived
+        </p>
+        <p class="date" v-else-if="post.type === 'draft'">
+          {{ post.date }} &middot; Draft
+        </p>
+        <p class="date" v-else-if="post.type === 'featured'">
+          {{ post.date }} &middot; Featured
+        </p>
+        <p class="date" v-else>{{ post.date }}</p>
         <p>{{ post.description }}</p>
         <div class="tags">
           <span v-if="typeof post.tags === 'string'" :key="post.tags"
@@ -56,11 +70,11 @@ const filteredPosts = computed(() => {
     : posts.filter((post) =>
         Array.isArray(post.tags)
           ? post.tags.includes(selectedTag.value)
-          : post.tags === selectedTag.value
+          : post.tags === selectedTag.value,
       );
 });
 
 function filterPosts(tag: string) {
   selectedTag.value = tag === "" ? null : tag;
 }
-</script>
+</script>

docs/README.md

@@ -54,7 +54,7 @@ You can learn more about this project on the [LEARN.md](/LEARN.md) file.
 
 ## Thanks ❤ & Credits️:
 
-- [Duckquill](https://daudix.codeberg.page/duckquill), from where I got inspired to create this project (and many ideas are from there)
+- [Duckquill](https://duckquill.daudix.one), from where I got inspired to create this project (and many ideas are from there)
 - [Inter](https://rsms.me/inter/), used for all Sans Serif text.
 - [Source Code Pro](https://adobe-fonts.github.io/source-code-pro/), used for code snippets.
 - [VitePress](https://vitepress.dev), which is used to power Aplós.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aplos",
-  "version": "2.3.0-1",
+  "version": "2.3.0-2",
   "type": "module",
   "description": "A sleek, contemporary, and purposefully designed VitePress theme",
   "main": "index.ts",

src/components/Footer.vue

@@ -116,12 +116,12 @@ const { theme } = useData();
     text-decoration: underline 0.0875rem;
 
     &:not(li) {
+      transition: var(--transition);
       margin: 0;
       border-radius: var(--rounded-xs);
       background-color: var(--color-background-second);
       padding: 0.18rem 0.3rem 0.1875rem 0.3rem;
       color: var(--color-accent);
-      transition: var(--transition);
 
       &:hover {
         background-color: var(--color-accent);
@@ -154,8 +154,8 @@ const { theme } = useData();
   }
 
   small {
-    margin-top: 0.625rem;
     display: block;
+    margin-top: 0.625rem;
   }
 
   #author {

src/layouts/ArticleHead.vue

@@ -53,8 +53,8 @@ const { frontmatter, theme } = useData();
   padding-top: 2.0938rem;
 
   h1 {
-    margin-bottom: 0;
     margin-top: 0;
+    margin-bottom: 0;
   }
 
   .tags {

src/styles/_variables.scss

@@ -18,9 +18,9 @@
 
 @mixin noBasicStyles {
   margin: 0;
-  padding: 0;
-  background-image: none;
+  box-shadow: none;
   border: none;
+  background-image: none;
   background-color: transparent;
-  box-shadow: none;
+  padding: 0;
 }

src/styles/index.scss

@@ -1,9 +1,9 @@
 /*
- * Aplós v2.1.0 (https://aplos.gxbs.me/)
+ * Aplós v2.3.0 (https://aplos.gxbs.me/)
  * Copyright 2024-present Gabriel Cozma
  * Licensed under MIT License (https://github.com/aplosdev/aplos/blob/main/LICENSE)
  *
- * A VitePress theme (https://vitepress.dev) & inspired by Duckquill (https://daudix.codeberg.page/duckquill/)
+ * A VitePress theme (https://vitepress.dev) & inspired by Duckquill (https://duckquill.daudix.one)
  */
 
 @import "common";