https://github.com/svenpanel/the-shrine-ng

🔴 A progressive web app of a retro soundboard. The Shrine comes with "Gude Laune!" and many more legendary sounds. 🔊
https://github.com/svenpanel/the-shrine-ng

audio cultural-heritage feiern festival history html5 nuxtjs offline-app offline-capable pwa shrine soundboard svenpanel theshrine workbox

Last synced: 3 months ago
JSON representation

🔴 A progressive web app of a retro soundboard. The Shrine comes with "Gude Laune!" and many more legendary sounds. 🔊

• Host: GitHub
• URL: https://github.com/svenpanel/the-shrine-ng
• Owner: svenpanel
• Created: 2019-03-16T23:00:46.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T11:35:22.000Z (3 months ago)
• Last Synced: 2024-10-25T10:47:51.387Z (3 months ago)
• Topics: audio, cultural-heritage, feiern, festival, history, html5, nuxtjs, offline-app, offline-capable, pwa, shrine, soundboard, svenpanel, theshrine, workbox
• Language: Vue
• Homepage: https://theshrine.pw
• Size: 6.11 MB
• Stars: 17
• Watchers: 2
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
![the-shrine-ng](https://github.com/svenpanel/the-shrine-ng/raw/master/static/og_image.png)

# the shrine, 21st century edition

But why?

Well, to:

- [x] save the [original shrine](http://theshrine.de) from becoming history due to technical advancements.

- [x] allow everyone to contribute to the project.

- [x] keep the authentic design (for now), but make it usable on small screens.

- [x] allow it to be used offline.

## Adding a groove

1. Make sure it's freely usable.

2. Lower the volume by roughly 11dB.

3. Encode it to a low bitrate to keep file size small

4. add it to the grooves folder

5. add it to the `static/grooves.json` file

## Build Setup

```bash

# install dependencies

$ yarn install

# serve with hot reload at localhost:3000

$ yarn run dev

# build for production and launch server

$ yarn run build

$ yarn start

# generate static project

$ yarn run generate

```

For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).