https://github.com/rickycodes/random-404

A simple 404 page that uses the pathname as input to generate a 404 message.
https://github.com/rickycodes/random-404

404 javascript reddit speech speech-synthesis

Last synced: 2 months ago
JSON representation

A simple 404 page that uses the pathname as input to generate a 404 message.

• Host: GitHub
• URL: https://github.com/rickycodes/random-404
• Owner: rickycodes
• Created: 2012-12-31T13:52:19.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2018-04-28T08:09:34.000Z (over 6 years ago)
• Last Synced: 2024-04-15T13:18:19.084Z (9 months ago)
• Topics: 404, javascript, reddit, speech, speech-synthesis
• Language: JavaScript
• Homepage: http://ricky.codes/lol/wat
• Size: 510 KB
• Stars: 13
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Random 404

[![Build Status](https://api.travis-ci.org/rickycodes/random-404.svg?branch=master)](https://travis-ci.org/rickycodes/random-404/)

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/)

![wat](http://ricky.codes/i/deal-with-it.gif?v=lol)

A simple 404 page that uses the URL's `pathname` as input to generate a custom message.

## Features

* Dyanmic text-to-speech via [SpeechSynthesis](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance)

* Control [`pitch (0-2)`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/pitch), [`rate (0.1-10)`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/rate), [`volume (0-1)`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/volume), [`voice (depends on OS)`](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance/voice), and `wordgap` (seconds) of speech via query parameters

* Random background fetched from: http://reddit.com/r/wheredidthesodago/ or bring your own resource via `lol` query parameter

* Complete disregard for sane coding practices

## Installation

Simply configure your http daemon to use the two files in `/public` (after you `npm run build`) as your global 404 e.g.: `error_page 404 /404/index.html;`, _et voilà!_

## Examples

**stringy things:**

* http://ricky.codes/no/u

* http://ricky.codes/y/u/ಠ_ಠ

* http://ricky.codes/%7C%20(•%20◡•)%7C%20(❍ᴥ❍ʋ)

* http://ricky.codes/☁→❄→☃

* http://ricky.codes/yo/dat/sheeee/is/🔥

**bring your own image:**

* http://ricky.codes/lol/butts/?lol=http://i1.wp.com/farm9.staticflickr.com/8342/8176438031_ea9d9980d6_z.jpg

**alter `pitch`, `rate` & `wordgap`:**

* http://ricky.codes/where/did/the/soda/go?rate=0.1&pitch=0.1&wordgap=1

## Notes

Paths will vary depending on environment.