diff --git a/src/slashes/statements/accessibility.md b/src/slashes/statements/accessibility.md index 564e2d90..7047872b 100644 --- a/src/slashes/statements/accessibility.md +++ b/src/slashes/statements/accessibility.md @@ -1,7 +1,7 @@ --- title: Accessibility keyword: accessibility statement -updated: 2024-11-27T14:39:00+0800 +updated: 2024-12-19T14:13:05+0800 eleventyNavigation: order: 13 --- @@ -13,15 +13,16 @@ Therefore, I strive to design my website to be accessible, including to fellow d ## Accessibility Features 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) -* Sufficient colour contrast between text and background colours -* Alt text for all non-decorative images, occasionally accompanied with longer image descriptions -* Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused -* Logical content and heading flow -* Links to skip to the main content or the top of the page + +* Responsive design and mobile-friendly layout. +* Semantic HTML, enhanced by Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA). +* Sufficient colour contrast between text and background colours. +* Alt text for all non-decorative images, occasionally accompanied with longer image descriptions. +* Keyboard navigation-friendly: Every interactive element can be focused and interacted with keyboard buttons, with visible outline when focused. +* 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 -* 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. diff --git a/src/slashes/statements/colophon.md b/src/slashes/statements/colophon.md index 1a9be7ac..200a08a9 100644 --- a/src/slashes/statements/colophon.md +++ b/src/slashes/statements/colophon.md @@ -1,7 +1,7 @@ --- title: Colophon keyword: colophon page -updated: 2024-12-10T17:43:34+0800 +updated: 2024-12-19T14:13:29+0800 toc: true eleventyNavigation: order: 14 @@ -11,12 +11,12 @@ Information about how this website is built. ## Technology -* Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }} -* JavaScript runtime: [Bun](https://bun.sh) -* Templating languages: Nunjucks and Markdown -* Code written with Visual Studio Code -* 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) +* Built with the static site generator [Eleventy](https://www.11ty.dev/) v{{ eleventy.version }}. +* JavaScript runtime: [Bun](https://bun.sh). +* Templating languages: Nunjucks and Markdown. +* Code written with Visual Studio Code. +* 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). ## Host and Domain @@ -42,6 +42,7 @@ Previously, this website was hosted on [Neocities](https://neocities.org/) until ### markdown-it plugins 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-attribution](https://www.npmjs.com/package/markdown-it-attribution) * [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 * [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 + 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: