Add full stops to sentences in lists

This commit is contained in:
Helen Chong 2024-12-19 14:14:23 +08:00
parent 81daeaa3c6
commit ede4f9dbaa
2 changed files with 20 additions and 17 deletions

View File

@ -1,7 +1,7 @@
--- ---
title: Accessibility title: Accessibility
keyword: accessibility statement keyword: accessibility statement
updated: 2024-11-27T14:39:00+0800 updated: 2024-12-19T14:13:05+0800
eleventyNavigation: eleventyNavigation:
order: 13 order: 13
--- ---
@ -13,15 +13,16 @@ Therefore, I strive to design my website to be accessible, including to fellow d
## Accessibility Features ## Accessibility Features
High-level overview of the accessibility features of this site: High-level overview of the accessibility features of this site:
* Responsive design and mobile-friendly layout
* Semantic HTML, enhanced by Web Accessibility Initiative Accessible Rich Internet Applications (WAI-ARIA) * Responsive design and mobile-friendly layout.
* Sufficient colour contrast between text and background colours * Semantic HTML, enhanced by Web Accessibility Initiative Accessible Rich Internet Applications (WAI-ARIA).
* Alt text for all non-decorative images, occasionally accompanied with longer image descriptions * Sufficient colour contrast between text and background colours.
* Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused * Alt text for all non-decorative images, occasionally accompanied with longer image descriptions.
* Logical content and heading flow * Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused.
* Links to skip to the main content or the top of the page * Logical content and heading flow.
* Links to skip to the main content or the top of the page.
* Sufficient font size that can be enlarged without breaking the site layout * Sufficient font size that can be enlarged without breaking the site layout
* No autoplaying audio or video * No autoplaying audio or video.
This site uses the [Lexend](https://www.lexend.com/) font family as the default font and [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) as the monospaced font to improve text readability. This site uses the [Lexend](https://www.lexend.com/) font family as the default font and [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) as the monospaced font to improve text readability.

View File

@ -1,7 +1,7 @@
--- ---
title: Colophon title: Colophon
keyword: colophon page keyword: colophon page
updated: 2024-12-10T17:43:34+0800 updated: 2024-12-19T14:13:29+0800
toc: true toc: true
eleventyNavigation: eleventyNavigation:
order: 14 order: 14
@ -11,12 +11,12 @@ Information about how this website is built.
## Technology ## Technology
* Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }} * Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }}.
* JavaScript runtime: [Bun](https://bun.sh) * JavaScript runtime: [Bun](https://bun.sh).
* Templating languages: Nunjucks and Markdown * Templating languages: Nunjucks and Markdown.
* Code written with Visual Studio Code * Code written with Visual Studio Code.
* Tested browsers: Mozilla Firefox, Vivaldi and Lynx * Tested browsers: Mozilla Firefox, Vivaldi and Lynx.
* Source code available on [GitHub](https://github.com/helenclx/leilukin-site) and its [Gitea mirror](https://git.32bit.cafe/Leilukin/leilukin-site) * Source code available on [GitHub](https://github.com/helenclx/leilukin-site) and its [Gitea mirror](https://git.32bit.cafe/Leilukin/leilukin-site).
## Host and Domain ## Host and Domain
@ -42,6 +42,7 @@ Previously, this website was hosted on [Neocities](https://neocities.org/) until
### markdown-it plugins ### markdown-it plugins
Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/markdown-it) built in to render Markdown to HTML. Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/markdown-it) built in to render Markdown to HTML.
* [markdown-it-anchor](https://www.npmjs.com/package/markdown-it-anchor) * [markdown-it-anchor](https://www.npmjs.com/package/markdown-it-anchor)
* [markdown-it-attribution](https://www.npmjs.com/package/markdown-it-attribution) * [markdown-it-attribution](https://www.npmjs.com/package/markdown-it-attribution)
* [markdown-it-attrs](https://www.npmjs.com/package/markdown-it-attrs) * [markdown-it-attrs](https://www.npmjs.com/package/markdown-it-attrs)
@ -56,9 +57,10 @@ Eleventy has the Markdown parser [markdown-it](https://www.npmjs.com/package/mar
### Fonts ### Fonts
* [Lexend](https://www.lexend.com/) font family — used as the default font of this site. CSS stylesheet and WOFF2 font format generated by [google-webfonts-helper](https://gwfh.mranftl.com/fonts). * [Lexend](https://www.lexend.com/) font family — used as the default font of this site. CSS stylesheet and WOFF2 font format generated by [google-webfonts-helper](https://gwfh.mranftl.com/fonts).
* [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) typeface — used as the monospaced font of this site * [Intel One Mono](https://www.intel.com/content/www/us/en/company-overview/one-monospace-font.html) typeface — used as the monospaced font of this site.
## JavaScript ## JavaScript
Due to this website being a static site, JavaScript is used to create dynamic and interactive components of this site. Here is a list of how JavaScript is used on this site: Due to this website being a static site, JavaScript is used to create dynamic and interactive components of this site. Here is a list of how JavaScript is used on this site:
* The header of every page uses JavaScript to detect the visitor's current date, so the header will display a top blurb and in some cases also changes the header background on certain dates, including: * The header of every page uses JavaScript to detect the visitor's current date, so the header will display a top blurb and in some cases also changes the header background on certain dates, including: