new patch

CHANGELOG.md

@@ -6,6 +6,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this
 project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.15.1] - 2024-03-20
+### Fixed
+- Updated `@lumeland/ds`.
+
 ## [0.15.0] - 2024-03-19
 ### Added
 - Theme switcher button.
@@ -198,6 +202,7 @@ First version
 [#17]: https://github.com/lumeland/theme-simple-blog/issues/17
 [#19]: https://github.com/lumeland/theme-simple-blog/issues/19
 
+[0.15.1]: https://github.com/lumeland/theme-simple-blog/compare/v0.15.0...v0.15.1
 [0.15.0]: https://github.com/lumeland/theme-simple-blog/compare/v0.14.0...v0.15.0
 [0.14.0]: https://github.com/lumeland/theme-simple-blog/compare/v0.13.3...v0.14.0
 [0.13.3]: https://github.com/lumeland/theme-simple-blog/compare/v0.13.2...v0.13.3

plugins.ts

@@ -14,6 +14,7 @@ import { merge } from "lume/core/utils/object.ts";
 import toc from "https://deno.land/x/[email protected]/toc.ts";
 import image from "https://deno.land/x/[email protected]/image.ts";
 import footnotes from "https://deno.land/x/[email protected]/footnotes.ts";
+import { alert } from "npm:@mdit/[email protected]";
 
 import "lume/types.ts";
 
@@ -70,10 +71,13 @@ export default function (userOptions?: Options) {
         }
       });
 
+    // Alert plugin
+    site.hooks.addMarkdownItPlugin(alert);
+
     // Basic CSS Design System
     site.remoteFile(
       "_includes/css/ds.css",
-      "https://unpkg.com/@lumeland/[email protected].0/ds.css",
+      "https://unpkg.com/@lumeland/[email protected].1/ds.css",
     );
 
     // Mastodon comment system

src/_includes/css/post.css

@@ -47,9 +47,3 @@
 .post-link {
   display: inline-block;
 }
-
-.post-body {
-  & h2 {
-    text-wrap: balance;
-  }
-}

src/posts/firstpost.md

@@ -1,5 +1,5 @@
 ---
-title: This is my first post
+title: This is a post with mastodon comments
 date: '2018-08-23'
 author: Óscar Otero
 tags:

src/posts/instructions.md

@@ -26,53 +26,6 @@ export default site;
 
 ## Customization
 
-You can customize the blog creating the remote files in your local folder. For
-example, to change some style variables, create the file
-`_includes/css/variables.css` file in your local folder and edit the variables
-values:
+> [!tip]
+> You can use [lumeCMS](https://lume.land/cms) to customize the blog and add content easily
 
-```css
-:root {
-  /* Light colors */
-  color-scheme: light;
-  --color-base: hsl(220, 30%, 10%);
-  --color-text: hsl(220, 30%, 20%);
-  --color-dim: hsl(220, 30%, 40%);
-  --color-link: hsl(220, 30%, 10%);
-  --color-link-hover: hsl(220, 30%, 40%);
-  --color-line: hsl(220, 30%, 90%);
-  --color-background: hsl(220, 30%, 100%);
-
-  /* Fonts */
-  --font-family-code: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
-  --font-family-ui: -apple-system, system-ui, sans-serif;
-
-  --font-code: 1rem/1.5 var(--font-family-code);
-  --font-display: bold clamp(2rem, 10vw, 4rem)/1 var(--font-family-ui);
-  --font-display-spacing: -0.02em;
-  --font-title: bold clamp(1.5rem, 8vw, 2rem)/1.2 var(--font-family-ui);
-  --font-title-spacing: -0.015em;
-  --font-body: clamp(1rem, 5vw, 1.2rem)/1.5 var(--font-family-ui);
-  --font-body-bold: bold var(--font-body);
-  --font-ui: 1rem/1.4 var(--font-family-ui);
-  --font-small: 0.85rem/1.4 var(--font-family-ui);
-
-  /* Space */
-  --row-gap-small: 2.5rem;
-  --row-gap-medium: clamp(2rem, 5vh, 5rem);
-}
-
-/* Dark colors */
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-    --color-base: hsl(220, 20%, 100%);
-    --color-text: hsl(220, 20%, 80%);
-    --color-dim: hsl(220, 20%, 60%);
-    --color-link: hsl(220, 20%, 100%);
-    --color-link-hover: hsl(220, 20%, 70%);
-    --color-line: hsl(220, 20%, 20%);
-    --color-background: hsl(220, 20%, 10%);
-  }
-}
-```