https://github.com/jxnblk/hello10k

An under 10kB adaptation of Hello Color for 10k Apart
https://github.com/jxnblk/hello10k

Last synced: 3 months ago
JSON representation

An under 10kB adaptation of Hello Color for 10k Apart

• Host: GitHub
• URL: https://github.com/jxnblk/hello10k
• Owner: jxnblk
• License: mit
• Archived: true
• Created: 2016-08-29T01:34:09.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-09-30T19:57:43.000Z (about 8 years ago)
• Last Synced: 2024-07-21T03:35:19.516Z (4 months ago)
• Language: JavaScript
• Homepage: https://hello10k.jxnblk.com/
• Size: 18.6 KB
• Stars: 17
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        

# Hello 10k

https://hello10k.jxnblk.com

An under 10kB adaptation of [Hello Color](http://jxnblk.com/hello-color)

for [10k Apart](https://a-k-apart.com).

## Installing

This application runs on a Node server.

```sh

npm install

```

Build client side bundle:

```sh

npm run postinstall

```

Start the node server:

```sh

npm start

```

Start the development server:

```sh

npm run dev

```

## About

This site generates random color pairs that pass a minimum of 4:1 contrast ratio to meet the WCAG's level AA conformance for large text.

Click or refresh the page to generate a new pair.

Using URL parameters, you can bookmark or share any pair of colors from this site.

To see a history of the color pairs from a session, open the developer console in your browser.

Read more about color contrast recommendations here:

- [Web Content Accessibility Guidelines](https://www.w3.org/TR/WCAG20/#visual-audio-contrast)

- [Understanding Contrast](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html)

[MIT License](LICENSE.md)