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

Update colophon page with new info about hamburger menu's usage of JavaScript

This commit is contained in:
Helen Chong 2024-06-12 01:26:00 +08:00
parent 00baf37c40
commit d8dc845b48
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/statements/colophon.md
View File

@ -1,7 +1,7 @@
--- ---
title: Colophon title: Colophon
keyword: colophon page keyword: colophon page
updated: 2024-06-11 updated: 2024-06-12
toc: true toc: true
eleventyNavigation: eleventyNavigation:
order: 13 order: 13
@ -54,10 +54,7 @@ Due to this website being a static site, JavaScript is used to create dynamic an
* [{% cite "Star Wars: Knights of the Old Republic" %}](/shrines/starwarskotor) * [{% cite "Star Wars: Knights of the Old Republic" %}](/shrines/starwarskotor)
* [{% cite "Cassette Beasts" %}](/shrines/cassettebeasts) * [{% cite "Cassette Beasts" %}](/shrines/cassettebeasts)
* Birthdays of characters from {% cite "A Summer’s End — Hong Kong 1986" %} on its shrine. * Birthdays of characters from {% cite "A Summer’s End — Hong Kong 1986" %} on its shrine.
* When this site is viewed on mobile devices, the navigation bar uses JavaScript for the following purposes: * When this site is viewed on mobile devices, the navigation bar uses JavaScript to enable using the Escape key to close the navigation manu.
* Toggle the display of the navigation links when the navigation menu button is clicked;
* Close the navigation menu if the keyboard user tab out of the manu;
* Enable using the Escape key to close the navigation manu.
* Zach Leatherman's [details-utils](https://www.npmjs.com/package/@zachleat/details-utils) JavaScript package is used to automatically expand sidebar table of contents on wide screens. * Zach Leatherman's [details-utils](https://www.npmjs.com/package/@zachleat/details-utils) JavaScript package is used to automatically expand sidebar table of contents on wide screens.
* Every page has a button on the bottom right corner to allow you to quickly scroll to the top of the page. This scroll-to-top button uses JavaScript to show or hide the button based on your scroll position. * Every page has a button on the bottom right corner to allow you to quickly scroll to the top of the page. This scroll-to-top button uses JavaScript to show or hide the button based on your scroll position.
* A "Back to top" link that does not use JavaScript is available on each page's bottom footer if JavaScript is disabled, but the JavaScript version allows visitors to quickly scroll to the top of the page without needing to reach the bottom footer. * A "Back to top" link that does not use JavaScript is available on each page's bottom footer if JavaScript is disabled, but the JavaScript version allows visitors to quickly scroll to the top of the page without needing to reach the bottom footer.