feat: First Full Stable Release

components/BlogList.vue

@@ -32,7 +32,7 @@
 
 <script setup lang="ts">
 import { ref, computed } from "vue";
-import { data as posts } from "../../../pages/.vitepress/theme/posts.data";
+import { data as posts } from "../../../../../../pages/.vitepress/theme/posts.data";
 
 const selectedTag = ref(null);
 

no-blog.ts

@@ -0,0 +1,5 @@
+import "./no-blog/Layout.vue";
+import "./styles/index.scss";
+import "inter-ui/inter.css";
+import "inter-ui/inter-variable.css";
+import "non.geist/mono"

no-blog/Layout.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { useData } from "vitepress";
+import { Content } from "vitepress";
+import NotFound from "../components/404View.vue";
+import SiteFooter from "../components/Footer.vue";
+import Navigation from "../components/Navigation.vue";
+import SimpleLayout from "../components/SimpleLayout.vue";
+
+const { site, frontmatter, page } = useData();
+</script>
+
+<template>
+  <Navigation />
+  <main>
+    <div v-if="frontmatter.home">
+      <h1>{{ site.title }}</h1>
+    </div>
+    <NotFound v-if="page.isNotFound" />
+    <div v-else :class="frontmatter.pageClass">
+      <Content />
+    </div>
+    <SimpleLayout v-if="frontmatter.layout == 'simple'" />
+  </main>
+  <SiteFooter />
+</template>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aplos",
-  "version": "1.2.6.unstable",
+  "version": "1.3.0",
   "description": "The Aplos VitePress theme",
   "main": "index.ts",
   "keywords": [

styles/cards.scss

@@ -3,7 +3,7 @@
   width: max-content;
   max-width: 70%;
   min-width: 45%;
-  border-radius: 0.625rem;
+  border-radius: 0.5rem 0.625rem 0.625rem 0.625rem;
   padding: 1.8rem 1.25rem;
   line-height: 24px;
 
@@ -26,6 +26,7 @@
 
 .danger {
   background-color: #ff001936;
+  border-left: rgb(219, 25, 25) 0.4rem solid;
 
   @media (prefers-color-scheme: dark) {
     background-color: #39181b;
@@ -34,22 +35,27 @@
 
 .warning {
   background-color: #ffcc007e;
+  border-left: rgb(159, 135, 0) 0.4rem solid;
 
   @media (prefers-color-scheme: dark) {
     background-color: #372a1a;
+    border-left: rgb(255, 217, 0) 0.4rem solid;
   }
 }
 
 .tip {
   background-color: #00ff006a;
+  border-left: rgb(75, 110, 22) 0.4rem solid;
 
   @media (prefers-color-scheme: dark) {
     background-color: #1f3f1f;
+    border-left: rgb(153, 255, 0) 0.4rem solid;
   }
 
 }
 
 .info {
+  border-left: var(--color-accent) 0.4rem solid;
   background-color: var(--color-background-mute);
 }