https://github.com/zombiefox/quirkyiguana

https://github.com/zombiefox/quirkyiguana

gallery grid image image-gallery media media-gallery reddit reddit-image-viewer reddit-media subreddit subreddit-gallery-images video video-gallery viewer

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/zombiefox/quirkyiguana
• Owner: zombieFox
• License: gpl-3.0
• Created: 2022-09-16T17:01:22.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-29T10:42:17.000Z (5 months ago)
• Last Synced: 2024-07-29T13:57:20.477Z (5 months ago)
• Topics: gallery, grid, image, image-gallery, media, media-gallery, reddit, reddit-image-viewer, reddit-media, subreddit, subreddit-gallery-images, video, video-gallery, viewer
• Language: JavaScript
• Homepage: https://zombiefox.github.io/quirkyIguana/
• Size: 66.5 MB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Quirky Iguana

## Reddit Image and Video viewer

### [See it in action](https://zombiefox.github.io/quirkyIguana/)

### Customise

To make changes and select which subreddits to pull data from edit the `src/config.js` file.

### Development

To develop run:

- `npm i`

- `npm run start`

The project can be viewed locally at: `http://localhost:8080/`.

To build run:

- `npm i`

- `npm run build`

A web ready folder will be created at: `/dist/`.

### Keybaord shortcuts and controls

- `H` - Toggle help.

- `L` - Load more media from Reddit.

- `1` - Change to SQUARE gallery layout.

- `2` - Change to GRID gallery layout.

- `3` - Change to FLEX gallery layout.

- `4` - Change to COLUMN gallery layout.

- `5` - Change to SOLO gallery layout.

- `Q` or `W` - Cycle back and forth between gallery layouts.

- `T` or `Y` - Increase or decrease gallery gap.

- `U` or `I` - Increase or decrease gallery corner radius.

- `-` or `+` - Increase or decrease grid count or zoom amount in SOLO view.

- `S` - Cycle between playing and pausing all videos.

- `M` - Cycle between muting and unmuting all videos.

- `Z` - Toggle zoom only in SOLO view.

- `X` - Change zoom style in SOLO view.

- `↓` or `↑` - Jump between media in SOLO view.

- `O` or `P` - Increase or decrease zoom border.

- `D` - Cycle between light and dark mode.

- `F` - Toggle fullscreen.

- `0` - Reset all gallery layouts.