https://github.com/avh4/lightning-select

Randomizer for choosing lightning talk speakers
https://github.com/avh4/lightning-select

Last synced: 8 days ago
JSON representation

Randomizer for choosing lightning talk speakers

• Host: GitHub
• URL: https://github.com/avh4/lightning-select
• Owner: avh4
• Created: 2013-10-10T06:13:46.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2020-04-17T21:25:26.000Z (over 4 years ago)
• Last Synced: 2024-10-27T12:06:29.272Z (about 2 months ago)
• Language: HTML
• Size: 428 KB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Lightning Select

Randomizer for choosing lightning talk speakers

![Screenshot of lightning select in action!](screenshot.png)

## Usage

You should clone lightning-select, add your own avatar images in `img/`, and modify `index.html` to use the images and speaker names of your choosing.  Speakers should only go in the 8 outer frames, not in the center frame.

Then open `index.html` in your web browser.

**Click the center frame** to choose a random speaker.  The selector will move around for a moment to create suspense, and then will highlight a name in red when it stops.  The selector will never stop on a "dimmed" frame.

**Click a speaker frame** (one of the 8 outside frames) to dim/undim the speaker.  When dimmed, speakers will not be chosen by the random selector.

*Don't forget to play [cool tunes](https://soundcloud.com/search/sets?q=chiptunes) while Lightning Select is visible!*

## How to create avatar images

1. ![example image of a person](step-1.png) Find an image of the person

1. ![example of an image after cropping](step-2.png) Crop the image to a square such that most of the remaining area is covered by the person's face

1. ![example of an image after adjusting contrast](step-3.png) Increase the contrast and brightness of the image such that the highlights on the skin get washed out and the shadows are not too large

1. ![example of an image after scaling](step-4.png) Scale the image to 30x30 pixels

1. ![example of an image after reducing its palette](step-5.png) Convert the image to the color palette of [img/background.png](img/background.png) (In The GIMP, simply open background.png and paste the avatar image in to it.)

1. ![example of an image after upscaling](step-6.png) Resize the image to 120x120 pixels with no interpolation