diff --git a/src/posts/2022-11-02-markdown.md b/src/posts/2022-11-02-markdown.md new file mode 100644 index 0000000..474a645 --- /dev/null +++ b/src/posts/2022-11-02-markdown.md @@ -0,0 +1,126 @@ +--- +title: 'Post with all the markdown' +description: 'A lot of markdown packages are installed to help you write your posts. All presets are personal preference.' +date: "2022-11-02" +tags: + - "Demo" + - "Example" +--- + +A lot of markdown packages are installed to help you write your posts. You can configure them in `config/plugins/markdown.js`. + +As of my personal preference, there are some presets. For example the automatic conversion of web pages to links (lenesaile.com) and the automatic addition of `target: '_blank'` and `rel: 'noreferrer noopener'` for external links (all links with the pattern`/^https?:/`). + +This is a small pitfall! Take care to not prefix your internal links with your domain, or else they will be treated ad external as well. To link internally use this pattern: + +``` +An internal link to the [about page](/about/) +``` + +## h2 Heading + +### h3 Heading + +#### h4 Heading + +Muffin bonbon jujubes cheesecake chupa chups shortbread ice cream cotton candy cake. Jelly-o biscuit dessert danish dessert pastry tootsie roll lemon drops gingerbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears. + +Soufflé topping shortbread lemon. + +## hr + +--- + +## Typographic replacements + +**The replacement converts this input:** + +``` +(c) (C) (r) (R) (tm) (TM) (p) (P) +- +test.. test... test..... test?..... test!.... +!!!!!! ???? ,, -- --- +"Smartypants, double quotes" and 'single quotes' +``` + +**To this:** + +(c) (C) (r) (R) (tm) (TM) (p) (P) +- +test.. test... test..... test?..... test!.... +!!!!!! ???? ,, -- --- +"Smartypants, double quotes" and 'single quotes' + +## Emphasis + +**This is bold text** +_This is italic text_ +~~Strikethrough~~ + +## Blockquote + +> rbread. Cheesecake donut marzipan sweet roll icing muffin halvah. Dragée donut cake biscuit pie carrot cake sesame snaps jelly-o gummi bears. Cotton candy cookie croissant fruitcake. + +## Lists + +### Unordered lists + +- Create a list by starting a line with `+`, `-`, or `*` +- Sub-lists are made by indenting 2 spaces: +- Very simple! + +### Ordered lists + +1. Lorem ipsum dolor sit amet +2. Consectetur adipiscing elit +3. Integer molestie lorem at massa + +## Code + +Syntax highlighting + +```js +var foo = function (bar) { + return bar++; +}; + +console.log(foo(5)); +``` + +## Tables + +| Option | Description | +| ------ | ------------------------------------------------------------------------- | +| data | path to data files to supply the data that will be passed into templates. | +| engine | engine to be used for processing templates. Handlebars is the default. | +| ext | extension to be used for dest files. | + +## Links + +`rel="noreferrer noopener"` and `target="_blank"` is added automatically to external links. So is an indicator icon, see global-styles.css +[link text](http://dev.nodeca.com) +[link with title](http://nodeca.github.io/pica/demo/ 'title text!') + +Autoconverted link https://github.com/nodeca/pica (enabled via linkify) + +### Emojis + +Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum: +Shortcuts (emoticons): :-) :-( 8-) ;) + +### mark + +==Marked text== + +### Footnotes + +Footnote 1 link[^first]. +Footnote 2 link[^second]. +Inline footnote^[Text of inline footnote] definition. +Duplicated footnote reference[^second]. + +[^first]: + Footnote **can have markup** + and multiple paragraphs. + +[^second]: Footnote text. + +\*[HTML]: Hyper Text Markup Language diff --git a/src/posts/2023-10-30-demos.md b/src/posts/2023-10-30-demos.md new file mode 100644 index 0000000..5696f73 --- /dev/null +++ b/src/posts/2023-10-30-demos.md @@ -0,0 +1,40 @@ +--- +title: 'Demo pages' +description: 'To avoid overloading this base with too many subtleties, I store special features in separate branches that (usually) keep up with the main branch.' +date: "2023-10-30" +tags: + - Example + - Test +demos: + - title: Gallery + description: 'A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images.' + preview: 'https://eleventy-excellent-gallery.netlify.app/gallery/' + branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-gallery' + - title: Pagination + description: 'The blog collection with a pagination of 2 posts per page. To work with visual current page indication, :has() pseudo-class support is required.' + preview: 'https://eleventy-excellent-pagination.netlify.app/blog/page-1/' + branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-pagination' + - title: Tags + description: 'The blog now features a basic tag system. Tags can be stored in front matter, as a YAML list or as an array.' + preview: 'https://eleventy-excellent-tags.netlify.app/tags/' + branch: 'https://github.com/madrilene/eleventy-excellent/tree/demo-tags' +--- + +This is a very opinionated starter, but it can be further developed in many directions. In its current form, it can already be used as a simple blog. + +To avoid overloading this base with too many subtleties, I put special features such as image gallery, tags, or pagination in separate branches that (usually... hopefully! 🫣 ) keep up with the main branch. +Work in progress. + +## Demos + +{% for item in demos %} + +
+

{{ item.title }}

+

{{ item.description }} +

+ Demo + Branch +
+
+{% endfor %}