36 Commits

Author SHA1 Message Date
Helen Chong
5436eec4c8 Replace list-style: none to list-style-type: "" 2024-07-13 22:13:50 +08:00
Helen Chong
296a902f1e Set shrine home link on the global navbar template 2024-07-07 13:00:45 +08:00
Helen Chong
dc956fb995 Clean up navbar link block 2024-07-07 12:55:34 +08:00
Helen Chong
0c48f179a7 Rename shrine index to shrine directory 2024-07-07 12:53:49 +08:00
Helen Chong
df9c3859d2 Refactor Escape key press event 2024-07-05 17:21:50 +08:00
Helen Chong
f601c118d4 Remove navigation ARIA role from nav elements 2024-06-23 16:17:53 +08:00
Helen Chong
9d44e34113 Remove defer attribute from standalone <script> tags 2024-06-23 16:17:00 +08:00
Helen Chong
1614230583 Fix navigation menu's aria-expanded attribute when closed with Escape key 2024-06-14 03:01:14 +08:00
Helen Chong
6bbb230f1f Use SVG icon for navigation hamburger menu 2024-06-14 02:54:37 +08:00
Helen Chong
46fc7d683e Reduce navbar's toggle font size and paddings 2024-06-12 08:07:16 +08:00
Helen Chong
00baf37c40 Refactor navigation hamburger menu to an accordion 2024-06-12 01:24:10 +08:00
Helen Chong
9969d0e36f Initiate variables for navbar class names 2024-06-10 19:35:27 +08:00
Helen Chong
c2410dce82 Make navigation links flexbox on all screen sizes 2024-06-10 16:55:19 +08:00
Helen Chong
a92621bbfc Add event parameter to handleBlur function 2024-06-08 00:47:33 +08:00
Helen Chong
2299d5bc94 Add semicolon to handleBlue navigation function 2024-06-08 00:45:55 +08:00
Helen Chong
85ef8b87b3 Close navigation if the user tabs out of navigation links 2024-06-08 00:45:21 +08:00
Helen Chong
a7c2bf8f29 Enable using escape key to close navigation toggle 2024-06-08 00:43:19 +08:00
Helen Chong
fb4515acc5 Use double quotes for navigation toggle functions 2024-06-08 00:39:51 +08:00
Helen Chong
821d523e03 Attribute source of accessible navigation toggle script 2024-06-08 00:38:50 +08:00
Helen Chong
d3c19d83fb Use ariaExpanded method for navigation toggle function 2024-06-08 00:37:13 +08:00
Helen Chong
5117609be4 Refactor navigation toggle function 2024-06-08 00:36:30 +08:00
Helen Chong
4ef8ebd499 Refactor aria-expanded attribute check 2024-06-08 00:29:11 +08:00
Helen Chong
1bc88b6c95 Check aria-expanded value instead of class name to toggle the attribute of navigation toggle button 2024-06-08 00:24:58 +08:00
Helen Chong
af784f1a8d Restore navigation toggle to button element and add aria-expanded attribute toggle 2024-06-08 00:17:59 +08:00
Helen Chong
9b22c711a0 Optimise navigation toggle label for screen readers 2024-06-07 21:00:55 +08:00
Helen Chong
859ff67818 Use pointer cursor when hovered over navigation toggle 2024-06-07 17:46:14 +08:00
Helen Chong
d8e4374363 Use checkbox for navigation toggle to remove use of JavaScript 2024-06-07 17:24:50 +08:00
Helen Chong
4c5abd1e80 Use hambutger menu text symbol for navigation roggle button 2024-06-06 21:07:22 +08:00
Helen Chong
4d1486a6d5 Adjust left-right padding of navbar links on mobile 2024-05-10 17:07:17 +08:00
Helen Chong
1597932099 Put navbar title in toggle button for mobile 2024-05-10 17:06:10 +08:00
Helen Chong
17a1153c3a Style navigation bar toggle button focus outline 2024-04-29 18:23:26 +08:00
Helen Chong
73a0b332d3 Fix hidden overflowed focus outline on larger screens 2024-04-29 18:12:51 +08:00
Helen Chong
497b074594 Turn the nabigation menu into a hamburger menu on mobile 2024-04-29 18:01:46 +08:00
Helen Chong
e0e8f9acb5 Use position: sticky to make navbar sticky 2024-04-18 22:54:20 +08:00
Helen Chong
9d550cae71 Increase navbar sticky line 2024-04-18 22:26:11 +08:00
Helen Chong
2704f2e8b1 Use block and extends for navbar 2024-04-18 13:55:45 +08:00