Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/slashes/statements/accessibility.md
View File

@ -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.

18
src/slashes/statements/colophon.md
View File

@ -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: