A page for watching the PrivacyWeek live streams.

You can either generate the site for a regular installation or use our docker file to run it with docker.

Clone this repository. Then install dependencies with

$ npm install

Generate the static site with

$ npm run generate

The generated site will be in /dist. Use any webserver to serve the content of that directory.

Build the docker image with

$ docker build -t privacyweek-streaming-site:latest .

Then start the image with

$ docker run --publish 80:80 privacyweek-streaming-site:latest

Clone this repository. Then install dependencies with

$ npm install

Run the page in development mode with

$ npm run dev

The site should be available at localhost:3000 and should automatically reload when you make changes to the code.

You can create a file named .env to set specific environment variables for the environment you are currently running the page from. You can use this to e.g. change the URL where the page looks for the schedule file from pretalx or to activate date and time mocking.

Environment variables are available via process.env. We use these in nuxt.config.js to set certain parts of publicRuntimeConfig. All variables defined in publicRuntimeConfig are available in the code via $config.

For a list of variables that can be set in .env check the publicRuntimeConfig in nuxt.config.js.

SCHEDULE_LOCATION=https://fahrplan.privacyweek.at/pw21/schedule/export/schedule.json
IS_DATE_TIME_MOCKED=true

This project uses Nuxt.js, a framework for building Vue.js applications. We configured Nuxt to generate the application as static site.

We use Video.js for the video player.

We use Bulma as our CSS framework. Additional CSS is written in Sass(SCSS).

We use ESLint for linting and Prettier for formatting the code.

Feel free to contribute to this project. You can

• open issues for bugs or suggestions
• work on issues and submit pull requests

• if you are working on code, please fork the project
• if you are working on something, please assign the issue to yourself
• if you have questions, comment in the issue or open a new issue

If you are working on code, we recommend you set up ESLint and Prettier for linting and formatting. The configuration files are already included in the project and the ESLint and Prettier packages should already be installed when you run npm install. But you might need additional extensions for your IDE so that it will use prettier to format the code and ESLint to highlight potential errors.

Warning: this part of the readme might be out of date.

Download schedule.json from https://cfp.privacyweek.at/pw21/schedule/export/schedule.json and place it in static

When deploying a generated build, make sure the server regularly fetches the schedule.json and places it in the top-most level next to index.html.