From 7016d57e1c9233208caadf8851254f7272042403 Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 4 Jun 2024 07:34:50 +0200 Subject: [PATCH] adding angle brackets --- src/docs/details.md | 6 +++--- src/docs/easteregg.md | 2 +- src/docs/masonry.md | 2 +- src/docs/youtube.md | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/docs/details.md b/src/docs/details.md index ad9a874..bb55644 100644 --- a/src/docs/details.md +++ b/src/docs/details.md @@ -3,10 +3,10 @@ title: Details usage: "{% set itemList = collections.docs %}{% include 'partials/details.njk' %}" --- -The `custom-details` WebC component has a corresponding Nunjucks include. -It uses the `details` and `summary` elements to create a collapsible section and enhances them aesthetically and functionally. +The `` WebC component has a corresponding Nunjucks include. +It uses the `
` and `` elements to create a collapsible section and enhances them aesthetically and functionally. -The JavaScript for the `custom-details` component adds functionality to buttons to expand and collapse the sections with one action. When JavaScript is disabled, the sections are still accessible and collapsible, but the extra buttons are hidden. +The JavaScript for the `` component adds functionality to buttons to expand and collapse the sections with one action. When JavaScript is disabled, the sections are still accessible and collapsible, but the extra buttons are hidden. On page load, it checks if a hash corresponding to a details ID exists in the URL. If such an ID is found, the corresponding details section is programmatically opened, allowing direct navigation to an open section from a shared URL. diff --git a/src/docs/easteregg.md b/src/docs/easteregg.md index f5d9f74..99214b6 100644 --- a/src/docs/easteregg.md +++ b/src/docs/easteregg.md @@ -2,7 +2,7 @@ title: Easteregg --- -The `custom-easteregg` component is by default in the base layout in `src/_layouts/base.njk`. Just delete the two lines if you don't want to use it. The component is +The `` component is by default in the base layout in `src/_layouts/base.njk`. Just delete the two lines if you don't want to use it. The component is designed to trigger a confetti effect when a user types a specific keyword sequence. It uses the dynamic import of the `canvas-confetti` library to render custom-shaped particles based on user input. **Defaults**: diff --git a/src/docs/masonry.md b/src/docs/masonry.md index b262fd8..9e11495 100644 --- a/src/docs/masonry.md +++ b/src/docs/masonry.md @@ -7,7 +7,7 @@ Masonry layout is not yet a native part of CSS grid. There is a debate if using It should be used carefully so we don't create confusion with the tabbing order. In version 3 of the starter I made the masonry layout a web component, and no longer a opt-in feature (was: `masonry: true` in the front matter). -`custom-masonry` is designed to function as a masonry grid by dynamically adjusting item positions based on the available column space and the size of its content. The necessary JavaScript (`custom-masonry.js`) is loaded only once per component usage due to the `data-island="once"` attribute. +`` is designed to function as a masonry grid by dynamically adjusting item positions based on the available column space and the size of its content. The necessary JavaScript (`custom-masonry.js`) is loaded only once per component usage due to the `data-island="once"` attribute. Optional: pass in `layout="50-50"` to set a 50% width for each column. If no JavaScript is available, the grid will fall back to the regular grid layout defined in `src/assets/css/global/compositions/grid.css`. diff --git a/src/docs/youtube.md b/src/docs/youtube.md index 01f605b..4251150 100644 --- a/src/docs/youtube.md +++ b/src/docs/youtube.md @@ -2,8 +2,8 @@ title: Youtube --- -The `@slug` attribute is used to pass the video ID to the `lite-youtube` element. -`@label` ist used for the nested `custom-youtube-link` which adds a link to watch on YouTube. This also serves as a fallback in case JS is deactivated. +The `@slug` attribute is used to pass the video ID to the `` element. +`@label` ist used for the nested `` which adds a link to watch on YouTube. This also serves as a fallback in case JS is deactivated. Uses the [Lite YouTube Embed repository](https://github.com/paulirish/lite-youtube-embed). ```