5t3ph
/ gatsby-useLocation-hook-change-theme.js
Last active
November 28, 2022 13:16
In Gatsby, leverage Reach Router's useLocation hook along with the query-string package to change user's selected theme, or expand to any values you need from the URL parameters, available on `location.search` from the useLocation hook.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from 'react'; | |
| import { useLocation } from '@reach/router'; | |
| import queryString from 'query-string'; | |
| const getSelectedTheme = (query) => { | |
| const fallback = 'light'; | |
| if (query) { | |
| const queriedTheme = queryString.parse(query); |
nexxos
/ ARIA Accessibility cheatsheet
Created
October 2, 2013 09:05
Simple HTML5 boilerplate serving as WAI-ARIA / accessibility cheatsheet.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Document title</title> | |
| <meta charset='utf-8'> | |
| <meta name='description' content='Description of document content'> | |
| </head> | |
| <body> |