2025-04-28 16:00:34 +05:30
367 changed files with 17410 additions and 50034 deletions
--- a/.ameba.yml
+++ b/.ameba.yml
@ -1,72 +0,0 @@
 #
 # Lint
 #
 # Exclude assigns for ECR files
 Lint/UselessAssign:
  Excluded:
  - src/invidious.cr
  - src/invidious/helpers/errors.cr
  - src/invidious/routes/**/*.cr
 # Ignore false negative (if !db.query_one?...)
 Lint/UnreachableCode:
  Excluded:
  - src/invidious/database/base.cr
 # Ignore shadowed variable `key` (it works for now, and that's
 # a sensitive part of the code)
 Lint/ShadowingOuterLocalVar:
  Excluded:
  - src/invidious/helpers/tokens.cr
 Lint/NotNil:
  Enabled: false
 Lint/SpecFilename:
  Excluded:
    - spec/parsers_helper.cr
 #
 # Style
 #
 Style/RedundantBegin:
  Enabled: false
 Style/RedundantReturn:
  Enabled: false
 Style/RedundantNext:
  Enabled: false
 Style/ParenthesesAroundCondition:
  Enabled: false
 # This requires a rewrite of most data structs (and their usage) in Invidious.
 Naming/QueryBoolMethods:
  Enabled: false
 Naming/AccessorMethodName:
  Enabled: false
 Naming/BlockParameterName:
  Enabled: false
 # Hides TODO comment warnings.
 #
 # Call `bin/ameba --only Documentation/DocumentationAdmonition` to
 # list them
 Documentation/DocumentationAdmonition:
  Enabled: false
 #
 # Metrics
 #
 # Ignore function complexity (number of if/else & case/when branches)
 # For some functions that can hardly be simplified for now
 Metrics/CyclomaticComplexity:
  Enabled: false
--- a/.gitattributes
+++ b/.gitattributes
@ -1,3 +0,0 @@
 # https://github.community/t/how-to-change-the-category/2261/3
 videojs-*.js linguist-detectable=false
 video.min.js linguist-detectable=false
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@ -1,18 +0,0 @@
 # Default and lowest precedence. If none of the below matches, @iv-org/developers would be requested for review.
 * @iv-org/developers
 docker-compose.yml @unixfox
 docker/ @unixfox
 kubernetes/ @unixfox
 README.md @thefrenchghosty
 config/config.example.yml @SamantazFox @unixfox
 scripts/ @syeopite
 shards.lock @syeopite
 shards.yml @syeopite
 locales/ @SamantazFox
 src/invidious/helpers/i18n.cr @SamantazFox
 src/invidious/helpers/youtube_api.cr @SamantazFox
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1 +0,0 @@
 custom: https://invidious.io/donate/
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@ -1,44 +0,0 @@
 ---
 name: Bug report
 about: Create a bug report to help us improve Invidious
 title: '[Bug] '
 labels: bug
 assignees: ''
 ---
 <!--
  BEFORE TRYING TO REPORT A BUG:
  * Read the FAQ: https://docs.invidious.io/faq/!
  * Use the search function to check if there is already an issue open for your problem: https://github.com/search?q=repo%3Aiv-org%2Finvidious+replace+me+with+your+bug&type=issues!
  MAKE SURE TO FOLLOW THE TWO STEPS ABOVE BEFORE REPORTING A BUG. A BUG THAT ALREADY EXIST WILL IMMEDIATELY CLOSED.
  If you want to suggest a new feature please use "Feature request" instead
  If you want to suggest an enhancement to an existing feature please use "Enhancement" instead
 -->
 **Describe the bug**
 <!-- A clear and concise description of what the bug is. -->
 **Steps to Reproduce**
 <!-- Steps to reproduce the behavior:
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error
 -->
 **Logs**
 <!-- If applicable, copy the log that appear in the browser page where the error is reported. -->
 **Screenshots**
 <!-- If applicable, add screenshots to help explain your problem. -->
 **Additional context**
 <!-- Add any other context about the problem here.
 - Browser (if applicable):
 - OS (if applicable):
 -->
--- a/.github/ISSUE_TEMPLATE/enhancement.md
+++ b/.github/ISSUE_TEMPLATE/enhancement.md
@ -1,24 +0,0 @@
 ---
 name: Enhancement
 about: Suggest an enhancement for an existing feature
 title: '[Enhancement] '
 labels: enhancement
 assignees: ''
 ---
 <!-- Please use the search function to check if the desired function has already been requested by someone else -->
 <!-- If you want to suggest a new feature please use "Feature request" instead --> 
 <!-- If you want to report a bug, please use "Bug report" instead -->
 **Is your enhancement request related to a problem? Please describe.**
 <!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
 **Describe the solution you'd like**
 <!-- A clear and concise description of what you want to happen. -->
 **Describe alternatives you've considered**
 <!-- A clear and concise description of any alternative solutions or features you've considered. -->
 **Additional context**
 <!-- Add any other context or screenshots about the enhancement here. -->
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@ -1,24 +0,0 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
 title: '[Feature request] '
 labels: feature-request
 assignees: ''
 ---
 <!-- Please use the search function to check if the desired function has already been requested by someone else -->
 <!-- If you want to suggest an enhancement to an existing feature please use "Enhancement" instead -->
 <!-- If you want to report a bug, please use "Bug report" instead -->
 **Is your feature request related to a problem? Please describe.**
 <!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
 **Describe the solution you'd like**
 <!-- A clear and concise description of what you want to happen. -->
 **Describe alternatives you've considered**
 <!-- A clear and concise description of any alternative solutions or features you've considered. -->
 **Additional context**
 <!-- Add any other context or screenshots about the feature request here. -->
--- a/.github/workflows/auto-close-duplicate.yaml
+++ b/.github/workflows/auto-close-duplicate.yaml
@ -1,37 +0,0 @@
 name: Close duplicates
 on:
  issues:
    types: [opened]
 jobs:
  run:
    runs-on: ubuntu-latest
    permissions: write-all
    steps:
      - uses: iv-org/close-potential-duplicates@v1
        with:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          # Issue title filter work with anymatch https://www.npmjs.com/package/anymatch.
          # Any matched issue will stop detection immediately.
          # You can specify multi filters in each line.
          filter: ''
          # Exclude keywords in title before detecting.
          exclude: ''
          # Label to set, when potential duplicates are detected.
          label: duplicate
          # Get issues with state to compare. Supported state: 'all', 'closed', 'open'.
          state: open
          # If similarity is higher than this threshold([0,1]), issue will be marked as duplicate.
          threshold: 0.9
          # Reactions to be add to comment when potential duplicates are detected.
          # Available reactions: "-1", "+1", "confused", "laugh", "heart", "hooray", "rocket", "eyes"
          reactions: ''
          close: true
          # Comment to post when potential duplicates are detected.
          comment: |
            Hello, your issue is a duplicate of this/these issue(s): {{#issues}}
              - #{{ number }} [accuracy: {{ accuracy }}%]
            {{/issues}}
            If this is a mistake please explain why and ping @\unixfox, @\SamantazFox and @\TheFrenchGhosty.
            Please refrain from opening new issues, it won't help in solving your problem.
--- a/.github/workflows/build-nightly-container.yml
+++ b/.github/workflows/build-nightly-container.yml
@ -1,87 +0,0 @@
 name: Build and release container directly from master
 on:
  push:
    branches:
      - "master"
    paths-ignore:
      - "*.md"
      - LICENCE
      - TRANSLATION
      - invidious.service
      - .git*
      - .editorconfig
      - screenshots/*
      - .github/ISSUE_TEMPLATE/*
      - kubernetes/**
 jobs:
  release:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v3
        with:
          platforms: arm64
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
      - name: Login to registry
        uses: docker/login-action@v3
        with:
          registry: quay.io
          username: ${{ secrets.QUAY_USERNAME }}
          password: ${{ secrets.QUAY_PASSWORD }}
      - name: Docker meta
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: quay.io/invidious/invidious
          tags: |
            type=sha,format=short,prefix={{date 'YYYY.MM.DD'}}-,enable=${{ github.ref == format('refs/heads/{0}', 'master') }}
            type=raw,value=master,enable=${{ github.ref == format('refs/heads/{0}', 'master') }}
          labels: |
            quay.expires-after=12w
      - name: Build and push Docker AMD64 image for Push Event
        uses: docker/build-push-action@v5
        with:
          context: .
          file: docker/Dockerfile
          platforms: linux/amd64
          labels: ${{ steps.meta.outputs.labels }}
          push: true
          tags: ${{ steps.meta.outputs.tags }}
          build-args: |
            "release=1"
      - name: Docker meta
        id: meta-arm64
        uses: docker/metadata-action@v5
        with:
          images: quay.io/invidious/invidious
          flavor: |
            suffix=-arm64
          tags: |
            type=sha,format=short,prefix={{date 'YYYY.MM.DD'}}-,enable=${{ github.ref == format('refs/heads/{0}', 'master') }}
            type=raw,value=master,enable=${{ github.ref == format('refs/heads/{0}', 'master') }}
          labels: |
            quay.expires-after=12w
      - name: Build and push Docker ARM64 image for Push Event
        uses: docker/build-push-action@v5
        with:
          context: .
          file: docker/Dockerfile.arm64
          platforms: linux/arm64/v8
          labels: ${{ steps.meta-arm64.outputs.labels }}
          push: true
          tags: ${{ steps.meta-arm64.outputs.tags }}
          build-args: |
            "release=1"
--- a/.github/workflows/build-stable-container.yml
+++ b/.github/workflows/build-stable-container.yml
@ -1,81 +0,0 @@
 name: Build and release container
 on:
  workflow_dispatch:
  push:
    tags:
      - "v*"
 jobs:
  release:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v3
        with:
          platforms: arm64
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
      - name: Login to registry
        uses: docker/login-action@v3
        with:
          registry: quay.io
          username: ${{ secrets.QUAY_USERNAME }}
          password: ${{ secrets.QUAY_PASSWORD }}
      - name: Docker meta
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: quay.io/invidious/invidious
          flavor: |
            latest=false
          tags: |
            type=semver,pattern={{version}}
            type=raw,value=latest
          labels: |
            quay.expires-after=12w
      - name: Build and push Docker AMD64 image for Push Event
        uses: docker/build-push-action@v5
        with:
          context: .
          file: docker/Dockerfile
          platforms: linux/amd64
          labels: ${{ steps.meta.outputs.labels }}
          push: true
          tags: ${{ steps.meta.outputs.tags }}
          build-args: |
            "release=1"
      - name: Docker meta
        id: meta-arm64
        uses: docker/metadata-action@v5
        with:
          images: quay.io/invidious/invidious
          flavor: |
            latest=false
            suffix=-arm64
          tags: |
            type=semver,pattern={{version}}
            type=raw,value=latest
          labels: |
            quay.expires-after=12w
      - name: Build and push Docker ARM64 image for Push Event
        uses: docker/build-push-action@v5
        with:
          context: .
          file: docker/Dockerfile.arm64
          platforms: linux/arm64/v8
          labels: ${{ steps.meta-arm64.outputs.labels }}
          push: true
          tags: ${{ steps.meta-arm64.outputs.tags }}
          build-args: |
            "release=1"
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@ -1,166 +0,0 @@
 name: Invidious CI
 on:
  schedule:
    - cron: "0 0 * * *" # Every day at 00:00
  push:
    branches:
      - "master"
      - "api-only"
  pull_request:
    branches: "*"
    paths-ignore:
      - "*.md"
      - LICENCE
      - TRANSLATION
      - invidious.service
      - .git*
      - .editorconfig
      - screenshots/*
      - assets/**
      - locales/*
      - config/**
      - .github/ISSUE_TEMPLATE/*
      - kubernetes/**
 jobs:
  build:
    runs-on: ubuntu-latest
    name: "build - crystal: ${{ matrix.crystal }}, stable: ${{ matrix.stable }}"
    continue-on-error: ${{ !matrix.stable }}
    strategy:
      fail-fast: false
      matrix:
        stable: [true]
        crystal:
          - 1.12.1
          - 1.13.2
          - 1.14.0
          - 1.15.0
        include:
          - crystal: nightly
            stable: false
    steps:
      - uses: actions/checkout@v4
        with:
          submodules: true
      - name: Install required APT packages
        run: |
          sudo apt install -y libsqlite3-dev
        shell: bash
      - name: Install Crystal
        uses: crystal-lang/install-crystal@v1.8.0
        with:
          crystal: ${{ matrix.crystal }}
      - name: Cache Shards
        uses: actions/cache@v3
        with:
          path: |
            ./lib
            ./bin
          key: shards-${{ hashFiles('shard.lock') }}
      - name: Install Shards
        run: |
          if ! shards check; then
            shards install
          fi
      - name: Run tests
        run: crystal spec
      - name: Build
        run: crystal build --warnings all --error-on-warnings --error-trace src/invidious.cr
  build-docker:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Build Docker
        run: docker compose build --build-arg release=0
      - name: Run Docker
        run: docker compose up -d
      - name: Test Docker
        run: while curl -Isf http://localhost:3000; do sleep 1; done
  build-docker-arm64:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Set up QEMU
        uses: docker/setup-qemu-action@v3
        with:
          platforms: arm64
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
      - name: Build Docker ARM64 image
        uses: docker/build-push-action@v5
        with:
          context: .
          file: docker/Dockerfile.arm64
          platforms: linux/arm64/v8
          build-args: release=0
      - name: Test Docker
        run: while curl -Isf http://localhost:3000; do sleep 1; done
  lint:
    runs-on: ubuntu-latest
    continue-on-error: true
    steps:
      - uses: actions/checkout@v4
        with:
          submodules: true
      - name: Install Crystal
        id: lint_step_install_crystal
        uses: crystal-lang/install-crystal@v1.8.0
        with:
          crystal: latest
      - name: Cache Shards
        uses: actions/cache@v3
        with:
          path: |
            ./lib
            ./bin
          key: shards-${{ hashFiles('shard.lock') }}-${{ steps.lint_step_install_crystal.outputs.crystal }}
      - name: Install Shards
        run: |
          if ! shards check; then
            shards install
          fi
      - name: Check Crystal formatter compliance
        run: |
          if ! crystal tool format --check; then
            crystal tool format
            git diff
            exit 1
          fi
      - name: Run Ameba linter
        run: bin/ameba
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@ -1,23 +0,0 @@
 # Documentation: https://github.com/marketplace/actions/close-stale-issues
 name: "Stale issue handler"
 on:
  workflow_dispatch:
  schedule:
  - cron: "0 */12 * * *"
 jobs:
  stale:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/stale@v8
      with:
        repo-token: ${{ secrets.GITHUB_TOKEN }}
        days-before-stale: 730
        days-before-pr-stale: -1 
        days-before-close: 60
        stale-issue-message: 'This issue has been automatically marked as stale and will be closed in 30 days because it has not had recent activity and is much likely outdated. If you think this issue is still relevant and applicable, you just have to post a comment and it will be unmarked.'
        stale-issue-label: "stale"
        ascending: true
        # Exempt the following types of issues from being staled
        exempt-issue-labels: "feature-request,enhancement,discussion,exempt-stale"
--- a/.gitignore
+++ b/.gitignore
@ -1,4 +1,4 @@
-/docs/
+/doc/
 /dev/
 /lib/
 /bin/
@ -6,4 +6,4 @@
 /.vscode/
 /invidious
 /sentry
-/config/config.yml
+shard.lock
--- a/.gitmodules
+++ b/.gitmodules
@ -1,3 +0,0 @@
 [submodule "mocks"]
 	path = mocks
 	url = ../mocks
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
--- a/CHANGELOG_legacy.md
+++ b/CHANGELOG_legacy.md
@ -1,844 +0,0 @@
 # Note: This is no longer updated and links to omarroths repo, which doesn't exist anymore.
 # 0.20.0 (2019-011-06)
 # Version 0.20.0: Custom Playlists
 It's been quite a while since the last release! There've been [198 commits](https://github.com/omarroth/invidious/compare/0.19.0..0.20.0) from 27 contributors.
 A couple smaller features have since been added. Channel pages and playlists in particular have received a bit of a face-lift, with both now displaying their descriptions as expected, and playlists providing video count and published information. Channels will also now provide video descriptions in their RSS feed.
 Turkish (tr), Chinese (zh-TW, in addition to zh-CN), and Japanese (jp) are all now supported languages. Thank you as always to the hard work done by translators that makes this possible.
 The feed menu and default home page are both now configurable for registered and unregistered users, and is quite a bit of an improvement for users looking to reduce distractions for their daily use.
 ## For Administrators
 `feed_menu` and `default_home` are now configurable by the user, and have therefore been moved into `default_user_preferences`:
 ```yaml
 feed_menu: ["Popular", "Top"]
 default_home: Top
 # becomes:
 default_user_preferences:
  feed_menu: ["Popular", "Top"]
  default_home: Top
 ```
 Several new options have also been added, including the ability to set a support email for the instance using `admin_email: EMAIL`, and forcing the use of a specific connection in the case of rate-limiting using `force_resolve` (see below).
 ## For Developers
 Authenticated endpoints are now [properly documented](https://github.com/omarroth/invidious/wiki/Authenticated-Endpoints), as well how to generate and use API tokens. My hope is that this makes some of the more [interesting](https://github.com/omarroth/invidious/wiki/Authenticated-Endpoints#get-apiv1authnotifications) endpoints more accessible for developers to use in their own applications.
 API endpoints for interacting with custom playlists have also been added with documentation available [here](https://github.com/omarroth/invidious/wiki/Authenticated-Endpoints#get-apiv1authplaylists).
 ## Custom playlists
 This is probably the feature that has been the longest in the pipe and that I'm quite pleased is now implemented. It is now possible to create custom playlists, which can be played and edited through Invidious. API endpoints have also been added (documentation [here](https://github.com/omarroth/invidious/wiki/Authenticated-Endpoints#get-apiv1authplaylists)).
 Overall I'm quite pleased with how smoothly it has been rolled out and with the experience so far, and I'm exctited for how it can be extended and improved in future.
 ## [instances.invidio.us](https://instances.invidio.us)
 It is now possible to view a list of public instances (as provided in the [wiki](https://github.com/omarroth/invidious/wiki/Invidious-Instances)) through an API or a pretty new interface [here](https://instances.invidio.us). It combines uptime information, statistics from each instance and basic information already provided in the wiki. I expect it should be much more user-friendly than compiling the information yourself, and is already used by [Invidition](https://codeberg.org/Booteille/Invidition) to provide a list of instances for users to choose from.
 The site itself is licensed under the AGPLv3 and the source is available [here](https://github.com/omarroth/instances.invidio.us).
 ## Video unavailable [#811](https://github.com/omarroth/invidious/issues/811)
 Many users have likely noticed this error message if using Invidious directly or through another service, such as FreeTube. This issue is caused by rate-limiting by Google, and is not a new issuee for projects like Invidious (notably [youtube-dl](https://github.com/ytdl-org/youtube-dl#http-error-429-too-many-requests-or-402-payment-required)) and appears to be affecting smaller, private instances as well.
 There is not a permanent fix for administrators currently, however there is some information available [here](https://github.com/omarroth/invidious/issues/811#issuecomment-540017772) that may provide a temporary solution. Unfortanately, in most cases the best option is to wait for the instance to be unbanned or to move the instance to a different IP. A more informative error message is also now provided, which should help an administrator more quickly diagnose the problem.
 For those interested, I would recommend following [#811](https://github.com/omarroth/invidious/issues/811) for any future progress on the issue.
 ## BAT verified publisher
 I'm quite late to this announcement, however I'm pleased to mention that Invidious is now a BAT verified publisher! I would recommend looking [here](https://basicattentiontoken.org/about/) or [here](https://www.reddit.com/r/BATProject/comments/7cr7yc/new_to_bat_read_this_introduction_to_basic/) for learning more about what it is and how it works. Overall I think it makes an interesting substitute for services like Liberapay, and a (hopefully) much less-intrusive alternative to direct advertising.
 BAT is combined under other cryptocurrencies below. Currently there's a fairly significant delay in payout, which is the reason for the large fluctuation in crypto donations between September and October (and also the reason for the late announcement).
 ## Release schedule
 Currently I'm quite pleased with the current state of the project. There's plenty of things I'd still like to add, however at this point I expect the rate of most new additions will slow down a bit, with more focus on stabililty and any long-standing bugs.
 Because of this, I'm planning on releasing a new version quarterly, with any necessary hotfixes being pushed as a new patch release as necessary. As always it will be possible to run Invidious directly from [master](https://github.com/omarroth/invidious/wiki/Updating) if you'd still like to have the lastest version.
 I'll plan on providing finances each release, with a similar monthly breakdown as below.
 ## Finances for September 2019
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$64.37
 - [Liberapay](https://liberapay.com/omarroth) : \$76.04
 - Crypto : ~\$99.89 (converted from BAT, BCH, BTC)
 - Total : \$240.30
 ### Expenses
 - invidious-lb1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node6 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node7 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node8 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node9 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node10 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node11 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node12 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node13 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node14 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node15 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node16 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$135.00
 ## Finances for October 2019
 - [Liberapay](https://liberapay.com/omarroth) : \$134.40
 - Crypto : ~\$8.29 (converted from BAT, BCH, BTC)
 - Total : \$142.69
 ### Expenses
 - invidious-lb1 (nyc1) : \$5.00 (load balancer)
 - invidious-lb2 (nyc1) : \$5.00 (load balancer)
 - invidious-lb3 (nyc1) : \$5.00 (load balancer)
 - invidious-lb4 (nyc1) : \$5.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node6 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node7 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node8 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node9 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node10 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node11 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node12 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node13 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node14 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node15 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node16 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node17 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node18 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$155.00
 # 0.19.0 (2019-07-13)
 # Version 0.19.0: Communities
 Hello again everyone! Focus this month has mainly been on improving playback performance, along with a couple new features I'd like to announce. There have been [109 commits](https://github.com/omarroth/invidious/compare/0.18.0...0.19.0) this past month from 10 contributors.
 This past month has seen the addition of Chinese (`zh-CN`) and Icelandic (`is`) translations. I would like to give a huge thanks to their respective translators, and again an enormous thanks to everyone who helps translate the site.
 I'm delighted to mention that [FreeTube 0.6.0](https://github.com/FreeTubeApp/FreeTube) now supports 1080p thanks to the Invidious API. I would very much recommend reading the [relevant post](https://freetube.writeas.com/freetube-release-0-6-0-beta-1080p-and-a-lot-of-qol) for some more information on how it works, along with several other major improvements. Folks that are interested in adding similar functionality for their own projects should feel free to get in touch.
 This past month there has been quite a bit of work on improving memory usage and improving download and playback speeds. As mentioned in the previous release, some extra hardware has been allocated which should also help with this. I'm still looking for ways to improve performance and feedback is always appreciated.
 Along with performance, a couple quality of life improvements have been added, including author thumbnails and banners, clickable titles for embedded videos, and better styling for captions, among some other enhancements.
 ## Communities
 Support for YouTube's [communities tab](https://creatoracademy.youtube.com/page/lesson/community-tab) has been added. It's a very interesting but surprisingly unknown feature. Essentially, providing comments for a channel, rather than a video, where an author can post updates for their subscribers.
 It's commonly used to promote interesting links and foster discussion. I hope this feature helps people find more interesting content that otherwise would have been overlooked.
 ## For Developers
 For accessing channel communities, an `/api/v1/channels/comments/:ucid` endpoint has been added, with similar behavior and schema to `/api/v1/comments/:id`, with an extra `attachment` field for top-level comments. More info on usage and available data can be found in the [wiki](https://github.com/omarroth/invidious/wiki/API#get-apiv1channelscommentsucid-apiv1channelsucidcomments).
 An `/api/v1/auth/feeds` endpoint has been added for programmatically accessing a user's subscription feed, with options for displaying notifications and filtering an existing feed.
 An `/api/v1/search/suggestions` endpoint has been added for retrieving suggestions for a given query.
 ## For Administrators
 It is now possible to disable more resource intensive features, such as downloads and DASH functionality by adding `disable_proxy` to your config. See [#453](https://github.com/omarroth/invidious/issues/453) and the [Wiki](https://github.com/omarroth/invidious/wiki/Configuration) for more information and example usage. I expect this to be a big help for folks with limited bandwidth when hosting their own instances.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$38.39
 - [Liberapay](https://liberapay.com/omarroth) : \$84.85
 - Crypto : ~\$0.00 (converted from BCH, BTC)
 - Total : \$123.24
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node6 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node7 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node8 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node9 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node10 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$105.00
 The goal on Patreon has been updated to reflect the above expenses. As mentioned above, the main reason for more hardware is to improve playback and download speeds, although I'm still looking into improving performance without allocating more hardware.
 As always I'm grateful for everyone's support and feedback. I'll see you all next month.
 # 0.18.0 (2019-06-06)
 # Version 0.18.0: Native Notifications and Optimizations
 Hope everyone has been doing well. This past month there have been [97 commits](https://github.com/omarroth/invidious/compare/0.17.0...0.18.0) from 10 contributors. For the most part changes this month have been on optimizing various parts of the site, mainly subscription feeds and support for serving images and other assets.
 I'm quite happy to mention that support for Greek (`el`) has been added, which I hope will continue to make the site accessible for more users.
 Subscription feeds will now only update when necessary, rather than periodically. This greatly lightens the load on DB as well as making the feeds generally more responsive when changing subscriptions, importing data, and when receiving new uploads.
 Caching for images and other assets should be greatly improved with [#456](https://github.com/omarroth/invidious/issues/456). JavaScript has been pulled out into separate files where possible to take advantage of this, which should result in lighter pages and faster load times.
 This past month several people have encountered issues with downloads and watching high quality video through the site, see [#532](https://github.com/omarroth/invidious/issues/532) and [#562](https://github.com/omarroth/invidious/issues/562). For this coming month I've allocated some more hardware which should help with this, and I'm also looking into optimizing how videos are currently served.
 ## For Developers
 `viewCount` is now available for `/api/v1/popular` and all videos returned from `/api/v1/auth/notifications`. Both also now provide `"type"` for indicating available information for each object.
 An `/authorize_token` page is now available for more easily creating new tokens for use in applications, see [this comment](https://github.com/omarroth/invidious/issues/473#issuecomment-496230812) in [#473](https://github.com/omarroth/invidious/issues/473) for more details.
 A POST `/api/v1/auth/notifications` endpoint is also now available for correctly returning notifications for 150+ channels.
 ## For Administrators
 There are two new schema changes for administrators: `views` for adding view count to the popular page, and `feed_needs_update` for tracking feed changes.
 As always the relevant migration scripts are provided which should run when following instructions for [updating](https://github.com/omarroth/invidious/wiki/Updating). Otherwise, adding `check_tables: true` to your config will automatically make the required changes.
 ## Native Notifications
 [<img src="https://omar.yt/81c3ae1839831bd9300d75e273b6552a86dc2352/native_notification.png" height="160" width="472">](https://omar.yt/81c3ae1839831bd9300d75e273b6552a86dc2352/native_notification.png "Example of native notification, available in repository under screnshots/native_notification.png")
 It is now possible to receive [Web notifications](https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API) from subscribed channels.
 You can enable notifications by clicking "Enable web notifications" in your preferences. Generally they appear within 20-60 seconds of a new video being uploaded, and I've found them to be an enormous quality of life improvement.
 Although it has been fairly stable, please feel free to report any issues you find [here](https://github.com/omarroth/invidious/issues) or emailing me directly at omarroth@protonmail.com.
 Important to note for administrators is that instances require [`use_pubsub_feeds`](https://github.com/omarroth/invidious/wiki/Configuration) and must be served over HTTPS in order to correctly send web notifications.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$49.73
 - [Liberapay](https://liberapay.com/omarroth) : \$100.57
 - Crypto : ~\$11.12 (converted from BCH, BTC)
 - Total : \$161.42
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node6 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$85.00
 See you all next month!
 # 0.17.0 (2019-05-06)
 # Version 0.17.0: Player and Authentication API
 Hello everyone! This past month there have been [130 commits](https://github.com/omarroth/invidious/compare/0.16.0..0.17.0) from 11 contributors. Large focus has been on improving the player as well as adding API access for other projects to make use of Invidious.
 There have also been significant changes in preparation of native notifications (see [#195](https://github.com/omarroth/invidious/issues/195), [#469](https://github.com/omarroth/invidious/issues/469), [#473](https://github.com/omarroth/invidious/issues/473), and [#502](https://github.com/omarroth/invidious/issues/502)), and playlists. I expect to see both of these to be added in the next release.
 I'm quite happy to mention that new translations have been added for Esperanto (`eo`) and Ukranian (`uk`). Support for pluralization has also been added, so it should now be possible to make a more native experience for speakers in other languages. The system currently in place is a bit cumbersome, so for any help using this feature please get in touch!
 ## For Administrators
 A `check_tables` option has been added to automatically migrate without the use of custom scripts. This method will likely prove to be much more robust, and is currently enabled for the official instance. To prevent any unintended changes to the DB, `check_tables` is disabled by default and will print commands before executing. Having this makes features that require schema changes much easier to implement, and also makes it easier to upgrade from older instances.
 As part of [#303](https://github.com/omarroth/invidious/issues/303), a `cache_annotations` option has been added to speed up access from `/api/v1/annotations/:id`. This vastly improves the experience for videos with annotations. Currently, only videos that contain legacy annotations will be cached, which should help keep down the size of the cache. `cache_annotations` is disabled by default.
 ## For Developers
 An authorization API has been added which allows other applications to read and modify user subscriptions and preferences (see [#473](https://github.com/omarroth/invidious/issues/473)). Support for accessing user feeds and notifications is also planned. I believe this feature is a large step forward in supporting syncing subscriptions and preferences with other services, and I'm excited to see what other developers do with this functionality.
 Support for server-to-client push notifications is currently underway. This allows Invidious users, as well as applications using the Invidious API, to receive notifications about uploads in near real-time (see #469). An `/api/v1/auth/notifications` endpoint is currently available. I'm very excited for this to be integrated into the site, and to see how other developers use it in their own projects.
 An `/api/v1/storyboards/:id` endpoint has been added for accessing storyboard URLs, which allows developers to add video previews to their players (see below).
 ## Player
 Support for annotations has been merged into master with [#303](https://github.com/omarroth/invidious/issues/303), thanks @glmdgrielson! Annotations can be enabled by default or only for subscribed channels, and can also be toggled per video. I'm extremely proud of the progress made here, and I'm so thankful to everyone that has made this possible. I expect this to be the last update with regards to supporting annotations, but I do plan on continuing to improve the experience as much as possible.
 The Invidious player now supports video previews and a corresponding API endpoint `/api/v1/storyboards/:id` has been added for developers looking to add similar functionality to their own players. Not much else to say here. Overall it's a very nice quality of life improvement and an attractive addition to the site.
 It is now possible to select specific sources for videos provided using DASH (see [#34](https://github.com/omarroth/invidious/issues/34)). I would consider support largely feature complete, although there are still several issues to be fixed before I would consider it ready for larger rollout. You can watch videos in 1080p by setting `Default quality` to `dash` in your preferences, or by adding `&quality=dash` to the end of video URLs.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$49.73
 - [Liberapay](https://liberapay.com/omarroth) : \$63.03
 - Crypto : ~\$0.00 (converted from BCH, BTC)
 - Total : \$112.76
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$80.00
 That's all for now. Thanks!
 # 0.16.0 (2019-04-06)
 # Version 0.16.0: API Improvements and Annotations
 Hello again! This past month has seen [116 commits](https://github.com/omarroth/invidious/compare/0.15.0..0.16.0) from 13 contributors and a couple important changes I'd like to announce.
 A privacy policy is now available [here](https://invidio.us/privacy). I've done my best to explain things as clearly as possible without oversimplifying, and would very much recommend reading it if you're concerned about your privacy and want to learn more about how Invidious uses your data. Please let me know if there is anything that needs clarification.
 I'm also very happy to announce that a Spanish translation has been added to the site. You can use it with `?hl=es` or by setting `es` as your default locale. As always I'm extremely grateful to translators for making the site accessible to more people.
 ## For Administrators
 Invidious now supports server-to-server [push notifications](https://developers.google.com/youtube/v3/guides/push_notifications). This uses [PubSubHubbub](https://pubsubhubbub.github.io/PubSubHubbub/pubsubhubbub-core-0.4.html) to automatically handle new videos sent to an instance, which is less resource intensive and generally faster. Note that it will not pull all videos from a subscribed channel, so recommended usage is in addition to `channel_threads`. Using PubSub requires a valid `domain` that updates can be sent to, and a random string that can be used to sign updates sent to the instance. You can enable it by adding `use_pubsub_feeds: true` to your `config.yml`. See [Configuration](https://github.com/omarroth/invidious/wiki/Configuration) for more info.
 Unfortunately there are a couple necessary changes to the DB to support `liveNow` and `premiereTimestamp` in subscription feeds. Migration scripts have been provided that should be used automatically if following the instructions [here](https://github.com/omarroth/invidious/wiki/Updating).
 You can now configure default user preferences for your instance. This allows you to set default locale, player preferences, and more. See [#415](https://github.com/omarroth/invidious/issues/415) for more details and example usage.
 ## For Developers
 The [fields](https://developers.google.com/youtube/v3/getting-started#fields) API has been added with [#429](https://github.com/omarroth/invidious/pull/429) and is now supported on all JSON endpoints, thanks [**@afrmtbl**](https://github.com/afrmtbl)! Synax is straight-forward and can be used to reduce data transfer and create a simpler response for debugging. You can see an example [here](https://invidio.us/api/v1/videos/CvFH_6DNRCY?pretty=1&fields=title,recommendedVideos/title). I've been quite happy using it and hope it is similarly useful for others.
 An `/api/v1/annotations/:id` endpoint has been added for pulling legacy annotation data from [this](https://archive.org/details/youtubeannotations) archive, see below for more details. You can also access annotation data available on YouTube using `?source=youtube`, although this will only return card data as legacy annotations were deleted on January 15th.
 A couple minor changes to existing endpoints:
 - A `premiereTimestamp` field has been added to `/api/v1/videos/:id`
 - A `sort_by` param has been added to `/api/v1/comments/:id`, supports `new`, `top`.
 More info is available in the [documentation](https://github.com/omarroth/invidious/wiki/API).
 ## Annotations
 I'm pleased to announce that annotation data is finally available from the roughly 1.4 billion videos archived as part of [this](https://www.reddit.com/r/DataHoarder/comments/aa6czg/youtube_annotation_archive/) project. They are accessible from the Internet Archive [here](https://archive.org/details/youtubeannotations) or as a 355GB torrent, see [here](https://www.reddit.com/r/DataHoarder/comments/b7imx9/youtube_annotation_archive_annotation_data_from/) for more details. A corresponding `/api/v1/annotations/:id` endpoint has been added to Invidious which uses the collection from IA to provide legacy annotations.
 Support for them in the player is possible thanks to [this](https://github.com/afrmtbl/videojs-youtube-annotations) plugin developed by [**@afrmtbl**](https://github.com/afrmtbl). A PR for adding support to the site is available as [#303](https://github.com/omarroth/invidious/pull/303). There's also an [extension](https://github.com/afrmtbl/AnnotationsRestored) for overlaying them on top of the YouTube player (again thanks to [**@afrmtbl**](https://github.com/afrmtbl)), and an [extension](https://tech234a.bitbucket.io/AnnotationsReloaded?src=invidious) for hooking into code still present in the YouTube player itself, developed by [**@tech234a**](https://github.com/tech234a).
 I would recommend reading the [official announcement](https://www.reddit.com/r/DataHoarder/comments/b7imx9/youtube_annotation_archive_annotation_data_from/) for more details. I would like to again thank everyone that helped contribute to this project.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$42.42
 - [Liberapay](https://liberapay.com/omarroth) : \$70.11
 - Crypto : ~\$1.76 (converted from BCH, BTC, BSV)
 - Total : \$114.29
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node5 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$80.00
 This past month the site saw a couple abnormal peaks in traffic, so an additional webserver has been added to match the increased load. The goal on Patreon has been updated to match the above expenses.
 Thanks everyone!
 # 0.15.0 (2019-03-06)
 ## Version 0.15.0: Preferences and Channel Playlists
 The project has seen quite a bit of activity this past month. Large focus has been on fixing bugs, but there's still quite a few new features I'm happy to announce. There have been [133 commits](https://github.com/omarroth/invidious/compare/0.14.0...0.15.0) from 15 contributors this past month.
 As a couple miscellaneous changes, a couple [nice screenshots](https://github.com/omarroth/invidious#screenshots) have been added to the README, so folks can see more of what the site has to offer without creating an account.
 The footer has also been cleaned up quite a bit, and now displays the current version, so it's easier to know what features are available from the current instance.
 ## For Administrators
 This past month there has been a minor release - `0.14.1` - which fixes a breaking change made by YouTube for their polymer redesign.
 There have been several new features that unfortunately require a database migration. There are migration scripts provided in `config/migrate-scripts`, and the [wiki](https://github.com/omarroth/invidious/wiki/Updating) has instructions for automatically applying them. I'll do my best to keep those changes to a minimum, and expect to see a corresponding script to automatically apply any new changes.
 Administrator preferences have been added with [#312](https://github.com/omarroth/invidious/issues/312), which allows administrators to customize their instance. Administrators can change the order of feed menus, change the default homepage, disable open registration, and several other options. There's a short 'how-to' [here](https://github.com/omarroth/invidious/issues/312#issuecomment-468831842), and the new options are documented [here](https://github.com/omarroth/invidious/wiki/Configuration).
 An `/api/v1/stats` endpoint has been added with [#356](https://github.com/omarroth/invidious/issues/356), which reports the instance version and number of active users. Statistics are disabled by default, and can be enabled in administator preferences. Statistics for the official instance are available [here](https://invidio.us/api/v1/stats?pretty=1).
 ## For Developers
 `/api/v1/channels/:ucid` now provides an `autoGenerated` tag, which returns true for topic channels, and larger genre channels generated by YouTube. These channels don't have any videos of their own, so `latestVideos` will be empty. It is recommended instead to display a list of playlists generated by YouTube.
 You can now pull a list of playlists from a channel with `/api/v1/channels/playlists/:ucid`. Supported options are documented in the [wiki](https://github.com/omarroth/invidious/wiki/API#get-apiv1channelsplaylistsucid-apiv1channelsucidplaylists). Pagination is handled with a `continuation` token, which is generated on each call. Of note is that auto-generated channels currently have one page of results, and subsequent calls will be empty.
 For quickly pulling the latest 30 videos from a channel, there is now `/api/v1/channels/latest/:ucid`. It is much faster than a call to `/api/v1/channels/:ucid`. It will not convert an author name to a valid ucid automatically, and will not return any extra data about a channel.
 ## Preferences
 In addition to administrator preferences mentioned above, you can now change your preferences without an account (see [#42](https://github.com/omarroth/invidious/pull/42)). I think this is quite an improvement to the usability of the site, and is much friendlier to privacy-conscious folks that don't want to make an account. Preferences will be automatically imported to a newly created account.
 Several issues with sorting subscriptions have been fixed, and `/manage_subscriptions` has been sped up significantly. The subscription feed has also seen a bump in performance. Delayed notifications have unfortunately started becoming a problem now that there are more users on the site. Some new changes are currently being tested which should mostly resolve the issue, so expect to see more in the next release.
 ## Channel Playlists
 You can now view available playlists from a channel, and [auto-generated channels](https://invidio.us/channel/UC-9-kyTW8ZkZNDHQJ6FgpwQ) are no longer empty. You can sort as you would on YouTube, and all the same functionality should be available. I'm quite pleased to finally have it implemented, since it's currently the only data available from the above mentioned auto-generated channels, and makes it much easier to consume music on the site.
 There's also more discussion on improving Invidious for streaming music in [#304](https://github.com/omarroth/invidious/issues/304), and adding support for music.youtube.com. I would appreciate any thoughts on how to improve that experience, since it's a very large and useful part of YouTube.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$42.42
 - [Liberapay](https://liberapay.com/omarroth) : \$30.97
 - Crypto : ~\$0.00 (converted from BCH, BTC)
 - Total : \$73.39
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$75.00
 It's been very humbling to see how fast the project has grown, and I look forward to making the site even better. Thank you everyone.
 # 0.14.0 (2019-02-06)
 ## Version 0.14.0: Community
 This last month several contributors have made improvements specifically for the people using this project. New pages have been added to the wiki, and there is now a [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org) and IRC channel so it's easier and faster for people to ask questions or chat. There have been [101 commits](https://github.com/omarroth/invidious/compare/0.13.0...0.14.0) since the last major release from 8 contributors.
 It has come to my attention in the past month how many people are self-hosting, and I would like to make it easier for them to do so.
 With that in mind, expect future releases to have a section for For Administrators (if any relevant changes) and For Developers (if any relevant changes).
 ## For Administrators
 This month the most notable change for administrators is releases. As always, there will be a major release each month. However, a new minor release will be made whenever there are any critical bugs that need to be fixed.
 This past month is the first time there has been a minor release - `0.13.1` - which fixes a breaking change made by YouTube. Administrators using versioning for their instances will be able to rely on the latest version, and should have a system in place to upgrade their instance as soon as a new release is available.
 Several new pages have been added to the [wiki](https://github.com/omarroth/invidious/wiki#for-administrators) (as mentioned below) that will help administrators better setup their own instances. Configuration, maintenance, and instructions for updating are of note, as well as several common issues that are encountered when first setting up.
 ## For Developers
 There's now a `pretty=1` parameter for most endpoints so you can view data easily from the browser, which is convenient for debugging and casual use. You can see an example [here](https://invidio.us/api/v1/videos/CvFH_6DNRCY?pretty=1).
 Unfortunately the `/api/v1/insights/:id` endpoint is no longer functional, as YouTube removed all publicly available analytics around a month ago. The YouTube endpoint now returns a 404, so it's unlikely it will be functional again.
 ## Wiki
 There have been a sizable number of changes to the Wiki, including a [list of public Invidious instances](https://github.com/omarroth/invidious/wiki/Invidious-Instances), the [list of extensions](https://github.com/omarroth/invidious/wiki/Extensions), and documentation for administrators (as mentioned above) and developers.
 The wiki is editable by anyone so feel free to add anything you think is useful.
 ## Matrix & IRC
 Thee is now a [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org) for Invidious, so please feel free to hop on if you have any questions or want to chat. There is also a registered IRC channel: #invidious on Freenode which is bridged to Matrix.
 ## Features
 Several new features have been added, including a download button, creator hearts and comment colors, and a French translation.
 There have been fixes for Google logins, missing text in locales, invalid links to genre channels, and better error handling in the player, among others.
 Several fixes and features are omitted for space, so I'd recommend taking a look at the [compare tab](https://github.com/omarroth/invidious/compare/0.13.0...0.14.0) for more information.
 ## Annotations Update
 Annotations were removed January 15th, 2019 around15:00 UTC. Before they were deleted we were able to archive annotations from around 1.4 billion videos. I'd very much recommend taking a look [here](https://www.reddit.com/r/DataHoarder/comments/al7exa/youtube_annotation_archive_update_and_preview/) for more information and a list of acknowledgements. I'm extremely thankful to everyone who was able to contribute and I'm glad we were able to save such a large part of internet history.
 There's been large strides in supporting them in the player as well, which you can follow in [#303](https://github.com/omarroth/invidious/pull/303). You can preview the functionality at https://dev.invidio.us . Before they are added to the main site expect to see an option to disable them, both site-wide and per video.
 Organizing this project has unfortunately taken up quite a bit of my time, and I've been very grateful for everyone's patience.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth) : \$49.42
 - [Liberapay](https://liberapay.com/omarroth) : \$27.89
 - Crypto : ~\$0.00 (converted from BCH, BTC)
 - Total : \$77.31
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$75.00
 As always I'm grateful for everyone's contributions and support. I'll see you all in March.
 # 0.13.1 (2019-01-19)
 ##
 # 0.13.0 (2019-01-06)
 ## Version 0.13.0: Translations, Annotations, and Tor
 I hope everyone had a happy New Year! There's been a couple new additions since last release, with [44 commits](https://github.com/omarroth/invidious/compare/0.12.0...0.13.0) from 9 contributors. It's been quite a year for the project, and I hope to continue improving the project into 2019! Starting off the new year:
 ## Translations
 I'm happy to announce support for translations has been added with [`a160c64`](https://github.com/omarroth/invidious/a160c64). Currently, there is support for:
 - Arabic (`ar`)
 - Dutch (`nl`)
 - English (`en-US`)
 - German (`de`)
 - Norwegian Bokmål (`nb_NO`)
 - Polish (`pl`)
 - Russian (`ru`)
 Which you can change in your preferences under `Language`. You can also add `&hl=LANGUAGE` to the end of any request to translate it to your preferred language, for example https://invidio.us/?hl=ru. I'd like to say thank you again to everyone who has helped translate the site! I've mentioned this before, but I'm delighted that so many people find the project useful.
 ## Annotations
 Recently, [YouTube announced that all annotations will be deleted on January 15th, 2019](https://support.google.com/youtube/answer/7342737). I believe that annotations have a very important place in YouTube's history, and [announced a project to archive them](https://www.reddit.com/r/DataHoarder/comments/aa6czg/youtube_annotation_archive/).
 I expect annotations to be supported in the Invidious player once archiving is complete (see [#110](https://github.com/omarroth/invidious/issues/110) for details), and would also like to host them for other developers to use in their projects.
 The code is available [here](https://github.com/omarroth/archive), and contains instructions for running a worker if you would like to contribute. There's much more information available in the announcement as well for anyone who is interested.
 ## Tor
 I unfortunately missed the chance to mention this in the previous release, but I'm now happy to announce that you can now view Invidious through Tor at the following links:
 kgg2m7yk5aybusll.onion  
 axqzx4s6s54s32yentfqojs3x5i7faxza6xo3ehd4bzzsg2ii4fv2iid.onion
 Invidious is well suited to use through Tor, as it does not require any JS and is fairly lightweight. I'd recommend looking [here](https://diasp.org/posts/10965196) and [here](https://www.reddit.com/r/TOR/comments/a3c1ak/you_can_now_watch_youtube_videos_anonymously_with/) for more details on how to use the onion links, and would like to say thank you to [/u/whonix-os](https://www.reddit.com/user/whonix-os) for suggesting it and providing support setting setting them up.
 ## Popular and Trending
 You can now easily view videos trending on YouTube with [`a16f967`](https://github.com/omarroth/invidious/a16f967). It also provides support for viewing YouTube's various categories categories, such as `News`, `Gaming`, and `Music`. You can also change the `region` parameter to view trending in different countries, which should be made easier to use in the coming weeks.
 A link to `/feed/popular` has also been added, which provides a list of videos sorted using the algorithm described [here](https://github.com/omarroth/invidious/issues/217#issuecomment-436503761). I think it better reflects what users watch on the site, but I'd like to hear peoples' thoughts on this and on how it could be improved.
 ## Finances
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth): \$64.63
 - [Liberapay](https://liberapay.com/omarroth) : \$30.05
 - Crypto : ~\$28.74 (converted from BCH, BTC)
 - Total : \$123.42
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$75.00
 ### What will happen with what's left over?
 I believe this is the first month that all expenses have been fully paid for by donations. Thank you! I expect to allocate the current amount for hardware to improve performance and for hosting annotation data, as mentioned above.
 Anything that is left over is kept to continue hosting the project for as long as possible. Thank you again everyone!
 I think that's everything for 2018. There's lots still planned, and I'm very excited for the future of this project!
 # 0.12.0 (2018-12-06)
 ## Version 0.12.0: Accessibility, Privacy, Transparency
 Hello again, it's been a while! A lot has happened since the last release. Invidious has seen [134 commits](https://github.com/omarroth/invidious/compare/0.11.0...0.12.0) from 3 contributors, and I'm quite happy with the progress that has been made. I enjoyed this past month, and I believe having a monthly release schedule allows me to focus on more long-term improvements, and I hope people enjoy these more substantial updates as well.
 ## Accessability and Privacy
 There have been quite a few improvements for user privacy, and improvements that improve accessibility for both people and software.
 You can now view comments without JS with [`19516ea`](https://github.com/omarroth/invidious/19516ea). Currently, this functionality is limited to the first 20 comments, but expect this functionality to be improved to come as close to the JS version as possible. Folks can track progress in [#204](https://github.com/omarroth/invidious/issues/204).
 Invidious is now compatible with [LibreJS](https://www.gnu.org/software/librejs/), and provides license information [here](https://invidio.us/licenses) with [`7f868ec`](https://github.com/omarroth/invidious/7f868ec). As expected, all libraries are compatible under the AGPLv3, and I'm happy to mention that no other changes were required to make Invidious compatible with LibreJS.
 A DNT policy has also been added with [`9194f47`](https://github.com/omarroth/invidious/9194f47) for compatibility with [Privacy Badger](https://www.eff.org/privacybadger). I'm pleased to mention that here too no other changes had to be made in order for Invidious to be compatible with this extension. I expect a privacy policy to be added soon as well, so users can better understand how Invidious uses their data.
 For users that are visually impaired, there is now a text CAPTCHA available so it's easier to register and login. Because of the simple front-end of the project, I expect screen readers and other software to be able to easily understand the site's interface. In combination with the ability to listen-only, I believe Invidious is much more accessible than YouTube. Folks can read [#244](https://github.com/omarroth/invidious/issues/244) for more details, and I would very much appreciate any feedback on how this can be improved.
 ## User Preferences
 There have been a lot of improvements to preferences. Options for enabling audio-only by default and continuous playback (autoplay) have been added with [`e39dec9`](https://github.com/omarroth/invidious/e39dec9), with [`4b76b93`](https://github.com/omarroth/invidious/4b76b93), respectively. Users can also now mark videos as watched from their subscription feed and view watch history by going to https://invidio.us/feed/history. I expect to add more information to history so that it's easier to use. Folks can track progress with [#182](https://github.com/omarroth/invidious/issues/182). As with all data Invidious keeps, watch history can be exported [here](https://invidio.us/data_control).
 Users can now delete their account with [`b9c29bf`](https://github.com/omarroth/invidious/b9c29bf). This will remove _all_ user data from Invidious, including session IDs, watch history, and subscriptions. As mentioned above, it's easy to export that data and import it to a local instance, or export subscriptions for use with other applications such as [FreeTube](https://github.com/FreeTubeApp/FreeTube) or [NewPipe](https://github.com/TeamNewPipe/NewPipe).
 ## Translation and Internationalis(z)ation
 Invidious has been approved for hosting by Weblate, available [here](https://hosted.weblate.org/projects/invidious/translations/). At the time of writing, translations for Arabic, Dutch, German, Polish, and Russian are currently underway. I would like to say a very big thank you to everyone working on them, and I hope to fully support them within around 2 weeks. Folks can track progress with [#251](https://github.com/omarroth/invidious/issues/251).
 ## Transperency and Finances
 For the sake of transparency, I plan on publishing each month's finances. This is currently already done on Liberapay and Patreon, but there is not a total amount currently provided anywhere, and I would also like to include expenses to provide a better explanation of how patrons' money is being spent.
 ### Donations
 - [Patreon](https://www.patreon.com/omarroth): \$43.60 (Patreon takes roughly 9%)
 - [Liberapay](https://liberapay.com/omarroth) : \$22.10
 - Crypto : ~\$1.25 (converted from BCH, BTC)
 - Total : \$66.95
 ### Expenses
 - invidious-load1 (nyc1) : \$10.00 (load balancer)
 - invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
 - invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
 - invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
 - Total : \$75.00
 I'd be happy to provide any explanation where needed. I would also like to thank everyone who donates, it really helps and I can't say how happy I am to see that so many people find it valuable.
 That's all for this month. I wish everyone the best for the holidays, and I'll see you all again in January!
 # 0.11.0 (2018-10-23)
 ## Week 11: FreeTube and Styling
 This past Friday I'm been very excited to see that FreeTube version [0.4.0](https://github.com/FreeTubeApp/FreeTube/tree/0.4.0) has been released! I'd recommend taking a look at the official patch notes, but to spoil a little bit here: FreeTube now uses the Invidious API for _all_ requests previously sent to YouTube, and has also seen support for playlists, keyboard shortcuts, and more default settings (speed, autoplay, and subtitles). I'm happy to see that FreeTube has reached 500 stars on Github, and I think it's very much deserved. I'd recommend keeping an eye on the newly-launched [FreeTube blog](https://freetube.writeas.com/) for updates on the project.
 Quite a few styling changes have been added this past week, including channel subscriber count to the subscribe and unsubscribe buttons. The changes sound small, but they've been a very big improvement and I'm quite satisfied with how they look. Also to note is that partial support for duration in thumbnails have been added with [#202](https://github.com/omarroth/invidious/issues/202). Overall, I think the site is becoming much more pleasing visually, and I hope to continue to improve it.
 I've been very pleased to see Invidious in its current state, and I believe it's many times more mature compared to even a month ago. Changes have also started slowing down a bit as it's become more mature, and therefore I'd like to transition to a monthly update schedule in order to provide more comprehensive updates for everyone. I want to thank you all for helping me reach this point. I can't say how happy I am for Invidious to be where it is now.
 Enjoy the rest of your week everyone, I'll see you in November!
 # 0.10.0 (2018-10-16)
 ## Week 10: Subscriptions
 This week I'm happy to announce that subscriptions have been drastically sped up with
 35e63fa. As I mentioned last week, this essentially "caches" a user's feed, meaning that operations that previously took 20 seconds or timed out, now can load in under a second. I'd take a look at [#173](https://github.com/omarroth/invidious/issues/173) for a sample benchmark. Previously features that made Invidious's feed so useful, such as filtering by unseen and by author would take too long to load, and so instead would timeout. I'm very happy that this has been fixed, and folks can get back to using these features.
 Among some smaller features that have been added this week include [#118](https://github.com/omarroth/invidious/issues/118), which adds, in my opinion, some very attractive subscribe and unsubscribe buttons. I think it's also a bit of a functional improvement as well, since it doesn't require a user to reload the page in order to subscribe or unsubscribe to a channel, and also gives the opportunity to put the channel's sub count on display.
 An option to swap between Reddit and YouTube comments without a page reload has been added with
 5eefab6, bringing it somewhat closer in functionality to the popular [AlienTube](https://github.com/xlexi/alientube) extension, on which it is based (although the extension unfortunately appears now to be fragmented).
 As always, there are a couple smaller improvements this week, including some minor fixes for geo-bypass with
 e46e618 and [`245d0b5`](https://github.com/omarroth/invidious/245d0b5), playlist preferences with [`81b4477`](https://github.com/omarroth/invidious/81b4477), and YouTube comments with [`02335f3`](https://github.com/omarroth/invidious/02335f3).
 This coming week I'd also recommend keeping an eye on the excellent [FreeTube](https://github.com/FreeTubeApp/FreeTube), which is looking forward to a new release. I've been very lucky to work with [**@PrestonN**](https://github.com/PrestonN) for the past few weeks to improve the Invidious API, and I'm quite looking forward to the new release.
 That's all for this week folks, thank you all again for your continued interest and support.
 # 0.9.0 (2018-10-08)
 ## Week 9: Playlists
 Not as much to announce this week, but I'm still quite happy to announce a couple things, namely:
 Playback support for playlists has finally been added with [`88430a6`](https://github.com/omarroth/invidious/88430a6). You can now view playlists with the `&list=` query param, as you would on YouTube. You can also view mixes with the mentioned `&list=`, although they require some extra handling that I would like to add in the coming week, as well as adding playlist looping and shuffle. I think playback support has been a roadblock for more exciting features such as [#114](https://github.com/omarroth/invidious/issues/114), and I look forward to improving the experience.
 Comments have had a bit of a cosmetic upgrade with [#132](https://github.com/omarroth/invidious/issues/132), which I think helps better distinguish between Reddit and YouTube comments, as it makes them appear similarly to their respective sites. You can also now switch between YouTube and Reddit comments with a push of a button, which I think is quite an improvement, especially for newer or less popular videos with fewer comments.
 I've had a small breakthrough in speeding up users' subscription feeds with PostgreSQL's [materialized views](https://www.postgresql.org/docs/current/static/rules-materializedviews.html). Without going into too much detail, materialized views essentially cache the result of a query, making it possible to run resource-intensive queries once, rather than every time a user visits their feed. In the coming week I hope to push this out to users, and hopefully close [#173](https://github.com/omarroth/invidious/issues/173).
 I haven't had as much time to work on the project this week, but I'm quite happy to have added some new features. Have a great week everyone.
 # 0.8.0 (2018-10-02)
 ## Week 8: Mixes
 Hello again!
 Mixes have been added with [`20130db`](https://github.com/omarroth/invidious/20130db), which makes it easy to create a playlist of related content. See [#188](https://github.com/omarroth/invidious/issues/188) for more info on how they work. Currently, they return the first 50 videos rather than a continuous feed to avoid tracking by Google/YouTube, which I think is a good trade-off between usability and privacy, and I hope other folks agree. You can create mixes by adding `RD` to the beginning of a video ID, an example is provided [here](https://www.invidio.us/mix?list=RDYE7VzlLtp-4) based on Big Buck Bunny. I've been quite happy with the results returned for the mixes I've tried, and it is not limited to music, which I think is a big plus. To emulate a continuous feed provided many are used to, using the last video of each mix as a new 'seed' has worked well for me. In the coming week I'd like to to add playback support in the player to listen to these easily.
 A very big thanks to [**@flourgaz**](https://github.com/flourgaz) for Docker support with [#186](https://github.com/omarroth/invidious/pull/186). This is an enormous improvement in portability for the project, and opens the door for Heroku support (see [#162](https://github.com/omarroth/invidious/issues/162)), and seamless support on Windows. For most users, it should be as easy as running `docker-compose up`.
 I've spent quite a bit of time this past week improving support for geo-bypass (see [#92](https://github.com/omarroth/invidious/issues/92)), and am happy to note that Invidious has been able to proxy ~50% of the geo-restricted videos I've tried. In addition, you can now watch geo-restricted videos if you have `dash` enabled as your `preferred quality`, for more details see [#34](https://github.com/omarroth/invidious/issues/34) and [#185](https://github.com/omarroth/invidious/issues/185), or last week's update. For folks interested in replicating these results for themselves, I'd take a look [here](https://gist.github.com/omarroth/3ce0f276c43e0c4b13e7d9cd35524688) for the script used, and [here](https://gist.github.com/omarroth/beffc4a76a7b82a422e1b36a571878ef) for a list of videos restricted in the US.
 1080p has seen a fairly smooth roll-out, although there have been a couple issues reported, mainly [#193](https://github.com/omarroth/invidious/issues/193), which is likely an issue in the player. I've also encountered a couple other issues myself that I would like to investigate. Although none are major, I'd like to keep 1080p opt-in for registered users another week to better address these issues.
 Have an excellent week everyone.
 # 0.7.0 (2018-09-25)
 ## Week 7: 1080p and Search Types
 Hello again everyone! I've got quite a couple announcements this week:
 Experimental 1080p support has been added with [`b3ca392`](https://github.com/omarroth/invidious/b3ca392), and can be enabled by going to preferences and changing `preferred video quality` to `dash`. You can find more details [here](https://github.com/omarroth/invidious/issues/34#issuecomment-424171888). Currently quality and speed controls have not yet been integrated into the player, but I'd still appreciate feedback, mainly on any issues with buffering or DASH playback. I hope to integrate 1080p support into the player and push support site-wide in the coming weeks.
 You can now filter content types in search with the `type:TYPE` filter. Supported content types are `playlist`, `channel`, and `video`. More info is available [here](https://github.com/omarroth/invidious/issues/126#issuecomment-423823148). I think this is quite an improvement in usability and I hope others find the same.
 A [CHANGELOG](https://github.com/omarroth/invidious/blob/master/CHANGELOG.md) has been added to the repository, so folks will now receive a copy of all these updates when cloning. I think this is an improvement in hosting the project, as it is no longer tied to the `/releases` tab on Github or the posts on Patreon.
 Recently, users have been reporting 504s when attempting to access their subscriptions, which is tracked in [#173](https://github.com/omarroth/invidious/issues/173). This is most likely caused by an uptick in usage, which I am absolutely grateful for, but unfortunately has resulted in an increase in costs for hosting the site, which is why I will be bumping my goal on Patreon from $60 to $80. I would appreciate any feedback on how subscriptions could be improved.
 Other minor improvements include:
 - Additional regions added to bypass geo-block with [`9a78523`](https://github.com/omarroth/invidious/9a78523)
 - Fix for playlists containing less than 100 videos (previously shown as empty) with [`35ac887`](https://github.com/omarroth/invidious/35ac887)
 - Fix for `published` date for Reddit comments (previously showing negative seconds) with [`6e09202`](https://github.com/omarroth/invidious/6e09202)
 Thank you everyone for your support!
 # 0.6.0 (2018-09-18)
 ## Week 6: Filters and Thumbnails
 Hello again! This week I'm happy to mention a couple new features to search as well as some miscellaneous usability improvements.
 You can now constrain your search query to a specific channel with the `channel:CHANNEL` filter (see [#165](https://github.com/omarroth/invidious/issues/165) for more details). Unfortunately, other search filters combined with channel search are not yet supported. I hope to add support for them in the coming weeks.
 You can also now search only your subscriptions by adding `subscriptions:true` to your query (see [#30](https://github.com/omarroth/invidious/issues/30) for more details). It's not quite ready for widespread use but I would appreciate feedback as the site updates to fully support it. Other search filters are not yet supported with `subscriptions:true`, but I hope to add more functionality to this as well.
 With [#153](https://github.com/omarroth/invidious/issues/153) and [#168](https://github.com/omarroth/invidious/issues/168) all images on the site are now proxied through Invidious. In addition to offering the user more protection from Google's eyes, it also allows the site to automatically pick out the highest resolution thumbnail for videos. I think this is quite a large aesthetic improvement and I hope others will find the same.
 As a smaller improvement to the site, you can also now view RSS feeds for playlists with [#113](https://github.com/omarroth/invidious/issues/113).
 These updates are also now listed under Github's [releases](https://github.com/omarroth/invidious/releases). I'm also planning on adding them as a `CHANGELOG.md` in the repository itself so people can receive a copy with the project's source.
 That's all for this week. Thank you everyone for your support!
 # 0.5.0 (2018-09-11)
 ## Week 5: Privacy and Security
 I hope everyone had a good weekend! This past week I've been fixing some issues that have been brought to my attention to help better protect users and help them keep their anonymity.
 An issue with open referers has been fixed with [`29a2186`](https://github.com/omarroth/invidious/29a2186), which prevents potential redirects to external sites on actions such as login or modifying preferences.
 Additionally, X-XSS-Protection, X-Content-Type-Options, and X-Frame-Options headers have been added with [`96234e5`](https://github.com/omarroth/invidious/96234e5), which should keep users safer while using the site.
 A potential XSS vector has also been fixed in YouTube comments with [`8c45694`](https://github.com/omarroth/invidious/8c45694).
 All the above vulnerabilities were brought to my attention by someone who wishes to remain anonymous, but I would like to say again here how thankful I am. If anyone else would like to get in touch please feel free to email me at omarroth@hotmail.com or omarroth@protonmail.com.
 This week a couple changes have been made to better protect user's privacy as well.
 All CSS and JS assets are now served locally with [`3ec684a`](https://github.com/omarroth/invidious/3ec684a), which means users no longer need to whitelist unpkg.com. Although I personally have encountered few issues, I understand that many folks would like to keep their browsing activity contained to as few parties as possible. In the coming week I also hope to proxy YouTube images, so that no user data is sent to Google.
 YouTube links in comments now should redirect properly to the Invidious alternate with [`1c8bd67`](https://github.com/omarroth/invidious/1c8bd67) and [`cf63c82`](https://github.com/omarroth/invidious/cf63c82), so users can more easily evade Google tracking.
 I'm also happy to mention a couple quality of life features this week:
 Invidious now shows a video's "license" if provided, see [#159](https://github.com/omarroth/invidious/issues/159) for more details. You can also search for videos licensed under the creative commons with "QUERY features:creative_commons".
 Videos with only one source will always display the cog for changing quality, so that users can see what quality is currently playing. See [#158](https://github.com/omarroth/invidious/issues/158) for more details.
 Folks have also probably noticed that the gutters on either side of the screen have been shrunk down quite significantly, so that more of the screen is filled with content. Hopefully this can be improved even more in the coming weeks.
 "Music", "Sports", and "Popular on YouTube" channels now properly display their videos. You can subscribe to these channels just as you would normally.
 This coming week I'm planning on spending time with my family, so I unfortunately may not be as responsive. I do still hope to add some smaller features for next week however, and I hope to continue development soon.
 Thank you everyone again for your support.
 # 0.4.0 (2018-09-06)
 ## Week 4: Genre Channels
 Hello! I hope everyone enjoyed their weekend. Without further ado:
 Just today genre channels have been added with [#119](https://github.com/omarroth/invidious/issues/119). More information on genre channels is available [here](https://support.google.com/youtube/answer/2579942). You can subscribe to them as normally, and view them as RSS. I think they offer an interesting alternative way to find new content and I hope people find them useful.
 This past week folks have started reporting 504s on their subscription page (see [#144](https://github.com/omarroth/invidious/issues/144) for more details). Upgrading the database server appeared to fix the issue, as well as providing a smoother experience across the site. Unfortunately, that means I will be increasing the goal from $50 to $60 in order to meet the increased hosting costs.
 With [#134](https://github.com/omarroth/invidious/issues/134), comments are now formatted correctly, providing support for bold, italics, and links in comments. I think this improvement makes them much easier to read, and I hope others find the same. Also to note is that links in both comments and the video description now no longer contain any of Google's tracking with [#115](https://github.com/omarroth/invidious/issues/115).
 One of the major use cases for Invidious is as a stripped-down version of YouTube. In line with that, I'm happy to announce that you can now hide related videos if you're logged in, for users that prefer an even more lightweight experience.
 Finally, I'm pleased to announce that Invidious has hit 100 stars on GitHub. I am very happy that Invidious has proven to be useful to so many people, and I can't say how grateful I am to everyone for their continued support.
 Enjoy the rest of your week everyone!
 # 0.3.0 (2018-09-06)
 ## Week 3: Quality of Life
 Hello everyone! This week I've been working on some smaller features that will hopefully make the site more functional.
 Search filters have been added with [#126](https://github.com/omarroth/invidious/issues/126). You can now specify 'sort', 'date', 'duration', and 'features' within your query using the 'operator:value' syntax. I'd recommend taking a look [here](https://github.com/omarroth/invidious/blob/master/src/invidious/search.cr#L33-L114) for a list of supported options and at [#126](https://github.com/omarroth/invidious/issues/126) for some examples. This also opens the door for features such as [#30](https://github.com/omarroth/invidious/issues/30) which can be implemented as filters. I think advanced search is a major point in which Invidious can improve on YouTube and hope to add more features soon!
 This week a more advanced system for viewing fallback comments has been added (see [#84](https://github.com/omarroth/invidious/issues/84) for more details). You can now specify a comment fallback in your preferences, which Invidious will use. If, for example, no Reddit comments are available for a given video, it can choose to fallback on YouTube comments. This also makes it possible to turn comments off completely for users that prefer a more streamlined experience.
 With [#98](https://github.com/omarroth/invidious/issues/98), it is now possible for users to specify preferences without creating an account. You can now change speed, volume, subtitles, autoplay, loop, and quality using query parameters. See the issue above for more details and several examples.
 I'd also like to announce that I've set up an account on [Liberapay](https://liberapay.com/omarroth), for patrons that prefer a privacy-friendly alternative to Patreon. Liberapay also does not take any percentage of donations, so I'd recommend donating some to the Liberapay for their hard work. Go check it out!
 [Two weeks ago](https://github.com/omarroth/invidious/releases/tag/0.1.0) I mentioned adding 1080p support into the player. Currently, the only thing blocking is [#207](https://github.com/videojs/http-streaming/pull/207) in the excellent [http-streaming](https://github.com/videojs/http-streaming) library. I hope to work with the videojs team to merge it soon and finally implement 1080p support!
 That's all for this week, thank you again everyone for your support!
 # 0.2.0 (2018-09-06)
 ## Week 2: Toward Playlists
 Sorry for the late update! Not as much to announce this week, but still a couple things of note:
 I'm happy to announce that a playlists page and API endpoint has been added so you can now view playlists. Currently, you cannot watch playlists through the player, but I hope to add that in the coming week as well as adding functionality to add and modify playlists. There is a good conversation on [#114](https://github.com/omarroth/invidious/issues/114) about giving playlists even more functionality, which I think is interesting and would appreciate feedback on.
 As an update to the Invidious API announcement last week, I've been working with [**@PrestonN**](https://github.com/PrestonN), the developer of [FreeTube](https://github.com/FreeTubeApp/FreeTube), to help migrate his project to the Invidious API. Because of it's increasing popularity, he has had trouble keeping under the quota set by YouTube's API. I hope to improve the API to meet his and others needs and I'd recommend folks to keep an eye on his excellent project! There is a good discussion with his thoughts [here](https://github.com/FreeTubeApp/FreeTube/issues/100).
 A couple of miscellaneous features and bugfixes:
 - You can now login to Invidious simultaneously from multiple devices - [#109](https://github.com/omarroth/invidious/issues/109)
 - Added a note for scheduled livestreams - [#124](https://github.com/omarroth/invidious/issues/124)
 - Changed YouTube comment header to "View x comments" - [#120](https://github.com/omarroth/invidious/issues/120)
 Enjoy your week everyone!
 # 0.1.0 (2018-09-06)
 ## Week 1: Invidious API and Geo-Bypass
 Hello everyone! This past week there have been quite a few things worthy of mention:
 I'm happy to announce the [Invidious Developer API](https://github.com/omarroth/invidious/wiki/API). The Invidious API does not use any of the official YouTube APIs, and instead crawls the site to provide a JSON interface for other developers to use. It's still under development but is already powering [CloudTube](https://github.com/cloudrac3r/cadencegq). The API currently does not have a quota (compared to YouTube) which I hope to continue thanks to continued support from my Patrons. Hopefully other developers find it useful, and I hope to continue to improve it so it can better serve the community.
 Just today partial support for bypassing geo-restrictions has been added with [fada57a](https://github.com/omarroth/invidious/commit/fada57a307d66d696d9286fc943c579a3fd22de6). If a video is unblocked in one of: United States, Canada, Germany, France, Japan, Russia, or United Kingdom, then Invidious will be able to serve video info. Currently you will not yet be able to access the video files themselves, but in the coming week I hope to proxy videos so that users can enjoy content across borders.
 Support for generating DASH manifests has been fixed, in the coming week I hope to integrate this functionality into the watch page, so users can view videos in 1080p and above.
 Thank you everyone for your continued interest and support!
--- a/128
+++ b/128
@ -1,128 +0,0 @@
 # -----------------------
 #  Compilation options
 # -----------------------
 RELEASE  := 1
 STATIC   := 0
 NO_DBG_SYMBOLS := 0
 # Enable multi-threading.
 # Warning: Experimental feature!!
 # invidious is not stable when MT is enabled.
 MT := 0
 FLAGS ?=
 ifeq ($(RELEASE), 1)
  FLAGS += --release
 endif
 ifeq ($(STATIC), 1)
  FLAGS += --static
 endif
 ifeq ($(MT), 1)
  FLAGS += -Dpreview_mt
 endif
 ifeq ($(NO_DBG_SYMBOLS), 1)
  FLAGS += --no-debug
 else
  FLAGS += --debug
 endif
 ifeq ($(API_ONLY), 1)
  FLAGS += -Dapi_only
 endif
 # -----------------------
 #  Main
 # -----------------------
 all: invidious
 get-libs:
 	shards install --production
 # TODO: add support for ARM64 via cross-compilation
 invidious: get-libs
 	crystal build src/invidious.cr $(FLAGS) --progress --stats --error-trace
 run: invidious
 	./invidious
 # -----------------------
 #  Development
 # -----------------------
 format:
 	crystal tool format
 test:
 	crystal spec
 verify:
 	crystal build src/invidious.cr -Dskip_videojs_download \
 	  --no-codegen --progress --stats --error-trace
 # -----------------------
 #  (Un)Install
 # -----------------------
 # TODO
 # -----------------------
 #  Cleaning
 # -----------------------
 clean:
 	rm invidious
 distclean: clean
 	rm -rf libs
 	rm -rf ~/.cache/{crystal,shards}
 # -----------------------
 #  Help page
 # -----------------------
 help:
 	@echo "Targets available in this Makefile:"
 	@echo ""
 	@echo "  get-libs         Fetch Crystal libraries"
 	@echo "  invidious        Build Invidious"
 	@echo "  run              Launch Invidious"
 	@echo ""
 	@echo "  format           Run the Crystal formatter"
 	@echo "  test             Run tests"
 	@echo "  verify           Just make sure that the code compiles, but without"
 	@echo "                   generating any binaries. Useful to search for errors"
 	@echo ""
 	@echo "  clean            Remove build artifacts"
 	@echo "  distclean        Remove build artifacts and libraries"
 	@echo ""
 	@echo ""
 	@echo "Build options available for this Makefile:"
 	@echo ""
 	@echo "  RELEASE          Make a release build            (Default: 1)"
 	@echo "  STATIC           Link libraries statically       (Default: 0)"
 	@echo ""
 	@echo "  API_ONLY         Build invidious without a GUI   (Default: 0)"
 	@echo "  NO_DBG_SYMBOLS   Strip debug symbols             (Default: 0)"
 # No targets generates an output named after themselves
 .PHONY: all get-libs build amd64 run
 .PHONY: format test verify clean distclean help
--- a/README.md
+++ b/README.md
@ -1,170 +1,234 @@
-<div align="center">
+# Invidious
  <img src="assets/invidious-colored-vector.svg" width="192" height="192" alt="Invidious logo">
  <h1>Invidious</h1>
-  <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">
+## Invidious is an alternative front-end to YouTube
    <img alt="License: AGPLv3" src="https://shields.io/badge/License-AGPL%20v3-blue.svg">
  </a>
  <a href="https://github.com/iv-org/invidious/actions">
    <img alt="Build Status" src="https://github.com/iv-org/invidious/workflows/Invidious%20CI/badge.svg">
  </a>
  <a href="https://github.com/iv-org/invidious/commits/master">
    <img alt="GitHub commits" src="https://img.shields.io/github/commit-activity/y/iv-org/invidious?color=red&label=commits">
  </a>
  <a href="https://github.com/iv-org/invidious/issues">
    <img alt="GitHub issues" src="https://img.shields.io/github/issues/iv-org/invidious?color=important">
  </a>
  <a href="https://github.com/iv-org/invidious/pulls">
    <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/iv-org/invidious?color=blueviolet">
  </a>
  <a href="https://hosted.weblate.org/engage/invidious/">
    <img alt="Translation Status" src="https://hosted.weblate.org/widgets/invidious/-/translations/svg-badge.svg">
  </a>
-  <a href="https://github.com/humanetech-community/awesome-humane-tech">
+- Audio-only mode (and no need to keep window open on mobile)
-    <img alt="Awesome Humane Tech" src="https://raw.githubusercontent.com/humanetech-community/awesome-humane-tech/main/humane-tech-badge.svg?sanitize=true">
+- [Free software](https://github.com/omarroth/invidious) (AGPLv3 licensed)
-  </a>
+- No ads
 - No need to create a Google account to save subscriptions
 - Lightweight (homepage is ~4 KB compressed)
 - Tools for managing subscriptions:
  - Only show unseen videos
  - Only show latest (or latest unseen) video from each channel
  - Delivers notifications from all subscribed channels
  - Automatically redirect homepage to feed
  - Import subscriptions from YouTube
 - Dark mode
 - Embed support
 - Set default player options (speed, quality, autoplay, loop)
 - Does not require JS to play videos
 - Support for Reddit comments in place of YT comments
 - Import/Export subscriptions, watch history, preferences
 - Does not use any of the official YouTube APIs
 - Developer [API](https://github.com/omarroth/invidious/wiki/API)
-  <h3>An open source alternative front-end to YouTube</h3>
+Liberapay: https://liberapay.com/omarroth  
 Patreon: https://patreon.com/omarroth  
 BTC: 356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY  
 BCH: qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk
-  <a href="https://invidious.io/">Website</a>
+## Invidious Instances
  &nbsp;•&nbsp;
  <a href="https://instances.invidious.io/">Instances list</a>
  &nbsp;•&nbsp;
  <a href="https://docs.invidious.io/faq/">FAQ</a>
  &nbsp;•&nbsp;
  <a href="https://docs.invidious.io/">Documentation</a>
  &nbsp;•&nbsp;
  <a href="#contribute">Contribute</a>
  &nbsp;•&nbsp;
  <a href="https://invidious.io/donate/">Donate</a>
-  <h5>Chat with us:</h5>
+See [Invidious Instances](https://github.com/omarroth/invidious/wiki/Invidious-Instances) for a full list of publicly available instances.
  <a href="https://matrix.to/#/#invidious:matrix.org">
    <img alt="Matrix" src="https://img.shields.io/matrix/invidious:matrix.org?label=Matrix&color=darkgreen">
  </a>
  <a href="https://web.libera.chat/?channel=#invidious">
    <img alt="Libera.chat (IRC)" src="https://img.shields.io/badge/IRC%20%28Libera.chat%29-%23invidious-darkgreen">
  </a>
  <br>
  <a rel="me" href="https://social.tchncs.de/@invidious">
  <img alt="Fediverse: @invidious@social.tchncs.de" src="https://img.shields.io/badge/Fediverse-%40invidious%40social.tchncs.de-darkgreen">
  </a>
  <br>
  <a href="https://invidious.io/contact/">
  <img alt="E-mail" src="https://img.shields.io/badge/E%2d%2dmail-darkgreen">
  </a>
 </div>
 ### Official Instances
 - [invidio.us](https://invidio.us) 🇺🇸  
  Issuer: Let's Encrypt, [SSLLabs Verification](https://www.ssllabs.com/ssltest/analyze.html?d=invidio.us)
 - [kgg2m7yk5aybusll.onion](http://kgg2m7yk5aybusll.onion)
 - [axqzx4s6s54s32yentfqojs3x5i7faxza6xo3ehd4bzzsg2ii4fv2iid.onion](http://axqzx4s6s54s32yentfqojs3x5i7faxza6xo3ehd4bzzsg2ii4fv2iid.onion)
 ## Screenshots
-| Player                              | Preferences                         | Subscriptions                         |
+| Player                                                                                                                  | Preferences                                                                                                             | Subscriptions                                                                                                               |
-|-------------------------------------|-------------------------------------|---------------------------------------|
+| ----------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
-| ![](screenshots/01_player.png)      | ![](screenshots/02_preferences.png) | ![](screenshots/03_subscriptions.png) |
+| [<img src="screenshots/01_player.png?raw=true" height="140" width="280">](screenshots/01_player.png?raw=true)           | [<img src="screenshots/02_preferences.png?raw=true" height="140" width="280">](screenshots/02_preferences.png?raw=true) | [<img src="screenshots/03_subscriptions.png?raw=true" height="140" width="280">](screenshots/03_subscriptions.png?raw=true) |
-| ![](screenshots/04_description.png) | ![](screenshots/05_preferences.png) | ![](screenshots/06_subscriptions.png) |
+| [<img src="screenshots/04_description.png?raw=true" height="140" width="280">](screenshots/04_description.png?raw=true) | [<img src="screenshots/05_preferences.png?raw=true" height="140" width="280">](screenshots/05_preferences.png?raw=true) | [<img src="screenshots/06_subscriptions.png?raw=true" height="140" width="280">](screenshots/06_subscriptions.png?raw=true) |
 ## Installation
-## Features
+See [Invidious-Updater](https://github.com/tmiland/Invidious-Updater) for a self-contained script that can automatically install and update Invidious.
-**User features**
+### Docker:
 - Lightweight
 - No ads
 - No tracking
 - No JavaScript required
 - Light/Dark themes
 - Customizable homepage
 - Subscriptions independent from Google
 - Notifications for all subscribed channels
 - Audio-only mode (with background play on mobile)
 - Support for Reddit comments
 - [Available in many languages](locales/), thanks to [our translators](#contribute)
-**Data import/export**
+#### Build and start cluster:
 - Import subscriptions from YouTube, NewPipe and Freetube
 - Import watch history from YouTube and NewPipe
 - Export subscriptions to NewPipe and Freetube
 - Import/Export Invidious user data
-**Technical features**
+```bash
- Embedded video support
+$ docker-compose up
- [Developer API](https://docs.invidious.io/api/)
+```
 - Does not use official YouTube APIs
 - No Contributor License Agreement (CLA)
 And visit `localhost:3000` in your browser.
-## Quick start
+#### Rebuild cluster:
-**Using invidious:**
+```bash
 $ docker-compose build
 ```
- [Select a public instance from the list](https://instances.invidious.io) and start watching videos right now!
+#### Delete data and rebuild:
-**Hosting invidious:**
+```bash
 $ docker volume rm invidious_postgresdata
 $ docker-compose build
 ```
- [Follow the installation instructions](https://docs.invidious.io/installation/)
+### Linux:
 #### Install dependencies
 ```bash
 # Arch Linux
 $ sudo pacman -S shards crystal imagemagick librsvg postgresql
 # Ubuntu or Debian
 # First you have to add the repository to your APT configuration. For easy setup just run in your command line:
 $ curl -sSL https://dist.crystal-lang.org/apt/setup.sh | sudo bash
 # That will add the signing key and the repository configuration. If you prefer to do it manually, execute the following commands:
 $ curl -sL "https://keybase.io/crystal/pgp_keys.asc" | sudo apt-key add -
 $ echo "deb https://dist.crystal-lang.org/apt crystal main" | sudo tee /etc/apt/sources.list.d/crystal.list
 $ sudo apt-get update
 $ sudo apt install crystal libssl-dev libxml2-dev libyaml-dev libgmp-dev libreadline-dev librsvg2-dev postgresql imagemagick libsqlite3-dev
 ```
 #### Add invidious user and clone repository
 ```bash
 $ useradd -m invidious
 $ sudo -i -u invidious
 $ git clone https://github.com/omarroth/invidious
 $ exit
 ```
 #### Setup PostgresSQL
 ```bash
 $ sudo systemctl enable postgresql
 $ sudo systemctl start postgresql
 $ sudo -i -u postgres
 $ psql -c "CREATE USER kemal WITH PASSWORD 'kemal';" # Change 'kemal' here to a stronger password, and update `password` in config/config.yml
 $ createdb -O kemal invidious
 $ psql invidious kemal < /home/invidious/invidious/config/sql/channels.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/videos.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/channel_videos.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/users.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/session_ids.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/nonces.sql
 $ psql invidious kemal < /home/invidious/invidious/config/sql/annotations.sql
 $ exit
 ```
 #### Setup Invidious
 ```bash
 $ sudo -i -u invidious
 $ cd invidious
 $ shards update && shards install
 $ crystal build src/invidious.cr --release
 # test compiled binary
 $ ./invidious # stop with ctrl c
 $ exit
 ```
 #### systemd service
 ```bash
 $ sudo cp /home/invidious/invidious/invidious.service /etc/systemd/system/invidious.service
 $ sudo systemctl enable invidious.service
 $ sudo systemctl start invidious.service
 ```
 ### OSX:
 ```bash
 # Install dependencies
 $ brew update
 $ brew install shards crystal-lang postgres imagemagick librsvg
 # Clone repository and setup postgres database
 $ git clone https://github.com/omarroth/invidious
 $ cd invidious
 $ brew services start postgresql
 $ psql -c "CREATE ROLE kemal WITH PASSWORD 'kemal';" # Change 'kemal' here to a stronger password, and update `password` in config/config.yml
 $ createdb -O kemal invidious
 $ psql invidious kemal < config/sql/channels.sql
 $ psql invidious kemal < config/sql/videos.sql
 $ psql invidious kemal < config/sql/channel_videos.sql
 $ psql invidious kemal < config/sql/users.sql
 $ psql invidious kemal < config/sql/session_ids.sql
 $ psql invidious kemal < config/sql/nonces.sql
 $ psql invidious kemal < config/sql/annotations.sql
 # Setup Invidious
 $ shards update && shards install
 $ crystal build src/invidious.cr --release
 ```
 ## Update Invidious
 You can see how to update Invidious [here](https://github.com/omarroth/invidious/wiki/Updating).
 ## Usage:
 ```bash
 $ ./invidious -h
 Usage: invidious [arguments]
    -b HOST, --bind HOST             Host to bind (defaults to 0.0.0.0)
    -p PORT, --port PORT             Port to listen for connections (defaults to 3000)
    -s, --ssl                        Enables SSL
    --ssl-key-file FILE              SSL key file
    --ssl-cert-file FILE             SSL certificate file
    -h, --help                       Shows this help
    -c THREADS, --channel-threads=THREADS
                                     Number of threads for refreshing channels (default: 1)
    -f THREADS, --feed-threads=THREADS
                                     Number of threads for refreshing feeds (default: 1)
    -o OUTPUT, --output=OUTPUT       Redirect output (default: STDOUT)
    -v, --version                    Print version
 ```
 Or for development:
 ```bash
 $ curl -fsSLo- https://raw.githubusercontent.com/samueleaton/sentry/master/install.cr | crystal eval
 $ ./sentry
 🤖  Your SentryBot is vigilant. beep-boop...
 ```
 ## Documentation
-The full documentation can be accessed online at https://docs.invidious.io/
+[Documentation](https://github.com/omarroth/invidious/wiki) can be found in the wiki.
-The documentation's source code is available in this repository:
+## Extensions
 https://github.com/iv-org/documentation
-### Extensions
+[Extensions](https://github.com/omarroth/invidious/wiki/Extensions) can be found in the wiki, as well as documentation for integrating it into other projects.
-We highly recommend the use of [Privacy Redirect](https://github.com/SimonBrazell/privacy-redirect#get),
+## Made with Invidious
 a browser extension that automatically redirects Youtube URLs to any Invidious instance and replaces
 embedded youtube videos on other websites with invidious.
-The documentation contains a list of browser extensions that we recommended to use along with Invidious.
+- [FreeTube](https://github.com/FreeTubeApp/FreeTube): An Open Source YouTube app for privacy.
 - [CloudTube](https://cadence.moe/cloudtube/subscriptions): A JS-rich alternate YouTube player
 - [PeerTubeify](https://gitlab.com/Ealhad/peertubeify): On YouTube, displays a link to the same video on PeerTube, if it exists.
 - [MusicPiped](https://github.com/deep-gaurav/MusicPiped): A materialistic music player that streams music from YouTube.
-You can read more here: https://docs.invidious.io/applications/
+## Contributing
 1.  Fork it ( https://github.com/omarroth/invidious/fork )
 2.  Create your feature branch (git checkout -b my-new-feature)
 3.  Commit your changes (git commit -am 'Add some feature')
 4.  Push to the branch (git push origin my-new-feature)
 5.  Create a new Pull Request
-## Contribute
+## Contact
-### Code
+Feel free to send an email to omarroth@protonmail.com or join our [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org), or #invidious on Freenode.
-1.  Fork it ( https://github.com/iv-org/invidious/fork ).
+You can also view release notes on the [releases](https://github.com/omarroth/invidious/releases) page or in the CHANGELOG.md included in the repository.
 1.  Create your feature branch (`git checkout -b my-new-feature`).
 1.  Stage your files (`git add .`).
 1.  Commit your changes (`git commit -am 'Add some feature'`).
 1.  Push to the branch (`git push origin my-new-feature`).
 1.  Create a new pull request ( https://github.com/iv-org/invidious/compare ).
-### Translations
+## License
-We use [Weblate](https://weblate.org) to manage Invidious translations.
+[![GNU AGPLv3 Image](https://www.gnu.org/graphics/agplv3-155x51.png)](http://www.gnu.org/licenses/agpl-3.0.en.html)
-You can suggest new translations and/or correction here: https://hosted.weblate.org/engage/invidious/.
+Invidious is Free Software: You can use, study share and improve it at your
-
+will. Specifically you can redistribute and/or modify it under the terms of the
-Creating an account is not required, but recommended, especially if you want to contribute regularly.
+[GNU Affero General Public License](https://www.gnu.org/licenses/agpl.html) as
-Weblate also allows you to log-in with major SSO providers like Github, Gitlab, BitBucket, Google, ...
+published by the Free Software Foundation, either version 3 of the License, or
-
+(at your option) any later version.
 ## Projects using Invidious
 A list of projects and extensions for or utilizing Invidious can be found in the documentation: https://docs.invidious.io/applications/
 ## Liability
 We take no responsibility for the use of our tool, or external instances
 provided by third parties. We strongly recommend you abide by the valid
 official regulations in your country. Furthermore, we refuse liability
 for any inappropriate use of Invidious, such as illegal downloading.
 This tool is provided to you in the spirit of free, open software.
 You may view the LICENSE in which this software is provided to you [here](./LICENSE).
 >   16. Limitation of Liability.
 >
 > IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
 WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
 THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
 GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
 USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
 DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
 PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
 EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
 SUCH DAMAGES.
--- a/1
+++ b/1
@ -1 +0,0 @@
 https://hosted.weblate.org/projects/invidious/
--- a/assets/css/carousel.css
+++ b/assets/css/carousel.css
@ -1,119 +0,0 @@
 /*
 Copyright (c) 2024 by Jennifer (https://codepen.io/jwjertzoch/pen/JjyGeRy)
 Permission is hereby granted, free of charge, to any person
 obtaining a copy of this software and associated documentation
 files (the "Software"), to deal in the Software without restriction,
 including without limitation the rights to use, copy, modify,
 merge, publish, distribute, sublicense, and/or sell copies of
 the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall
 be included in all copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 DEALINGS IN THE SOFTWARE.
 */
 .carousel {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
 }
 .slides {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
 }
 .slides::-webkit-scrollbar {
    display: none;
 }
 .slides-item {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-shrink: 0;
    font-size: 100px;
    height: 600px;
    justify-content: center;
    margin: 0 1rem;
    position: relative;
    scroll-snap-align: start;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .5s;
    width: 100%;
 }
 .carousel__nav {
    padding: 1.25rem .5rem;
 }
 .slider-nav {
    align-items: center;
    background-color: #ddd;
    border-radius: 50%;
    color: #000;
    display: inline-flex;
    height: 1.5rem;
    justify-content: center;
    padding: .5rem;
    position: relative;
    text-decoration: none;
    width: 1.5rem;
 }
 .skip-link {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
 }
 .skip-link:focus {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    font-size: 30px;
    height: 30px;
    justify-content: center;
    opacity: .8;
    text-decoration: none;
    width: 50%;
    z-index: 1;
 }
 .light-theme .slider-nav {
    background-color: #ddd;
 }
 .dark-theme .slider-nav  {
    background-color: #0005;
 }
@media (prefers-color-scheme: light) {
    .no-theme .slider-nav {
        background-color: #ddd;
    }
 }
@media (prefers-color-scheme: dark) {
    .no-theme .slider-nav {
        background-color: #0005;
    }
 }
--- a/assets/css/darktheme.css
+++ b/assets/css/darktheme.css
@ -0,0 +1,38 @@
 a:hover,
 a:active {
  color: rgb(0, 182, 240);
 }
 a {
  color: #a0a0a0;
  text-decoration: none;
 }
 body {
  background-color: rgba(35, 35, 35, 1);
  color: #f0f0f0;
 }
 .pure-form legend {
  color: #f0f0f0;
 }
 .pure-menu-heading {
  color: #f0f0f0;
 }
 .pure-form > fieldset > input,
 .pure-control-group > input,
 .pure-form > fieldset > select,
 .pure-control-group > select {
  color: rgba(35, 35, 35, 1);
 }
 .pure-form input[type="file"] {
  color: #f0f0f0;
 }
 .navbar > .searchbar input {
  background-color: inherit;
  color: inherit;
 }
--- a/assets/css/default.css
+++ b/assets/css/default.css
@ -1,73 +1,11 @@
 /*
 * Common attributes
 */
 html,
 body {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
    Arial, sans-serif;
 }
 #contents {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: auto;
 }
 .h-box {
  padding-left: 1em;
  padding-right: 1em;
 }
 .v-box {
  padding-top: 1em;
  padding-bottom: 1em;
 }
 .deleted {
  background-color: rgb(255, 0, 0, 0.5);
 }
 .underlined {
  border-bottom: 1px solid;
  margin-bottom: 20px;
 }
 .title {
  margin: 0.5em 0 1em 0;
 }
 /* A flex container */
 .flexible {
  display: flex;
  align-items: center;
 }
 .flex-left {
  display: flex;
  flex: 1 1 auto;
  flex-flow: row wrap;
  justify-content: flex-start;
 }
 .flex-right {
  display: flex;
  flex: 2 0 auto;
  flex-flow: row nowrap;
  justify-content: flex-end;
 }
 /*
 * Channel page
 */
 .channel-profile > * {
  font-size: 1.17em;
  font-weight: bold;
  vertical-align: middle;
  border-radius: 50%;
 }
 .channel-profile > img {
@ -75,7 +13,7 @@ body {
  height: auto;
 }
-body a.channel-owner {
+.channel-owner {
  background-color: #008bec;
  color: #fff;
  border-radius: 9px;
@ -89,7 +27,6 @@ body a.channel-owner {
 }
 .creator-heart {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
@ -110,27 +47,20 @@ body a.channel-owner {
 }
 .creator-heart-small-container {
  display: block;
  position: relative;
  width: 13px;
  height: 13px;
  color: rgb(255, 0, 0);
 }
-.feed-menu {
+.h-box {
-  display: flex;
+  padding-left: 1em;
-  justify-content: center;
+  padding-right: 1em;
  flex-wrap: wrap;
 }
-.feed-menu-item {
+.v-box {
-  text-align: center;
+  padding-top: 1em;
-}
+  padding-bottom: 1em;
@media screen and (max-width: 640px) {
  .feed-menu-item {
    flex: 0 0 40%;
  }
 }
 div {
@ -148,108 +78,59 @@ div {
  padding-right: 10px;
 }
 /*
 * Buttons
 */
 body a.pure-button {
  color: rgba(0,0,0,.8);
 }
 button.pure-button-primary,
-body a.pure-button-primary,
+a.pure-button-primary,
-.channel-owner:hover,
+.channel-owner:hover {
 .channel-owner:focus {
  background-color: #a0a0a0;
  color: rgba(35, 35, 35, 1);
 }
-.pure-button-primary,
+button.pure-button-primary:hover,
-.pure-button-secondary {
+a.pure-button-primary:hover {
-  border: 1px solid #a0a0a0;
+  background-color: rgba(0, 182, 240, 1);
-  border-radius: 3px;
+  color: #fff;
  margin: 0 .4em;
 }
 .pure-button-secondary.low-profile {
  padding: 5px 10px;
  margin: 0;
 }
 /* Has to be combined with flex-left/right */
 .button-container {
  flex-flow: wrap;
  gap: 0.5em 0.75em;
 }
 /*
 * Video thumbnails
 */
 div.thumbnail {
  padding: 28.125%;
  position: relative;
  width: 100%;
  box-sizing: border-box;
 }
 img.thumbnail {
  display: block; /* See: https://stackoverflow.com/a/11635197 */
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
 }
 .thumbnail-placeholder {
  min-height: 50px;
  border: 2px dotted;
 }
 div.watched-overlay {
  z-index: 50;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.4);
 }
 div.watched-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: red;
 }
 div.thumbnail > .top-left-overlay,
 div.thumbnail > .bottom-right-overlay {
  z-index: 100;
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 16px;
 }
 .top-left-overlay { top: 0.6em; left: 0.6em; }
 .bottom-right-overlay { bottom: 0.6em; right: 0.6em; }
 .length {
-  padding: 1px;
+  z-index: 100;
-  margin: -2px 0;
+  position: absolute;
  background-color: rgba(35, 35, 35, 0.75);
  color: #fff;
-  border-radius: 3px;
+  border-radius: 2px;
  padding: 2px;
  font-size: 16px;
  font-family: sans-serif;
  right: 0.25em;
  bottom: -0.75em;
 }
-.length, .top-left-overlay button {
+.watched {
-  color: #eee;
+  z-index: 100;
-  background-color: rgba(35, 35, 35, 0.85) !important;
+  position: absolute;
  background-color: rgba(35, 35, 35, 0.75);
  color: #fff;
  border-radius: 2px;
  padding: 4px 8px 4px 8px;
  font-size: 16px;
  font-family: sans-serif;
  left: 0.2em;
  top: -0.7em;
 }
 /*
 * Navbar
 */
@ -265,7 +146,7 @@ div.thumbnail > .bottom-right-overlay {
  flex: 1;
 }
-.searchbar {
+.navbar > .searchbar {
  flex-grow: 2; /* take double the space of the other items */
 }
@ -275,37 +156,21 @@ div.thumbnail > .bottom-right-overlay {
 .navbar .index-link {
  font-weight: bold;
  display: inline;
 }
-.searchbar .pure-form {
+.navbar > .searchbar .pure-form input[type="search"] {
-  display: flex;
+  border-top: 0;
-}
+  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
-.searchbar .pure-form fieldset {
+  padding: initial 0;
  padding: 0;
  flex: 1;
 }
-.searchbar input[type="search"] {
+  box-shadow: none;
 	width: 100%;
 	margin: 1px;
-	border: 1px solid;
+  transition: 0.1s border-bottom;
-	border-color: rgba(0,0,0,0);
+  -webkit-appearance: none;
 	border-bottom-color: #CCC;
 	border-radius: 0;
 	box-shadow: none;
 	appearance: none;
 	-webkit-appearance: none;
 }
 .searchbar input[type="search"]:focus {
 	margin: 0;
 	border: 2px solid;
 	border-color: rgba(0,0,0,0);
 	border-bottom-color: #FED;
 }
 /* https://stackoverflow.com/a/55170420 */
@ -317,14 +182,13 @@ input[type="search"]::-webkit-search-cancel-button {
  background-size: 14px;
 }
-.searchbar #searchbutton {
+.navbar > .searchbar .pure-form fieldset {
-  border: none;
+  padding: 0;
  background: none;
  margin-top: 0;
 }
-.searchbar #searchbutton:hover {
+/* attract focus to the searchbar by adding a subtle transition */
-  color: rgb(0, 182, 240);
+.navbar > .searchbar .pure-form input[type="search"]:focus {
  border-bottom: 2px solid #aaa;
 }
 .user-field {
@ -335,18 +199,13 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 .user-field div {
-  width: auto;
+  width: initial;
 }
 .user-field div:not(:last-child) {
  margin-right: 1em;
 }
 /*
 * Responsive rules
 */
@media only screen and (max-aspect-ratio: 16/9) {
  .player-dimensions.vjs-fluid {
    padding-top: 46.86% !important;
@ -365,28 +224,20 @@ input[type="search"]::-webkit-search-cancel-button {
  .navbar > div {
    display: flex;
    justify-content: center;
-    margin-bottom: 25px;
+  }
  .navbar > div:not(:last-child) {
    margin-bottom: 1em;
  }
  .navbar > .searchbar > form {
-    width: 75%;
+    width: 60%;
  }
  h1 {
    font-size: 1.25em;
    margin: 0.42em 0;
  }
  /* Space out the subscribe & RSS buttons and align them to the left */
  .title.flexible { display: block; }
  .title.flexible > .flex-right { margin: 0.75em 0; justify-content: flex-start; }
  /* Space out buttons to make them easier to tap */
  .user-field { font-size: 125%; }
  .user-field > :not(:last-child) { margin-right: 1.75em; }
  .icon-buttons { font-size: 125%; }
  .icon-buttons > :not(:last-child) { margin-right: 0.75em; }
 }
@media screen and (max-width: 320px) {
@ -396,95 +247,19 @@ input[type="search"]::-webkit-search-cancel-button {
  }
 }
 /*
 * Video "cards" (results/playlist/channel videos)
 */
 .video-card-row { margin: 15px 0; }
 p.channel-name { margin: 0; }
 p.video-data   { margin: 0; font-weight: bold; font-size: 80%; }
 /*
 * Comments & community posts
 */
 .comments {
  max-width: 800px;
  margin: auto;
 }
 /*
 * We don't want the top and bottom margin on the post page.
 */
 .comments.post-comments {
  margin-bottom: 0;
  margin-top: 0;
 }
 .video-iframe-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
 }
 .video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
 }
 /*
 * Page navigation
 */
 .page-nav-container { margin: 15px 0 30px 0; }
 .page-prev-container { text-align: start; }
 .page-next-container { text-align: end; }
 .page-prev-container,
 .page-next-container {
  display: inline-block;
 }
 /*
 * Footer
 */
-footer {
+.footer {
-  margin-top: auto;
+  color: #666666;
-  padding: 1.5em 0;
+  margin: 2em 0;
  text-align: center;
  max-height: 30vh;
 }
-.light-theme footer {
+.footer a {
-  color: #7c7c7c;
+  color: inherit;
-}
+  text-decoration: underline;
 .dark-theme footer {
  color: #adadad;
 }
 .light-theme footer a {
  color: #7c7c7c !important;
 }
 .dark-theme footer a {
  color: #adadad !important;
 }
 footer span {
  margin: 4px 0;
  display: block;
 }
 /* keyframes */
@ -498,321 +273,157 @@ footer span {
  }
 }
 /* Control Bar */
@media screen and (max-width: 480px) {
  .video-js .vjs-control-bar,
  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    overflow: -webkit-paged-x;
  }
 }
 .vjs-user-inactive {
  cursor: none;
 }
 .video-js .vjs-text-track-display > div > div > div {
  background-color: rgba(0, 0, 0, 0.75) !important;
  border-radius: 9px !important;
  padding: 5px !important;
 }
 .vjs-play-control,
 .vjs-volume-panel,
 .vjs-current-time,
 .vjs-time-control,
 .vjs-duration,
 .vjs-progress-control,
 .vjs-remaining-time {
  order: 1;
 }
 .vjs-captions-button {
  order: 2;
 }
 .vjs-quality-selector,
 .video-js .vjs-http-source-selector {
  order: 3;
 }
 .vjs-playback-rate {
  order: 4;
 }
 .vjs-share-control {
  order: 5;
 }
 .vjs-fullscreen-control {
  order: 6;
 }
 .vjs-control-bar {
  display: flex;
  flex-direction: row;
 }
 .video-js .vjs-icon-cog {
  font-size: 18px;
 }
 .video-js .vjs-control-bar,
 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(35, 35, 35, 0.75);
 }
 .vjs-menu li.vjs-menu-item:focus,
 .vjs-menu li.vjs-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: rgba(49, 49, 51, 0.75);
 }
 .vjs-menu li.vjs-selected,
 .vjs-menu li.vjs-selected:focus,
 .vjs-menu li.vjs-selected:hover {
  background-color: rgba(0, 182, 240, 0.75);
 }
 /* Progress Bar */
 .video-js .vjs-slider {
  background-color: rgba(15, 15, 15, 0.5);
 }
 fieldset > select,
 span > select {
  color: rgba(49, 49, 51, 1);
 }
-.pure-control-group label {
+.video-js .vjs-load-progress,
-  word-wrap: normal;
+.video-js .vjs-load-progress div {
  background: rgba(87, 87, 88, 1);
 }
-
+.video-js .vjs-slider:hover,
-/*
+.video-js button:hover {
- * Light theme
+  color: rgba(0, 182, 240, 1);
 */
 .light-theme a:hover,
 .light-theme a:active,
 .light-theme summary:hover,
 .light-theme a:focus,
 .light-theme summary:focus {
  color: #075A9E !important;
 }
-.light-theme .pure-button-primary:hover,
+.video-js .vjs-play-progress {
-.light-theme .pure-button-primary:focus,
+  background-color: rgba(0, 182, 240, 1);
 .light-theme .pure-button-secondary:hover,
 .light-theme .pure-button-secondary:focus {
  color: #fff !important;
  border-color: rgba(0, 182, 240, 0.75) !important;
  background-color: rgba(0, 182, 240, 0.75) !important;
 }
-.light-theme .pure-button-secondary:not(.low-profile) {
+/* Overlay */
-  color: #335d7a;
+.video-js .vjs-overlay {
-  background-color: #fff2;
+  background-color: rgba(35, 35, 35, 0.75);
  color: rgba(255, 255, 255, 1);
 }
-.light-theme a {
+/* ProgressBar marker */
-  color: #335d7a;
+.vjs-marker {
-  text-decoration: none;
+  background-color: rgba(255, 255, 255, 1);
 }
-/* All links that do not fit with the default color goes here */
+/* Big "Play" Button */
-.light-theme a:not([data-id]) > .icon,
+.video-js .vjs-big-play-button {
-.light-theme .pure-u-lg-1-5 > .h-box > a[href^="/watch?"],
+  background-color: rgba(35, 35, 35, 0.5);
 .light-theme .playlist-restricted > ol > li > a {
  color: #303030;
 }
-.light-theme .pure-menu-heading {
+.video-js:hover .vjs-big-play-button {
-  color: #565d64;
+  background-color: rgba(35, 35, 35, 0.75);
 }
-@media (prefers-color-scheme: light) {
+.video-js .vjs-current-time,
-  .no-theme a:hover,
+.video-js .vjs-time-divider,
-  .no-theme a:active,
+.video-js .vjs-duration {
  .no-theme summary:hover,
  .no-theme a:focus,
  .no-theme summary:focus {
    color: #075A9E !important;
  }
  .no-theme .pure-button-primary:hover,
  .no-theme .pure-button-primary:focus,
  .no-theme .pure-button-secondary:hover,
  .no-theme .pure-button-secondary:focus {
    color: #fff !important;
    border-color: rgba(0, 182, 240, 0.75) !important;
    background-color: rgba(0, 182, 240, 0.75) !important;
  }
  .no-theme .pure-button-secondary:not(.low-profile) {
    color: #335d7a;
    background-color: #fff2;
  }
  .no-theme a {
    color: #335d7a;
    text-decoration: none;
  }
  /* All links that do not fit with the default color goes here */
  .no-theme a:not([data-id]) > .icon,
  .no-theme .pure-u-lg-1-5 > .h-box > a[href^="/watch?"],
  .no-theme .playlist-restricted > ol > li > a {
    color: #303030;
  }
  .no-theme footer {
    color: #7c7c7c;
  }
  .no-theme footer a {
    color: #7c7c7c !important;
  }
  .light-theme .pure-menu-heading {
    color: #565d64;
  }
 }
 /*
 * Dark theme
 */
 .dark-theme a:hover,
 .dark-theme a:active,
 .dark-theme summary:hover,
 .dark-theme a:focus,
 .dark-theme summary:focus {
  color: rgb(0, 182, 240);
 }
 .dark-theme .pure-button-primary:hover,
 .dark-theme .pure-button-primary:focus,
 .dark-theme .pure-button-secondary:hover,
 .dark-theme .pure-button-secondary:focus {
  color: #fff !important;
  border-color: rgb(0, 182, 240) !important;
  background-color: rgba(0, 182, 240, 1) !important;
 }
 .dark-theme .pure-button-secondary {
  background-color: #0002;
  color: #ddd;
 }
 .dark-theme a {
  color: #adadad;
  text-decoration: none;
 }
 body.dark-theme {
  background-color: rgba(35, 35, 35, 1);
  color: #f0f0f0;
 }
 .dark-theme .pure-form legend {
  color: #f0f0f0;
 }
 .dark-theme .pure-menu-heading {
  color: #f0f0f0;
 }
 .dark-theme input,
 .dark-theme select,
 .dark-theme textarea {
  color: rgba(35, 35, 35, 1);
 }
 .dark-theme .pure-form input[type="file"] {
  color: #f0f0f0;
 }
 .dark-theme .searchbar input {
  background-color: inherit;
  color: inherit;
 }
@media (prefers-color-scheme: dark) {
  .no-theme a:hover,
  .no-theme a:active,
  .no-theme a:focus {
    color: rgb(0, 182, 240);
  }
  .no-theme .pure-button-primary:hover,
  .no-theme .pure-button-primary:focus,
  .no-theme .pure-button-secondary:hover,
  .no-theme .pure-button-secondary:focus {
    color: #fff !important;
    border-color: rgb(0, 182, 240) !important;
    background-color: rgba(0, 182, 240, 1) !important;
  }
  .no-theme .pure-button-secondary {
    background-color: #0002;
    color: #ddd;
  }
  .no-theme a {
    color: #adadad;
    text-decoration: none;
  }
  body.no-theme {
    background-color: rgba(35, 35, 35, 1);
    color: #f0f0f0;
  }
  .no-theme .pure-form legend {
    color: #f0f0f0;
  }
  .no-theme .pure-menu-heading {
    color: #f0f0f0;
  }
  .no-theme input,
  .no-theme select,
  .no-theme textarea {
    color: rgba(35, 35, 35, 1);
  }
  .no-theme .pure-form input[type="file"] {
    color: #f0f0f0;
  }
  .no-theme .searchbar input {
    background-color: inherit;
    color: inherit;
  }
  .no-theme footer {
    color: #adadad;
  }
  .no-theme footer a {
    color: #adadad !important;
  }
 }
 /*
 * Miscellanous
 */
 /*With commit d9528f5 all contents of the page is now within a flexbox. However,
 the hr element is rendered improperly within one.
 See https://stackoverflow.com/a/34372979 for more info */
 hr {
  margin: 10px 0 10px 0;
 }
 /* Description Expansion Styling*/
 #descexpansionbutton,
 #music-desc-expansion {
  display: none;
 }
 #descexpansionbutton ~ div {
  overflow: hidden;
 }
 #descexpansionbutton:not(:checked) ~ div {
  max-height: 8.3em;
 }
 #descexpansionbutton:checked ~ div {
  overflow: unset;
  height: 100%;
 }
 #descexpansionbutton ~ label {
  order: 1;
  margin-top: 20px;
 }
 label[for="descexpansionbutton"]:hover,
 label[for="music-desc-expansion"]:hover {
  cursor: pointer;
 }
 /* Bidi (bidirectional text) support */
 h1, h2, h3, h4, h5, p,
 #descriptionWrapper,
 #description-box,
 #music-description-box {
  unicode-bidi: plaintext;
  text-align: start;
 }
 #descriptionWrapper {
  max-width: 600px;
  white-space: pre-wrap;
 }
 #music-description-box {
  display: none;
 }
 #music-desc-expansion:checked ~ #music-description-box {
  display: block;
 }
-#music-desc-expansion ~ label > h3 > .ion-ios-arrow-up,
+.video-js .vjs-time-divider {
-#music-desc-expansion:checked ~ label > h3 > .ion-ios-arrow-down {
+  min-width: 0px;
-  display: none;
+  padding-left: 0px;
  padding-right: 0px;
 }
-#music-desc-expansion:checked ~ label > h3 > .ion-ios-arrow-up,
+.video-js .vjs-poster {
-#music-desc-expansion ~ label > h3 > .ion-ios-arrow-down {
+  background-size: cover;
-  display: inline;
+  object-fit: cover;
 }
-/* Select all the music items except the first one */
+.player-dimensions.vjs-fluid {
-.music-item + .music-item {
+  padding-top: 82vh;
  border-top: 1px solid #ffffff;
 }
-/* Center the "invidious" logo on the search page */
+video.video-js {
-#logo > h1 { text-align: center; }
+  position: absolute;
-
+  height: 100%;
 /* IE11 fixes */
 :-ms-input-placeholder { color: #888; }
 /* Wider settings name to less word wrap */
 .pure-form-aligned .pure-control-group label { width: 19em; }
 .channel-emoji {
  margin: 0 2px;
 }
-#download_widget {
+#player-container {
-    width: 100%;
+  position: relative;
  padding-bottom: 82vh;
  height: 0;
 }
 .pure-control-group label {
  word-wrap: normal;
 }
--- a/assets/css/embed.css
+++ b/assets/css/embed.css
@ -1,27 +0,0 @@
 #player {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
 }
 .watch-on-invidious {
  font-size: 1.3em !important;
  font-weight: bold;
  white-space: nowrap;
  margin: 0 1em 0 1em !important;
  order: 3;
 }
 .watch-on-invidious > a {
  color: white;
 }
 .watch-on-invidious > a:hover,
 .watch-on-invidious > a:focus {
  color: rgba(0, 182, 240, 1);;
 }
--- a/assets/css/empty.css
+++ b/assets/css/empty.css
@ -1,16 +0,0 @@
 #search-widget {
    text-align: center;
    margin: 20vh 0 50px 0;
 }
 #logo > h1 {
    font-size: 3.5em;
    margin: 0;
    padding: 0;
 }
@media screen and (max-width: 1500px) and (max-height: 1000px) {
    #logo > h1 {
      font-size: 10vmin;
    }
 }
--- a/assets/css/grids-responsive-min.css
+++ b/assets/css/grids-responsive-min.css
--- a/assets/css/ionicons.min.css
+++ b/assets/css/ionicons.min.css
--- a/assets/css/lighttheme.css
+++ b/assets/css/lighttheme.css
@ -0,0 +1,16 @@
 a:hover,
 a:active {
  color: #167ac6 !important;
 }
 a {
  color: #61809b;
  text-decoration: none;
 }
 /* All links that do not fit with the default color goes here */
 a:not([data-id]) > .icon,
 .pure-u-lg-1-5 > .h-box > a[href^="/watch?"],
 .playlist-restricted > ol > li > a {
  color: #303030;
 }
--- a/assets/css/player.css
+++ b/assets/css/player.css
@ -1,265 +0,0 @@
 /* Youtube player style */
 .video-js.player-style-youtube .vjs-progress-control {
  height: 0;
 }
 .video-js.player-style-youtube .vjs-progress-control .vjs-progress-holder, .video-js.player-style-youtube .vjs-progress-control {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0;
 }
 .video-js.player-style-youtube .vjs-control-bar {
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0, 0, 0,0.5));
 }
 .video-js.player-style-youtube .vjs-slider {
  background-color: rgba(255,255,255,0.2);
 }
 .video-js.player-style-youtube .vjs-load-progress > div {
  background-color: rgba(255,255,255,0.5);
 }
 .video-js.player-style-youtube .vjs-play-progress {
  background-color: red;
 }
 .video-js.player-style-youtube .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 15px;
 }
 .video-js.player-style-youtube .vjs-control-bar > .vjs-spacer {
  flex: 1;
  order: 2;
 }
 .video-js.player-style-youtube .vjs-play-progress .vjs-time-tooltip {
  display: none;
 }
 .video-js.player-style-youtube .vjs-play-progress::before {
  color: red;
  font-size: 0.85em;
  display: none;
 }
 .video-js.player-style-youtube .vjs-progress-holder:hover .vjs-play-progress::before {
  display: unset;
 }
 .video-js.player-style-youtube .vjs-control-bar {
  display: flex;
  flex-direction: row;
 }
 .video-js.player-style-youtube .vjs-big-play-button {
  /*
    Styles copied from video-js.min.css, definition of
    .vjs-big-play-centered .vjs-big-play-button
  */
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
 }
 .video-js.player-style-youtube .vjs-menu-button-popup .vjs-menu {
  margin-bottom: 2em;
  padding-top: 2em
 }
 .video-js.player-style-youtube .vjs-progress-control .vjs-progress-holder, .video-js.player-style-youtube .vjs-progress-control {height: 5px;
 margin-bottom: 10px;}
 ul.vjs-menu-content::-webkit-scrollbar {
  display: none;
 }
 .vjs-user-inactive {
  cursor: none;
 }
 .video-js .vjs-text-track-display > div > div > div {
  background-color: rgba(0, 0, 0, 0.75) !important;
  border-radius: 9px !important;
  padding: 5px !important;
 }
 .vjs-play-control,
 .vjs-volume-panel,
 .vjs-current-time,
 .vjs-time-control,
 .vjs-duration,
 .vjs-progress-control,
 .vjs-remaining-time {
  order: 1;
 }
 .vjs-captions-button {
  order: 2;
 }
 .vjs-audio-button {
  order: 3;
 }
 .vjs-quality-selector,
 .video-js .vjs-http-source-selector {
  order: 4;
 }
 .vjs-playback-rate {
  order: 5;
 }
 .vjs-share-control {
  order: 6;
 }
 .vjs-fullscreen-control {
  order: 7;
 }
 .vjs-playback-rate > .vjs-menu {
  width: 50px;
 }
 .vjs-control-bar {
  display: flex;
  flex-direction: row;
  scrollbar-width: none;
 }
 .vjs-control-bar::-webkit-scrollbar {
  display: none;
 }
 .video-js .vjs-icon-cog {
  font-size: 18px;
 }
 .video-js .vjs-control-bar,
 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(35, 35, 35, 0.75);
 }
 .vjs-menu li.vjs-menu-item:focus,
 .vjs-menu li.vjs-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: rgba(49, 49, 51, 0.75);
 }
 .vjs-menu li.vjs-selected,
 .vjs-menu li.vjs-selected:focus,
 .vjs-menu li.vjs-selected:hover {
  background-color: rgba(0, 182, 240, 0.75);
 }
 /* Progress Bar */
 .video-js .vjs-slider {
  background-color: rgba(15, 15, 15, 0.5);
 }
 .video-js .vjs-load-progress,
 .video-js .vjs-load-progress div {
  background: rgba(87, 87, 88, 1);
 }
 .video-js .vjs-slider:hover,
 .video-js button:hover {
  color: rgba(0, 182, 240, 1);
 }
 .video-js.player-style-invidious .vjs-play-progress {
  background-color: rgba(0, 182, 240, 1);
 }
 /* Overlay */
 .video-js .vjs-overlay {
  background-color: rgba(35, 35, 35, 0.75) !important;
 }
 .video-js .vjs-overlay * {
  color: rgba(255, 255, 255, 1) !important;
  text-align: center;
 }
 /* ProgressBar marker */
 .vjs-marker {
  background-color: rgba(255, 255, 255, 1);
  z-index: 0;
 }
 /* Big "Play" Button */
 .video-js .vjs-big-play-button {
  background-color: rgba(35, 35, 35, 0.5);
 }
 .video-js:hover .vjs-big-play-button {
  background-color: rgba(35, 35, 35, 0.75);
 }
 .video-js .vjs-current-time,
 .video-js .vjs-time-divider,
 .video-js .vjs-duration {
  display: block;
 }
 .video-js .vjs-time-divider {
  min-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
 }
 .video-js .vjs-poster {
  background-size: cover;
  object-fit: cover;
 }
 .player-dimensions.vjs-fluid {
  padding-top: 82vh;
 }
 video.video-js {
  position: absolute;
  height: 100%;
 }
 #player-container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-left: 1em;
  margin-right: 1em;
  padding-bottom: 82vh;
  height: 0;
 }
 .mobile-operations-bar {
  display: flex;
  position: absolute;
  top: 0;
  right: 1px !important;
  left: initial !important;
  width: initial !important;
 }
 .mobile-operations-bar ul {
  position: absolute !important;
  bottom: unset !important;
  top: 1.5em;
 }
@media screen and (max-width: 700px) {
  .video-js .vjs-share {
    justify-content: unset;
  }
 }
@media screen and (max-width: 650px) {
  .vjs-modal-dialog-content {
    overflow-x: hidden;
  }
 }
--- a/assets/css/pure-min.css
+++ b/assets/css/pure-min.css
--- a/assets/css/search.css
+++ b/assets/css/search.css
@ -1,121 +0,0 @@
 summary {
 	/* This should hide the marker */
 	display: block;
 	font-size: 1.17em;
 	font-weight: bold;
 	margin: 0 auto 10px auto;
 	cursor: pointer;
 }
 summary::-webkit-details-marker,
 summary::marker { display: none; }
 summary:before {
 	border-radius: 5px;
 	content: "[ + ]";
 	margin: -2px 10px 0 10px;
 	padding: 1px 0 3px 0;
 	text-align: center;
 	width: 40px;
 }
 details[open] > summary:before { content: "[ − ]"; }
 #filters-box {
 	padding: 10px 20px 20px 10px;
 	margin: 10px 15px;
 }
 #filters-flex {
 	display: flex;
 	flex-wrap: wrap;
 	flex-direction: row;
 	align-items: flex-start;
 	align-content: flex-start;
 	justify-content: flex-start;
 }
 fieldset, legend {
 	display: contents !important;
 	border: none !important;
 	margin: 0 !important;
 	padding: 0 !important;
 }
 .filter-column {
 	display: inline-block;
 	display: inline-flex;
 	width: max-content;
 	min-width: max-content;
 	max-width: 16em;
 	margin: 15px;
 	flex-grow: 2;
 	flex-basis: auto;
 	flex-direction: column;
 }
 .filter-name, .filter-options {
 	display: block;
 	padding: 5px 10px;
 	margin: 0;
 	text-align: start;
 }
 .filter-options div { margin: 6px 0; }
 .filter-options div * { vertical-align: middle; }
 .filter-options label { margin: 0 10px; }
 #filters-apply {
 	text-align: right; /* IE11 only */
 	text-align: end;   /* Override for compatible browsers */
 }
 /* Error message */
 .no-results-error {
 	text-align: center;
 	line-height: 180%;
 	font-size: 110%;
 	padding: 15px 15px 125px 15px;
 }
 /* Responsive rules */
@media only screen and (max-width: 800px) {
 	summary { font-size: 1.30em; }
 	#filters-box {
 		margin: 10px 0 0 0;
 		padding: 0;
 	}
 	#filters-apply {
 		text-align: center;
 		padding: 15px;
 	}
 }
 /* Light theme */
 .light-theme #filters-box {
 	background: #dfdfdf;
 }
@media (prefers-color-scheme: light) {
 	.no-theme #filters-box {
 		background: #dfdfdf;
 	}
 }
 /* Dark theme */
 .dark-theme #filters-box {
 	background: #373737;
 }
@media (prefers-color-scheme: dark) {
 	.no-theme #filters-box {
 		background: #373737;
 	}
 }
--- a/assets/css/video-js.min.css
+++ b/assets/css/video-js.min.css
--- a/assets/css/videojs-http-source-selector.css
+++ b/assets/css/videojs-http-source-selector.css
@ -0,0 +1,7 @@
 /**
 * videojs-http-source-selector
 * @version 1.1.5
 * @copyright 2019 Justin Fujita <Justin@pivotshare.com>
 * @license MIT
 */
 .video-js.vjs-http-source-selector{display:block}
--- a/assets/css/videojs-overlay.css
+++ b/assets/css/videojs-overlay.css
@ -0,0 +1 @@
 .video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:rgba(255,255,255,0.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}
--- a/assets/css/videojs-share.css
+++ b/assets/css/videojs-share.css
@ -0,0 +1,7 @@
 /**
 * videojs-share
 * @version 3.0.0
 * @copyright 2019 Mikhail Khazov <mkhazov.work@gmail.com>
 * @license MIT
 */
 .video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-modal-dialog-content{display:flex;align-items:center;padding:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0.77), rgba(0,0,0,0.75))}.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button{position:absolute;right:0;top:5px;width:30px;height:30px;color:#fff;cursor:pointer;opacity:0.9;transition:opacity 0.25s ease-out}.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button:before{content:'×';font-size:20px;line-height:15px}.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button:hover{opacity:1}.video-js .vjs-share{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;max-height:400px}.video-js .vjs-share__top,.video-js .vjs-share__middle,.video-js .vjs-share__bottom{display:flex}.video-js .vjs-share__top,.video-js .vjs-share__middle{flex-direction:column;justify-content:space-between}.video-js .vjs-share__middle{padding:0 25px}.video-js .vjs-share__title{align-self:center;font-size:22px;color:#fff}.video-js .vjs-share__subtitle{width:100%;margin:0 auto 12px;font-size:16px;color:#fff;opacity:0.7}.video-js .vjs-share__short-link-wrapper{position:relative;display:block;width:100%;height:40px;margin:0 auto;margin-bottom:15px;border:0;color:rgba(255,255,255,0.65);background-color:#363636;outline:none;overflow:hidden;flex-shrink:0}.video-js .vjs-share__short-link{display:block;width:100%;height:100%;padding:0 40px 0 15px;border:0;color:rgba(255,255,255,0.65);background-color:#363636;outline:none}.video-js .vjs-share__btn{position:absolute;right:0;bottom:0;height:40px;width:40px;display:flex;align-items:center;padding:0 11px;border:0;color:#fff;background-color:#2e2e2e;background-size:18px 19px;background-position:center;background-repeat:no-repeat;cursor:pointer;outline:none;transition:width 0.3s ease-out, padding 0.3s ease-out}.video-js .vjs-share__btn svg{flex-shrink:0}.video-js .vjs-share__btn span{position:relative;padding-left:10px;opacity:0;transition:opacity 0.3s ease-out}.video-js .vjs-share__btn:hover{justify-content:center;width:100%;padding:0 40px;background-image:none}.video-js .vjs-share__btn:hover span{opacity:1}.video-js .vjs-share__socials{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;transition:width 0.3s ease-out, height 0.3s ease-out}.video-js .vjs-share__social{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:32px;height:32px;margin-right:6px;margin-bottom:6px;cursor:pointer;font-size:8px;transition:transform 0.3s ease-out, filter 0.2s ease-out;border:none;outline:none}.video-js .vjs-share__social:hover{filter:brightness(115%)}.video-js .vjs-share__social svg{overflow:visible;max-height:24px}.video-js .vjs-share__social_vk{background-color:#5d7294}.video-js .vjs-share__social_ok{background-color:#ed7c20}.video-js .vjs-share__social_mail,.video-js .vjs-share__social_email{background-color:#134785}.video-js .vjs-share__social_tw{background-color:#76aaeb}.video-js .vjs-share__social_reddit{background-color:#ff4500}.video-js .vjs-share__social_fbFeed{background-color:#475995}.video-js .vjs-share__social_messenger{background-color:#0084ff}.video-js .vjs-share__social_gp{background-color:#d53f35}.video-js .vjs-share__social_linkedin{background-color:#0077b5}.video-js .vjs-share__social_viber{background-color:#766db5}.video-js .vjs-share__social_telegram{background-color:#4bb0e2}.video-js .vjs-share__social_whatsapp{background-color:#78c870}.video-js .vjs-share__bottom{justify-content:center}@media (max-height: 220px){.video-js .vjs-share .hidden-xs{display:none}}@media (max-height: 350px){.video-js .vjs-share .hidden-sm{display:none}}@media (min-height: 400px){.video-js .vjs-share__title{margin-bottom:15px}.video-js .vjs-share__short-link-wrapper{margin-bottom:30px}}@media (min-width: 320px){.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button{right:5px;top:10px}}@media (min-width: 660px){.video-js.vjs-videojs-share_open .vjs-modal-dialog .vjs-close-button{right:20px;top:20px}.video-js .vjs-share__social{width:40px;height:40px}}
--- a/assets/css/videojs-vtt-thumbnails.css
+++ b/assets/css/videojs-vtt-thumbnails.css
@ -0,0 +1,7 @@
 /**
 * videojs-vtt-thumbnails
 * @version 0.0.13
 * @copyright 2019 Chris Boustead <chris@forgemotion.com>
 * @license MIT
 */
 .video-js.vjs-vtt-thumbnails{display:block}.video-js .vjs-vtt-thumbnail-display{position:absolute;bottom:85%;pointer-events:none;box-shadow:0 0 7px rgba(0,0,0,0.6)}
--- a/assets/css/videojs.markers.min.css
+++ b/assets/css/videojs.markers.min.css
@ -0,0 +1 @@
 .vjs-marker{position:absolute;left:0;bottom:0;opacity:1;height:100%;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;z-index:100}.vjs-marker:hover{cursor:pointer;-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.vjs-tip{visibility:hidden;display:block;opacity:.8;padding:5px;font-size:10px;position:absolute;bottom:14px;z-index:100000}.vjs-tip .vjs-tip-arrow{background:url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;bottom:0;left:50%;margin-left:-4px;background-position:bottom left;position:absolute;width:9px;height:5px}.vjs-tip .vjs-tip-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 8px 4px 8px;background-color:#000;color:#fff;max-width:200px;text-align:center}.vjs-break-overlay{visibility:hidden;position:absolute;z-index:100000;top:0}.vjs-break-overlay .vjs-break-overlay-text{padding:9px;text-align:center}
--- a/assets/fonts/ionicons.eot
+++ b/assets/fonts/ionicons.eot
--- a/assets/fonts/ionicons.svg
+++ b/assets/fonts/ionicons.svg
@ -1,13 +1,13 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <!--
-2019-5-24: Created with FontForge (http://fontforge.org)
+2018-6-14: Created with FontForge (http://fontforge.org)
 -->
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
 <metadata>
-Created by FontForge 20160407 at Fri May 24 15:45:40 2019
+Created by FontForge 20160407 at Thu Jun 14 08:50:34 2018
 By Adam Bradley
-Copyright (c) 2019, Adam Bradley
+Copyright (c) 2018, Adam Bradley
 </metadata>
 <defs>
 <font id="Ionicons" horiz-adv-x="416" >
--- a/assets/fonts/ionicons.ttf
+++ b/assets/fonts/ionicons.ttf
--- a/assets/fonts/ionicons.woff
+++ b/assets/fonts/ionicons.woff
--- a/assets/fonts/ionicons.woff2
+++ b/assets/fonts/ionicons.woff2
--- a/assets/hashtag.svg
+++ b/assets/hashtag.svg
@ -1,9 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="128" height="128" viewBox="0 0 128 128" version="1.1" id="svg5" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g>
    <rect fill="#c84fff" width="128" height="128" x="0" y="0" />
    <g aria-label="#" transform="matrix(1.1326954,0,0,1.1326954,-20.255282,-23.528147)">
      <path d="m 87.780593,70.524217 -2.624999,13.666661 h 11.666662 v 5.708331 H 84.030595 L 80.61393,107.73253 H 74.488932 L 77.988931,89.899209 H 65.863936 L 62.447271,107.73253 H 56.447273 L 59.697272,89.899209 H 48.947276 V 84.190878 H 60.822271 L 63.530603,70.524217 H 52.113942 V 64.815886 H 64.57227 l 3.416665,-17.999993 h 6.124997 l -3.416665,17.999993 h 12.208328 l 3.499999,-17.999993 h 5.999997 l -3.499998,17.999993 h 10.916662 v 5.708331 z M 66.947269,84.190878 H 79.072264 L 81.738929,70.524217 H 69.613934 Z" />
    </g>
  </g>
 </svg>
--- a/assets/invidious-colored-vector.svg
+++ b/assets/invidious-colored-vector.svg
@ -1,2 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="512pt" height="512pt" version="1.0" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><rect x="-.0072516" y=".00056299" width="512.01" height="512.02" fill="#575757" stroke-width=".063019"/><path d="m247.17 455.95c-19.792-0.78921-38.719-4.2564-57.154-10.47-60.968-20.55-108.68-68.579-127-127.86-7.8955-25.538-10.062-53.943-6.2586-82.067 3.7105-27.439 13.603-53.515 29.342-77.344 12.069-18.273 29.138-36.277 47.228-49.816 36.891-27.61 85.944-42.49 132.38-40.157 25.88 1.3001 49.939 6.765 73.106 16.606 8.1948 3.481 20.024 9.6845 27.696 14.525 14.15 8.9272 22.367 15.498 34.482 27.573 13.254 13.211 22.128 24.276 30.398 37.906 7.2081 11.879 14.099 27.15 18.229 40.397 1.5996 5.1305 4.442 16.456 5.6852 22.653 2.3908 11.917 2.6998 15.722 2.7049 33.312 6e-3 18.515-0.46256 24.413-2.9166 36.758-9.3274 46.92-35.58 88.167-74.872 117.64-22.814 17.112-50.027 29.535-78.547 35.858-16.714 3.7059-35.421 5.2453-54.498 4.4846zm-35.1-78.786c-5.3e-4 -0.52647-0.0741-2.0564-0.16311-3.3999l-0.16178-2.4427-4.7018-0.26271c-4.0477-0.22614-4.7968-0.33363-5.3847-0.77253-2.0235-1.5108-1.4679-6.0695 2.2494-18.457 0.8637-2.8781 3.3371-11.321 5.4966-18.762 2.1594-7.4409 5.2002-17.836 6.7573-23.101 1.5571-5.2648 4.1948-14.282 5.8615-20.038 1.6667-5.7562 3.6145-12.4 4.3284-14.764 0.71391-2.3641 3.2583-11.037 5.6542-19.272 4.9475-17.007 8.1626-27.723 8.9438-29.811 0.51852-1.3858 0.54785-1.4139 0.99761-0.95317 0.25486 0.26106 3.8462 7.3667 7.9807 15.79 4.1345 8.4236 13.089 26.573 19.898 40.331 17.188 34.73 37.849 76.578 43.261 87.622l4.5356 9.257 11.359-0.0895c6.2475-0.0492 11.615-0.19623 11.929-0.32672 0.5614-0.23385 0.54167-0.2959-1.3723-4.3176-1.068-2.2442-8.1436-16.601-15.724-31.904-48.687-98.293-61.22-123.86-67.889-138.48-4.7022-10.309-6.9031-14.807-7.7139-15.762-0.82931-0.97742-1.6319-1.0638-2.3704-0.25525-1.1993 1.313-4.1046 10.063-9.3869 28.27-2.0569 7.0899-6.5372 22.425-9.9562 34.077-6.6396 22.629-8.5182 29.037-14.33 48.883-2.0354 6.9495-4.7977 16.369-6.1385 20.931-1.3408 4.5628-4.033 13.81-5.9826 20.549-4.304 14.877-6.136 20.889-7.3886 24.25-2.1371 5.7334-2.5723 6.3292-4.9216 6.7384-0.88855 0.15472-2.4102 0.28196-3.3815 0.28275-2.1993 3e-3 -3.5494 0.36339-4.0558 1.0863-0.42176 0.60215-0.56421 4.8802-0.18251 5.4812 0.20573 0.32388 2.4672 0.37414 23.34 0.51873l8.6151 0.0597-7e-4 -0.95723zm36.751-205.59c4.3282-0.92335 8.4607-4.943 9.4374-9.1796 0.36569-1.5862 0.32543-4.9758-0.077-6.4799-0.85108-3.1813-3.2688-6.291-6.039-7.7675-3.8111-2.0313-9.456-2.0295-13.272 5e-3 -5.9828 3.1888-8.1556 11.089-4.7878 17.408 2.6995 5.0648 8.3611 7.3754 14.738 6.015z" fill="#f0f0f0" stroke-width=".025526"/></g><g transform="matrix(.069892 0 0 -.069892 44.236 474.48)"><path d="m2787 4669c-124-65-123-255 3-319 86-44 196-16 247 62 58 87 26 211-67 258-51 26-132 26-183-1z" fill="#00b6f0" stroke="#00b6f0" stroke-width="4.25"/><path d="m2882 4108c-12-16-63-166-102-303-30-104-101-350-165-565-20-69-58-199-85-290-26-91-64-221-85-290-20-69-58-199-85-290-26-91-64-221-85-290-20-69-57-195-81-280-59-207-93-299-115-310-10-6-35-10-56-10-73 0-84-8-81-54l3-41 228-3 228-2-3 47-3 48-73 3c-66 3-74 5-84 27-13 28 0 104 37 225 13 41 47 156 75 255s66 230 85 290c18 61 56 191 85 290 28 99 66 230 85 290 18 61 56 191 85 290 85 297 123 419 131 429 5 5 17-11 28-35 10-24 192-393 403-819s447-902 523-1058l139-282h168c92 0 168 4 168 8s-75 158-166 342c-588 1183-969 1958-1033 2100-29 63-69 151-89 195-44 95-58 110-80 83z" fill="#575757"/></g></svg>
--- a/assets/js/_helpers.js
+++ b/assets/js/_helpers.js
@ -1,254 +0,0 @@
 'use strict';
 // Contains only auxiliary methods
 // May be included and executed unlimited number of times without any consequences
 // Polyfills for IE11
 Array.prototype.find = Array.prototype.find || function (condition) {
    return this.filter(condition)[0];
 };
 Array.from = Array.from || function (source) {
    return Array.prototype.slice.call(source);
 };
 NodeList.prototype.forEach = NodeList.prototype.forEach || function (callback) {
    Array.from(this).forEach(callback);
 };
 String.prototype.includes = String.prototype.includes || function (searchString) {
    return this.indexOf(searchString) >= 0;
 };
 String.prototype.startsWith = String.prototype.startsWith || function (prefix) {
    return this.substr(0, prefix.length) === prefix;
 };
 Math.sign = Math.sign || function(x) {
    x = +x;
    if (!x) return x; // 0 and NaN
    return x > 0 ? 1 : -1;
 };
 if (!window.hasOwnProperty('HTMLDetailsElement') && !window.hasOwnProperty('mockHTMLDetailsElement')) {
    window.mockHTMLDetailsElement = true;
    const style = 'details:not([open]) > :not(summary) {display: none}';
    document.head.appendChild(document.createElement('style')).textContent = style;
    addEventListener('click', function (e) {
        if (e.target.nodeName !== 'SUMMARY') return;
        const details = e.target.parentElement;
        if (details.hasAttribute('open'))
            details.removeAttribute('open');
        else
            details.setAttribute('open', '');
    });
 }
 // Monstrous global variable for handy code
 // Includes: clamp, xhr, storage.{get,set,remove}
 window.helpers = window.helpers || {
    /**
     * https://en.wikipedia.org/wiki/Clamping_(graphics)
     * @param {Number} num Source number
     * @param {Number} min Low border
     * @param {Number} max High border
     * @returns {Number} Clamped value
     */
    clamp: function (num, min, max) {
        if (max < min) {
            var t = max; max = min; min = t; // swap max and min
        }
        if (max < num)
            return max;
        if (min > num)
            return min;
        return num;
    },
    /** @private */
    _xhr: function (method, url, options, callbacks) {
        const xhr = new XMLHttpRequest();
        xhr.open(method, url);
        // Default options
        xhr.responseType = 'json';
        xhr.timeout = 10000;
        // Default options redefining
        if (options.responseType)
            xhr.responseType = options.responseType;
        if (options.timeout)
            xhr.timeout = options.timeout;
        if (method === 'POST')
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        // better than onreadystatechange because of 404 codes https://stackoverflow.com/a/36182963
        xhr.onloadend = function () {
            if (xhr.status === 200) {
                if (callbacks.on200) {
                    // fix for IE11. It doesn't convert response to JSON
                    if (xhr.responseType === '' && typeof(xhr.response) === 'string')
                        callbacks.on200(JSON.parse(xhr.response));
                    else
                        callbacks.on200(xhr.response);
                }
            } else {
                // handled by onerror
                if (xhr.status === 0) return;
                if (callbacks.onNon200)
                    callbacks.onNon200(xhr);
            }
        };
        xhr.ontimeout = function () {
            if (callbacks.onTimeout)
                callbacks.onTimeout(xhr);
        };
        xhr.onerror = function () {
            if (callbacks.onError)
                callbacks.onError(xhr);
        };
        if (options.payload)
            xhr.send(options.payload);
        else
            xhr.send();
    },
    /** @private */
    _xhrRetry: function(method, url, options, callbacks) {
        if (options.retries <= 0) {
            console.warn('Failed to pull', options.entity_name);
            if (callbacks.onTotalFail)
                callbacks.onTotalFail();
            return;
        }
        helpers._xhr(method, url, options, callbacks);
    },
    /**
     * @callback callbackXhrOn200
     * @param {Object} response - xhr.response
     */
    /**
     * @callback callbackXhrError
     * @param {XMLHttpRequest} xhr
     */
    /**
     * @param {'GET'|'POST'} method - 'GET' or 'POST'
     * @param {String} url - URL to send request to
     * @param {Object} options - other XHR options
     * @param {XMLHttpRequestBodyInit} [options.payload=null] - payload for POST-requests
     * @param {'arraybuffer'|'blob'|'document'|'json'|'text'} [options.responseType=json]
     * @param {Number} [options.timeout=10000]
     * @param {Number} [options.retries=1]
     * @param {String} [options.entity_name='unknown'] - string to log
     * @param {Number} [options.retry_timeout=1000]
     * @param {Object} callbacks - functions to execute on events fired
     * @param {callbackXhrOn200} [callbacks.on200]
     * @param {callbackXhrError} [callbacks.onNon200]
     * @param {callbackXhrError} [callbacks.onTimeout]
     * @param {callbackXhrError} [callbacks.onError]
     * @param {callbackXhrError} [callbacks.onTotalFail] - if failed after all retries
     */
     xhr: function(method, url, options, callbacks) {
        if (!options.retries || options.retries <= 1) {
            helpers._xhr(method, url, options, callbacks);
            return;
        }
        if (!options.entity_name) options.entity_name = 'unknown';
        if (!options.retry_timeout) options.retry_timeout = 1000;
        const retries_total = options.retries;
        let currentTry = 1;
        const retry = function () {
            console.warn('Pulling ' + options.entity_name + ' failed... ' + (currentTry++) + '/' + retries_total);
            setTimeout(function () {
                options.retries--;
                helpers._xhrRetry(method, url, options, callbacks);
            }, options.retry_timeout);
        };
        // Pack retry() call into error handlers
        callbacks._onError = callbacks.onError;
        callbacks.onError = function (xhr) {
            if (callbacks._onError)
                callbacks._onError(xhr);
            retry();
        };
        callbacks._onTimeout = callbacks.onTimeout;
        callbacks.onTimeout = function (xhr) {
            if (callbacks._onTimeout)
                callbacks._onTimeout(xhr);
            retry();
        };
        helpers._xhrRetry(method, url, options, callbacks);
    },
    /**
     * @typedef {Object} invidiousStorage
     * @property {(key:String) => Object} get
     * @property {(key:String, value:Object)} set
     * @property {(key:String)} remove
     */
    /**
     * Universal storage, stores and returns JS objects. Uses inside localStorage or cookies
     * @type {invidiousStorage}
     */
    storage: (function () {
        // access to localStorage throws exception in Tor Browser, so try is needed
        let localStorageIsUsable = false;
        try{localStorageIsUsable = !!localStorage.setItem;}catch(e){}
        if (localStorageIsUsable) {
            return {
                get: function (key) {
                    let storageItem = localStorage.getItem(key)
                    if (!storageItem) return;
                    try {
                        return JSON.parse(decodeURIComponent(storageItem));
                    } catch(e) {
                        // Erase non parsable value
                        helpers.storage.remove(key);
                    }
                },
                set: function (key, value) { 
                    let encoded_value = encodeURIComponent(JSON.stringify(value))
                    localStorage.setItem(key, encoded_value); 
                },
                remove: function (key) { localStorage.removeItem(key); }
            };
        }
        // TODO: fire 'storage' event for cookies
        console.info('Storage: localStorage is disabled or unaccessible. Cookies used as fallback');
        return {
            get: function (key) {
                const cookiePrefix = key + '=';
                function findCallback(cookie) {return cookie.startsWith(cookiePrefix);}
                const matchedCookie = document.cookie.split('; ').find(findCallback);
                if (matchedCookie) {
                    const cookieBody = matchedCookie.replace(cookiePrefix, '');
                    if (cookieBody.length === 0) return;
                    try {
                        return JSON.parse(decodeURIComponent(cookieBody));
                    } catch(e) {
                        // Erase non parsable value
                        helpers.storage.remove(key);
                    }
                }
            },
            set: function (key, value) {
                const cookie_data = encodeURIComponent(JSON.stringify(value));
                // Set expiration in 2 year
                const date = new Date();
                date.setFullYear(date.getFullYear()+2);
                document.cookie = key + '=' + cookie_data + '; expires=' + date.toGMTString();
            },
            remove: function (key) {
                document.cookie = key + '=; Max-Age=0';
            }
        };
    })()
 };
--- a/assets/js/comments.js
+++ b/assets/js/comments.js
@ -1,174 +0,0 @@
 var video_data = JSON.parse(document.getElementById('video_data').textContent);
 var spinnerHTML = '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
 var spinnerHTMLwithHR = spinnerHTML + '<hr>';
 String.prototype.supplant = function (o) {
    return this.replace(/{([^{}]*)}/g, function (a, b) {
        var r = o[b];
        return typeof r === 'string' || typeof r === 'number' ? r : a;
    });
 };
 function toggle_comments(event) {
    var target = event.target;
    var body = target.parentNode.parentNode.parentNode.children[1];
    if (body.style.display === 'none') {
        target.textContent = '[ − ]';
        body.style.display = '';
    } else {
        target.textContent = '[ + ]';
        body.style.display = 'none';
    }
 }
 function hide_youtube_replies(event) {
    var target = event.target;
    var sub_text = target.getAttribute('data-inner-text');
    var inner_text = target.getAttribute('data-sub-text');
    var body = target.parentNode.parentNode.children[1];
    body.style.display = 'none';
    target.textContent = sub_text;
    target.onclick = show_youtube_replies;
    target.setAttribute('data-inner-text', inner_text);
    target.setAttribute('data-sub-text', sub_text);
 }
 function show_youtube_replies(event) {
    var target = event.target;
    var sub_text = target.getAttribute('data-inner-text');
    var inner_text = target.getAttribute('data-sub-text');
    var body = target.parentNode.parentNode.children[1];
    body.style.display = '';
    target.textContent = sub_text;
    target.onclick = hide_youtube_replies;
    target.setAttribute('data-inner-text', inner_text);
    target.setAttribute('data-sub-text', sub_text);
 }
 function get_youtube_comments() {
    var comments = document.getElementById('comments');
    var fallback = comments.innerHTML;
    comments.innerHTML = spinnerHTML;
    var baseUrl = video_data.base_url || '/api/v1/comments/'+ video_data.id
    var url = baseUrl +
        '?format=html' +
        '&hl=' + video_data.preferences.locale +
        '&thin_mode=' + video_data.preferences.thin_mode;
    if (video_data.ucid) {
        url += '&ucid=' + video_data.ucid
    }
    var onNon200 = function (xhr) { comments.innerHTML = fallback; };
    if (video_data.params.comments[1] === 'youtube')
        onNon200 = function (xhr) {};
    helpers.xhr('GET', url, {retries: 5, entity_name: 'comments'}, {
        on200: function (response) {
            var commentInnerHtml = ' \
            <div> \
                <h3> \
                    <a href="javascript:void(0)">[ − ]</a> \
                    {commentsText}  \
                </h3> \
                <b> \
                '
                if (video_data.support_reddit) {
                    commentInnerHtml += ' <a href="javascript:void(0)" data-comments="reddit"> \
                        {redditComments} \
                    </a> \
                    '
                }
                commentInnerHtml += ' </b> \
            </div> \
            <div>{contentHtml}</div> \
            <hr>'
            commentInnerHtml = commentInnerHtml.supplant({
                contentHtml: response.contentHtml,
                redditComments: video_data.reddit_comments_text,
                commentsText: video_data.comments_text.supplant({
                    // toLocaleString correctly splits number with local thousands separator. e.g.:
                    // '1,234,567.89' for user with English locale
                    // '1 234 567,89' for user with Russian locale
                    // '1.234.567,89' for user with Portuguese locale
                    commentCount: response.commentCount.toLocaleString()
                })
            });
            comments.innerHTML = commentInnerHtml;
            comments.children[0].children[0].children[0].onclick = toggle_comments;
            if (video_data.support_reddit) {
                comments.children[0].children[1].children[0].onclick = swap_comments;
            }
        },
        onNon200: onNon200, // declared above
        onError: function (xhr) {
            comments.innerHTML = spinnerHTML;
        },
        onTimeout: function (xhr) {
            comments.innerHTML = spinnerHTML;
        }
    });
 }
 function get_youtube_replies(target, load_more, load_replies) {
    var continuation = target.getAttribute('data-continuation');
    var body = target.parentNode.parentNode;
    var fallback = body.innerHTML;
    body.innerHTML = spinnerHTML;
    var baseUrl = video_data.base_url || '/api/v1/comments/'+ video_data.id
    var url = baseUrl +
        '?format=html' +
        '&hl=' + video_data.preferences.locale +
        '&thin_mode=' + video_data.preferences.thin_mode +
        '&continuation=' + continuation;
    if (video_data.ucid) {
        url += '&ucid=' + video_data.ucid
    }
    if (load_replies) url += '&action=action_get_comment_replies';
    helpers.xhr('GET', url, {}, {
        on200: function (response) {
            if (load_more) {
                body = body.parentNode.parentNode;
                body.removeChild(body.lastElementChild);
                body.insertAdjacentHTML('beforeend', response.contentHtml);
            } else {
                body.removeChild(body.lastElementChild);
                var p = document.createElement('p');
                var a = document.createElement('a');
                p.appendChild(a);
                a.href = 'javascript:void(0)';
                a.onclick = hide_youtube_replies;
                a.setAttribute('data-sub-text', video_data.hide_replies_text);
                a.setAttribute('data-inner-text', video_data.show_replies_text);
                a.textContent = video_data.hide_replies_text;
                var div = document.createElement('div');
                div.innerHTML = response.contentHtml;
                body.appendChild(p);
                body.appendChild(div);
            }
        },
        onNon200: function (xhr) {
            body.innerHTML = fallback;
        },
        onTimeout: function (xhr) {
            console.warn('Pulling comments failed');
            body.innerHTML = fallback;
        }
    });
 }
--- a/assets/js/community.js
+++ b/assets/js/community.js
@ -1,13 +1,17 @@
-'use strict';
+String.prototype.supplant = function (o) {
-var community_data = JSON.parse(document.getElementById('community_data').textContent);
+    return this.replace(/{([^{}]*)}/g, function (a, b) {
        var r = o[b];
        return typeof r === 'string' || typeof r === 'number' ? r : a;
    });
 }
 function hide_youtube_replies(event) {
    var target = event.target;
-    var sub_text = target.getAttribute('data-inner-text');
+    sub_text = target.getAttribute('data-inner-text');
-    var inner_text = target.getAttribute('data-sub-text');
+    inner_text = target.getAttribute('data-sub-text');
-    var body = target.parentNode.parentNode.children[1];
+    body = target.parentNode.parentNode.children[1];
    body.style.display = 'none';
    target.innerHTML = sub_text;
@ -19,10 +23,10 @@ function hide_youtube_replies(event) {
 function show_youtube_replies(event) {
    var target = event.target;
-    var sub_text = target.getAttribute('data-inner-text');
+    sub_text = target.getAttribute('data-inner-text');
-    var inner_text = target.getAttribute('data-sub-text');
+    inner_text = target.getAttribute('data-sub-text');
-    var body = target.parentNode.parentNode.children[1];
+    body = target.parentNode.parentNode.children[1];
    body.style.display = '';
    target.innerHTML = sub_text;
@ -31,6 +35,13 @@ function show_youtube_replies(event) {
    target.setAttribute('data-sub-text', sub_text);
 }
 function number_with_separator(val) {
    while (/(\d+)(\d{3})/.test(val.toString())) {
        val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
    }
    return val;
 }
 function get_youtube_replies(target, load_more) {
    var continuation = target.getAttribute('data-continuation');
@ -44,39 +55,47 @@ function get_youtube_replies(target, load_more) {
        '&hl=' + community_data.preferences.locale +
        '&thin_mode=' + community_data.preferences.thin_mode +
        '&continuation=' + continuation;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', url, true);
-    helpers.xhr('GET', url, {}, {
+    xhr.onreadystatechange = function () {
-        on200: function (response) {
+        if (xhr.readyState == 4) {
-            if (load_more) {
+            if (xhr.status == 200) {
-                body = body.parentNode.parentNode;
+                if (load_more) {
-                body.removeChild(body.lastElementChild);
+                    body = body.parentNode.parentNode;
-                body.innerHTML += response.contentHtml;
+                    body.removeChild(body.lastElementChild);
                    body.innerHTML += xhr.response.contentHtml;
                } else {
                    body.removeChild(body.lastElementChild);
                    var p = document.createElement('p');
                    var a = document.createElement('a');
                    p.appendChild(a);
                    a.href = 'javascript:void(0)';
                    a.onclick = hide_youtube_replies;
                    a.setAttribute('data-sub-text', community_data.hide_replies_text);
                    a.setAttribute('data-inner-text', community_data.show_replies_text);
                    a.innerText = community_data.hide_replies_text;
                    var div = document.createElement('div');
                    div.innerHTML = xhr.response.contentHtml;
                    body.appendChild(p);
                    body.appendChild(div);
                }
            } else {
-                body.removeChild(body.lastElementChild);
+                body.innerHTML = fallback;
                var p = document.createElement('p');
                var a = document.createElement('a');
                p.appendChild(a);
                a.href = 'javascript:void(0)';
                a.onclick = hide_youtube_replies;
                a.setAttribute('data-sub-text', community_data.hide_replies_text);
                a.setAttribute('data-inner-text', community_data.show_replies_text);
                a.textContent = community_data.hide_replies_text;
                var div = document.createElement('div');
                div.innerHTML = response.contentHtml;
                body.appendChild(p);
                body.appendChild(div);
            }
        },
        onNon200: function (xhr) {
            body.innerHTML = fallback;
        },
        onTimeout: function (xhr) {
            console.warn('Pulling comments failed');
            body.innerHTML = fallback;
        }
-    });
+    }
    xhr.ontimeout = function () {
        console.log('Pulling comments failed.');
        body.innerHTML = fallback;
    }
    xhr.send();
 }
--- a/assets/js/embed.js
+++ b/assets/js/embed.js
@ -1,64 +1,94 @@
-'use strict';
+function get_playlist(plid, retries = 5) {
-var video_data = JSON.parse(document.getElementById('video_data').textContent);
+    if (retries <= 0) {
        console.log('Failed to pull playlist');
        return;
    }
 function get_playlist(plid) {
    var plid_url;
    if (plid.startsWith('RD')) {
-        plid_url = '/api/v1/mixes/' + plid +
+        var plid_url = '/api/v1/mixes/' + plid +
            '?continuation=' + video_data.id +
            '&format=html&hl=' + video_data.preferences.locale;
    } else {
-        plid_url = '/api/v1/playlists/' + plid +
+        var plid_url = '/api/v1/playlists/' + plid +
-            '?index=' + video_data.index +
+            '?continuation=' + video_data.id +
            '&continuation' + video_data.id +
            '&format=html&hl=' + video_data.preferences.locale;
    }
-    helpers.xhr('GET', plid_url, {retries: 5, entity_name: 'playlist'}, {
+    var xhr = new XMLHttpRequest();
-        on200: function (response) {
+    xhr.responseType = 'json';
-            if (!response.nextVideo)
+    xhr.timeout = 10000;
-                return;
+    xhr.open('GET', plid_url, true);
-            player.on('ended', function () {
+    xhr.onreadystatechange = function () {
-                var url = new URL('https://example.com/embed/' + response.nextVideo);
+        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                if (xhr.response.nextVideo) {
                    player.on('ended', function () {
                        var url = new URL('https://example.com/embed/' + xhr.response.nextVideo);
-                url.searchParams.set('list', plid);
+                        if (video_data.params.autoplay || video_data.params.continue_autoplay) {
-                if (!plid.startsWith('RD'))
+                            url.searchParams.set('autoplay', '1');
-                    url.searchParams.set('index', response.index);
+                        }
                if (video_data.params.autoplay || video_data.params.continue_autoplay)
                    url.searchParams.set('autoplay', '1');
                if (video_data.params.listen !== video_data.preferences.listen)
                    url.searchParams.set('listen', video_data.params.listen);
                if (video_data.params.speed !== video_data.preferences.speed)
                    url.searchParams.set('speed', video_data.params.speed);
                if (video_data.params.local !== video_data.preferences.local)
                    url.searchParams.set('local', video_data.params.local);
-                location.assign(url.pathname + url.search);
+                        if (video_data.params.listen !== video_data.preferences.listen) {
-            });
+                            url.searchParams.set('listen', video_data.params.listen);
                        }
                        if (video_data.params.speed !== video_data.preferences.speed) {
                            url.searchParams.set('speed', video_data.params.speed);
                        }
                        if (video_data.params.local !== video_data.preferences.local) {
                            url.searchParams.set('local', video_data.params.local);
                        }
                        url.searchParams.set('list', plid);
                        location.assign(url.pathname + url.search);
                    });
                }
            }
        }
-    });
+    }
    xhr.onerror = function () {
        console.log('Pulling playlist failed... ' + retries + '/5');
        setTimeout(function () { get_playlist(plid, retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        console.log('Pulling playlist failed... ' + retries + '/5');
        get_playlist(plid, retries - 1);
    }
    xhr.send();
 }
-addEventListener('load', function (e) {
+if (video_data.plid) {
-    if (video_data.plid) {
+    get_playlist(video_data.plid);
-        get_playlist(video_data.plid);
+} else if (video_data.video_series) {
-    } else if (video_data.video_series) {
+    player.on('ended', function () {
-        player.on('ended', function () {
+        var url = new URL('https://example.com/embed/' + video_data.video_series.shift());
            var url = new URL('https://example.com/embed/' + video_data.video_series.shift());
-            if (video_data.params.autoplay || video_data.params.continue_autoplay)
+        if (video_data.params.autoplay || video_data.params.continue_autoplay) {
-                url.searchParams.set('autoplay', '1');
+            url.searchParams.set('autoplay', '1');
-            if (video_data.params.listen !== video_data.preferences.listen)
+        }
                url.searchParams.set('listen', video_data.params.listen);
            if (video_data.params.speed !== video_data.preferences.speed)
                url.searchParams.set('speed', video_data.params.speed);
            if (video_data.params.local !== video_data.preferences.local)
                url.searchParams.set('local', video_data.params.local);
            if (video_data.video_series.length !== 0)
                url.searchParams.set('playlist', video_data.video_series.join(','));
-            location.assign(url.pathname + url.search);
+        if (video_data.params.listen !== video_data.preferences.listen) {
-        });
+            url.searchParams.set('listen', video_data.params.listen);
-    }
+        }
-});
+
        if (video_data.params.speed !== video_data.preferences.speed) {
            url.searchParams.set('speed', video_data.params.speed);
        }
        if (video_data.params.local !== video_data.preferences.local) {
            url.searchParams.set('local', video_data.params.local);
        }
        if (video_data.video_series.length !== 0) {
            url.searchParams.set('playlist', video_data.video_series.join(','))
        }
        location.assign(url.pathname + url.search);
    });
 }
--- a/assets/js/handlers.js
+++ b/assets/js/handlers.js
@ -1,149 +0,0 @@
 'use strict';
 (function () {
    var video_player = document.getElementById('player_html5_api');
    if (video_player) {
        video_player.onmouseenter = function () { video_player['data-title'] = video_player['title']; video_player['title'] = ''; };
        video_player.onmouseleave = function () { video_player['title'] = video_player['data-title']; video_player['data-title'] = ''; };
        video_player.oncontextmenu = function () { video_player['title'] = video_player['data-title']; };
    }
    // For dynamically inserted elements
    addEventListener('click', function (e) {
        if (!e || !e.target) return;
        var t = e.target;
        var handler_name = t.getAttribute('data-onclick');
        switch (handler_name) {
            case 'jump_to_time':
                e.preventDefault();
                var time = t.getAttribute('data-jump-time');
                player.currentTime(time);
                break;
            case 'get_youtube_replies':
                var load_more = t.getAttribute('data-load-more') !== null;
                var load_replies = t.getAttribute('data-load-replies') !== null;
                get_youtube_replies(t, load_more, load_replies);
                break;
            case 'toggle_parent':
                e.preventDefault();
                toggle_parent(t);
                break;
            default:
                break;
        }
    });
    document.querySelectorAll('[data-mouse="switch_classes"]').forEach(function (el) {
        var classes = el.getAttribute('data-switch-classes').split(',');
        var classOnEnter = classes[0];
        var classOnLeave = classes[1];
        function toggle_classes(toAdd, toRemove) {
            el.classList.add(toAdd);
            el.classList.remove(toRemove);
        }
        el.onmouseenter = function () { toggle_classes(classOnEnter, classOnLeave); };
        el.onmouseleave = function () { toggle_classes(classOnLeave, classOnEnter); };
    });
    document.querySelectorAll('[data-onsubmit="return_false"]').forEach(function (el) {
        el.onsubmit = function () { return false; };
    });
    document.querySelectorAll('[data-onclick="mark_watched"]').forEach(function (el) {
        el.onclick = function () { mark_watched(el); };
    });
    document.querySelectorAll('[data-onclick="mark_unwatched"]').forEach(function (el) {
        el.onclick = function () { mark_unwatched(el); };
    });
    document.querySelectorAll('[data-onclick="add_playlist_video"]').forEach(function (el) {
        el.onclick = function () { add_playlist_video(el); };
    });
    document.querySelectorAll('[data-onclick="add_playlist_item"]').forEach(function (el) {
        el.onclick = function () { add_playlist_item(el); };
    });
    document.querySelectorAll('[data-onclick="remove_playlist_item"]').forEach(function (el) {
        el.onclick = function () { remove_playlist_item(el); };
    });
    document.querySelectorAll('[data-onclick="revoke_token"]').forEach(function (el) {
        el.onclick = function () { revoke_token(el); };
    });
    document.querySelectorAll('[data-onclick="remove_subscription"]').forEach(function (el) {
        el.onclick = function () { remove_subscription(el); };
    });
    document.querySelectorAll('[data-onclick="notification_requestPermission"]').forEach(function (el) {
        el.onclick = function () { Notification.requestPermission(); };
    });
    document.querySelectorAll('[data-onrange="update_volume_value"]').forEach(function (el) {
        function update_volume_value() {
            document.getElementById('volume-value').textContent = el.value;
        }
        el.oninput = update_volume_value;
        el.onchange = update_volume_value;
    });
    function revoke_token(target) {
        var row = target.parentNode.parentNode.parentNode.parentNode.parentNode;
        row.style.display = 'none';
        var count = document.getElementById('count');
        count.textContent--;
        var url = '/token_ajax?action=revoke_token&redirect=false' +
            '&referer=' + encodeURIComponent(location.href) +
            '&session=' + target.getAttribute('data-session');
        var payload = 'csrf_token=' + target.parentNode.querySelector('input[name="csrf_token"]').value;
        helpers.xhr('POST', url, {payload: payload}, {
            onNon200: function (xhr) {
                count.textContent++;
                row.style.display = '';
            }
        });
    }
    function remove_subscription(target) {
        var row = target.parentNode.parentNode.parentNode.parentNode.parentNode;
        row.style.display = 'none';
        var count = document.getElementById('count');
        count.textContent--;
        var url = '/subscription_ajax?action=remove_subscriptions&redirect=false' +
            '&referer=' + encodeURIComponent(location.href) +
            '&c=' + target.getAttribute('data-ucid');
        var payload = 'csrf_token=' + target.parentNode.querySelector('input[name="csrf_token"]').value;
        helpers.xhr('POST', url, {payload: payload}, {
            onNon200: function (xhr) {
                count.textContent++;
                row.style.display = '';
            }
        });
    }
    // Handle keypresses
    addEventListener('keydown', function (event) {
        // Ignore modifier keys
        if (event.ctrlKey || event.metaKey) return;
        // Ignore shortcuts if any text input is focused
        let focused_tag = document.activeElement.tagName.toLowerCase();
        const allowed = /^(button|checkbox|file|radio|submit)$/;
        if (focused_tag === 'textarea') return;
        if (focused_tag === 'input') {
            let focused_type = document.activeElement.type.toLowerCase();
            if (!allowed.test(focused_type)) return;
        }
        // Focus search bar on '/'
        if (event.key === '/') {
            document.getElementById('searchbox').focus();
            event.preventDefault();
        }
    });
 })();
--- a/assets/js/notifications.js
+++ b/assets/js/notifications.js
@ -1,30 +1,42 @@
 'use strict';
 var notification_data = JSON.parse(document.getElementById('notification_data').textContent);
 /** Boolean meaning 'some tab have stream' */
 const STORAGE_KEY_STREAM = 'stream';
 /** Number of notifications. May be increased or reset */
 const STORAGE_KEY_NOTIF_COUNT = 'notification_count';
 var notifications, delivered;
 var notifications_mock = { close: function () { } };
-function get_subscriptions() {
+function get_subscriptions(callback, retries = 5) {
-    helpers.xhr('GET', '/api/v1/auth/subscriptions', {
+    if (retries <= 0) {
-        retries: 5,
+        return;
-        entity_name: 'subscriptions'
+    }
-    }, {
+
-        on200: create_notification_stream
+    var xhr = new XMLHttpRequest();
-    });
+    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', '/api/v1/auth/subscriptions?fields=authorId', true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                subscriptions = xhr.response;
                callback(subscriptions);
            }
        }
    }
    xhr.onerror = function () {
        console.log('Pulling subscriptions failed... ' + retries + '/5');
        setTimeout(function () { get_subscriptions(callback, retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        console.log('Pulling subscriptions failed... ' + retries + '/5');
        get_subscriptions(callback, retries - 1);
    }
    xhr.send();
 }
 function create_notification_stream(subscriptions) {
    // sse.js can't be replaced to EventSource in place as it lack support of payload and headers
    // see https://developer.mozilla.org/en-US/docs/Web/API/EventSource/EventSource
    notifications = new SSE(
-        '/api/v1/auth/notifications', {
+        '/api/v1/auth/notifications?fields=videoId,title,author,authorId,publishedText,published,authorThumbnails,liveNow', {
            withCredentials: true,
-            payload: 'topics=' + subscriptions.map(function (subscription) { return subscription.authorId; }).join(','),
+            payload: 'topics=' + subscriptions.map(function (subscription) { return subscription.authorId }).join(','),
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        });
    delivered = [];
@ -32,100 +44,96 @@ function create_notification_stream(subscriptions) {
    var start_time = Math.round(new Date() / 1000);
    notifications.onmessage = function (event) {
-        if (!event.id) return;
+        if (!event.id) {
            return;
        }
        var notification = JSON.parse(event.data);
-        console.info('Got notification:', notification);
+        console.log('Got notification:', notification);
-        // Ignore not actual and delivered notifications
+        if (start_time < notification.published && !delivered.includes(notification.videoId)) {
-        if (start_time > notification.published || delivered.includes(notification.videoId)) return;
+            if (Notification.permission === 'granted') {
                var system_notification =
                    new Notification((notification.liveNow ? notification_data.live_now_text : notification_data.upload_text).replace('`x`', notification.author), {
                        body: notification.title,
                        icon: '/ggpht' + new URL(notification.authorThumbnails[2].url).pathname,
                        img: '/ggpht' + new URL(notification.authorThumbnails[4].url).pathname,
                        tag: notification.videoId
                    });
-        delivered.push(notification.videoId);
+                system_notification.onclick = function (event) {
                    window.open('/watch?v=' + event.currentTarget.tag, '_blank');
                }
            }
-        let notification_count = helpers.storage.get(STORAGE_KEY_NOTIF_COUNT) || 0;
+            delivered.push(notification.videoId);
-        notification_count++;
+            localStorage.setItem('notification_count', parseInt(localStorage.getItem('notification_count') || '0') + 1);
-        helpers.storage.set(STORAGE_KEY_NOTIF_COUNT, notification_count);
+            var notification_ticker = document.getElementById('notification_ticker');
-        update_ticker_count();
+            if (parseInt(localStorage.getItem('notification_count')) > 0) {
-
+                notification_ticker.innerHTML =
-        // permission for notifications handled on settings page. JS handler is in handlers.js
+                    '<span id="notification_count">' + localStorage.getItem('notification_count') + '</span> <i class="icon ion-ios-notifications"></i>';
-        if (window.Notification && Notification.permission === 'granted') {
+            } else {
-            var notification_text = notification.liveNow ? notification_data.live_now_text : notification_data.upload_text;
+                notification_ticker.innerHTML =
-            notification_text = notification_text.replace('`x`', notification.author);
+                    '<i class="icon ion-ios-notifications-outline"></i>';
-
+            }
            var system_notification = new Notification(notification_text, {
                body: notification.title,
                icon: '/ggpht' + new URL(notification.authorThumbnails[2].url).pathname,
                img: '/ggpht' + new URL(notification.authorThumbnails[4].url).pathname
            });
            system_notification.onclick = function (e) {
                open('/watch?v=' + notification.videoId, '_blank');
            };
        }
-    };
+    }
    notifications.addEventListener('error', function (e) {
        console.warn('Something went wrong with notifications, trying to reconnect...');
        notifications = notifications_mock;
        setTimeout(get_subscriptions, 1000);
    });
    notifications.addEventListener('error', handle_notification_error);
    notifications.stream();
 }
-function update_ticker_count() {
+function handle_notification_error(event) {
-    var notification_ticker = document.getElementById('notification_ticker');
+    console.log('Something went wrong with notifications, trying to reconnect...');
    notifications = { close: function () { } };
    setTimeout(function () { get_subscriptions(create_notification_stream) }, 1000);
 }
-    const notification_count = helpers.storage.get(STORAGE_KEY_STREAM);
+window.addEventListener('load', function (e) {
-    if (notification_count > 0) {
+    localStorage.setItem('notification_count', document.getElementById('notification_count') ? document.getElementById('notification_count').innerText : '0');
-        notification_ticker.innerHTML =
+
-            '<span id="notification_count">' + notification_count + '</span> <i class="icon ion-ios-notifications"></i>';
+    if (localStorage.getItem('stream')) {
        localStorage.removeItem('stream');
    } else {
-        notification_ticker.innerHTML =
+        setTimeout(function () {
-            '<i class="icon ion-ios-notifications-outline"></i>';
+            if (!localStorage.getItem('stream')) {
                notifications = { close: function () { } };
                localStorage.setItem('stream', true);
                get_subscriptions(create_notification_stream);
            }
        }, Math.random() * 1000 + 50);
    }
 }
-function start_stream_if_needed() {
+    window.addEventListener('storage', function (e) {
-    // random wait for other tabs set 'stream' flag
+        if (e.key === 'stream' && !e.newValue) {
-    setTimeout(function () {
+            if (notifications) {
-        if (!helpers.storage.get(STORAGE_KEY_STREAM)) {
+                localStorage.setItem('stream', true);
-            // if no one set 'stream', set it by yourself and start stream
+            } else {
-            helpers.storage.set(STORAGE_KEY_STREAM, true);
+                setTimeout(function () {
-            notifications = notifications_mock;
+                    if (!localStorage.getItem('stream')) {
-            get_subscriptions();
+                        notifications = { close: function () { } };
                        localStorage.setItem('stream', true);
                        get_subscriptions(create_notification_stream);
                    }
                }, Math.random() * 1000 + 50);
            }
        } else if (e.key === 'notification_count') {
            var notification_ticker = document.getElementById('notification_ticker');
            if (parseInt(e.newValue) > 0) {
                notification_ticker.innerHTML =
                    '<span id="notification_count">' + e.newValue + '</span> <i class="icon ion-ios-notifications"></i>';
            } else {
                notification_ticker.innerHTML =
                    '<i class="icon ion-ios-notifications-outline"></i>';
            }
        }
-    }, Math.random() * 1000 + 50); // [0.050 .. 1.050) second
+    });
-}
+});
-
+window.addEventListener('unload', function (e) {
-addEventListener('storage', function (e) {
+    if (notifications) {
-    if (e.key === STORAGE_KEY_NOTIF_COUNT)
+        localStorage.removeItem('stream');
        update_ticker_count();
    // if 'stream' key was removed
    if (e.key === STORAGE_KEY_STREAM && !helpers.storage.get(STORAGE_KEY_STREAM)) {
        if (notifications) {
            // restore it if we have active stream
            helpers.storage.set(STORAGE_KEY_STREAM, true);
        } else {
            start_stream_if_needed();
        }
    }
 });
 addEventListener('load', function () {
    var notification_count_el = document.getElementById('notification_count');
    var notification_count = notification_count_el ? parseInt(notification_count_el.textContent) : 0;
    helpers.storage.set(STORAGE_KEY_NOTIF_COUNT, notification_count);
    if (helpers.storage.get(STORAGE_KEY_STREAM))
        helpers.storage.remove(STORAGE_KEY_STREAM);
    start_stream_if_needed();
 });
 addEventListener('unload', function () {
    // let chance to other tabs to be a streamer via firing 'storage' event
    if (notifications) helpers.storage.remove(STORAGE_KEY_STREAM);
 });
--- a/assets/js/pagination.js
+++ b/assets/js/pagination.js
@ -1,93 +0,0 @@
 'use strict';
 const CURRENT_CONTINUATION = (new URL(document.location)).searchParams.get("continuation");
 const CONT_CACHE_KEY = `continuation_cache_${encodeURIComponent(window.location.pathname)}`;
 function get_data(){
    return JSON.parse(sessionStorage.getItem(CONT_CACHE_KEY)) || [];
 }
 function save_data(){
    const prev_data = get_data();
    prev_data.push(CURRENT_CONTINUATION);
    sessionStorage.setItem(CONT_CACHE_KEY, JSON.stringify(prev_data));
 }
 function button_press(){
    let prev_data = get_data();
    if (!prev_data.length) return null;
    // Sanity check. Nowhere should the current continuation token exist in the cache 
    // but it can happen when using the browser's back feature. As such we'd need to travel
    // back to the point where the current continuation token first appears in order to 
    // account for the rewind.
    const conflict_at = prev_data.indexOf(CURRENT_CONTINUATION);
    if (conflict_at != -1) {
        prev_data.length = conflict_at;
    }
    const prev_ctoken = prev_data.pop();
    // On the first page, the stored continuation token is null.
    if (prev_ctoken === null) {
        sessionStorage.removeItem(CONT_CACHE_KEY);
        let url = set_continuation();
        window.location.href = url;
        return;
    }
    sessionStorage.setItem(CONT_CACHE_KEY, JSON.stringify(prev_data));
    let url = set_continuation(prev_ctoken);
    window.location.href = url;
 };
 // Method to set the current page's continuation token
 // Removes the continuation parameter when a continuation token is not given
 function set_continuation(prev_ctoken = null){
    let url = window.location.href.split('?')[0];
    let params = window.location.href.split('?')[1];
    let url_params = new URLSearchParams(params);
    if (prev_ctoken) {
        url_params.set("continuation", prev_ctoken);
    } else {
        url_params.delete('continuation');
    };
    if(Array.from(url_params).length > 0){
        return `${url}?${url_params.toString()}`;
    } else {
        return url;
    }
 }
 addEventListener('DOMContentLoaded', function(){
    const pagination_data = JSON.parse(document.getElementById('pagination-data').textContent);
    const next_page_containers = document.getElementsByClassName("page-next-container");
    for (let container of next_page_containers){
        const next_page_button = container.getElementsByClassName("pure-button")
        // exists?
        if (next_page_button.length > 0){
            next_page_button[0].addEventListener("click", save_data);
        }
    }
    // Only add previous page buttons when not on the first page
    if (CURRENT_CONTINUATION) {
        const prev_page_containers = document.getElementsByClassName("page-prev-container")
        for (let container of prev_page_containers) {
            if (pagination_data.is_rtl) {
                container.innerHTML = `<button class="pure-button pure-button-secondary">${pagination_data.prev_page}&nbsp;&nbsp;<i class="icon ion-ios-arrow-forward"></i></button>`
            } else {
                container.innerHTML = `<button class="pure-button pure-button-secondary"><i class="icon ion-ios-arrow-back"></i>&nbsp;&nbsp;${pagination_data.prev_page}</button>`
            }
            container.getElementsByClassName("pure-button")[0].addEventListener("click", button_press);
        }
    }
 });
--- a/assets/js/player.js
+++ b/assets/js/player.js
@ -1,10 +1,7 @@
 'use strict';
 var player_data = JSON.parse(document.getElementById('player_data').textContent);
 var video_data = JSON.parse(document.getElementById('video_data').textContent);
 var options = {
    preload: 'auto',
    liveui: true,
-    playbackRates: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0],
+    playbackRates: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 2.0],
    controlBar: {
        children: [
            'playToggle',
@ -14,21 +11,13 @@ var options = {
            'durationDisplay',
            'progressControl',
            'remainingTimeDisplay',
            'Spacer',
            'captionsButton',
            'audioTrackButton',
            'qualitySelector',
            'playbackRateMenuButton',
            'fullscreenToggle'
        ]
    },
    html5: {
        preloadTextTracks: false,
        vhs: {
            overrideNative: true
        }
    }
-};
+}
 if (player_data.aspect_ratio) {
    options.aspectRatio = player_data.aspect_ratio;
@ -36,218 +25,124 @@ if (player_data.aspect_ratio) {
 var embed_url = new URL(location);
 embed_url.searchParams.delete('v');
-var short_url = location.origin + '/' + video_data.id + embed_url.search;
+short_url = location.origin + '/' + video_data.id + embed_url.search;
 embed_url = location.origin + '/embed/' + video_data.id + embed_url.search;
-var save_player_pos_key = 'save_player_pos';
+var shareOptions = {
    socials: ['fbFeed', 'tw', 'reddit', 'email'],
-videojs.Vhs.xhr.beforeRequest = function(options) {
+    url: short_url,
-    // set local if requested not videoplayback
+    title: player_data.title,
-    if (!options.uri.includes('videoplayback')) {
+    description: player_data.description,
-        if (!options.uri.includes('local=true'))
+    image: player_data.thumbnail,
-            options.uri += '?local=true';
+    embedCode: "<iframe id='ivplayer' type='text/html' width='640' height='360' src='" + embed_url + "' frameborder='0'></iframe>"
-    }
+}
    return options;
 };
-var player = videojs('player', options);
+var player = videojs('player', options, function () {
    this.hotkeys({
        volumeStep: 0.1,
        seekStep: 5,
        enableModifiersForNumbers: false,
        enableHoverScroll: true,
        customKeys: {
            // Toggle play with K Key
            play: {
                key: function (e) {
                    return e.which === 75;
                },
                handler: function (player, options, e) {
                    if (player.paused()) {
                        player.play();
                    } else {
                        player.pause();
                    }
                }
            },
            // Go backward 10 seconds
            backward: {
                key: function (e) {
                    return e.which === 74;
                },
                handler: function (player, options, e) {
                    player.currentTime(player.currentTime() - 10);
                }
            },
            // Go forward 10 seconds
            forward: {
                key: function (e) {
                    return e.which === 76;
                },
                handler: function (player, options, e) {
                    player.currentTime(player.currentTime() + 10);
                }
            },
            // Increase speed
            increase_speed: {
                key: function (e) {
                    return (e.which === 190 && e.shiftKey);
                },
                handler: function (player, _, e) {
                    size = options.playbackRates.length;
                    index = options.playbackRates.indexOf(player.playbackRate());
                    player.playbackRate(options.playbackRates[(index + 1) % size]);
                }
            },
            // Decrease speed
            decrease_speed: {
                key: function (e) {
                    return (e.which === 188 && e.shiftKey);
                },
                handler: function (player, _, e) {
                    size = options.playbackRates.length;
                    index = options.playbackRates.indexOf(player.playbackRate());
                    player.playbackRate(options.playbackRates[(size + index - 1) % size]);
                }
            }
        }
    });
 });
-player.on('error', function () {
+if (location.pathname.startsWith('/embed/')) {
-    if (video_data.params.quality === 'dash') return;
+    player.overlay({
        overlays: [{
            start: 'loadstart',
            content: '<h1><a rel="noopener" target="_blank" href="' + location.origin + '/watch?v=' + video_data.id + '">' + player_data.title + '</a></h1>',
            end: 'playing',
            align: 'top'
        }, {
            start: 'pause',
            content: '<h1><a rel="noopener" target="_blank" href="' + location.origin + '/watch?v=' + video_data.id + '">' + player_data.title + '</a></h1>',
            end: 'playing',
            align: 'top'
        }]
    });
 }
-    var localNotDisabled = (
+player.on('error', function (event) {
-        !player.currentSrc().includes('local=true') && !video_data.local_disabled
+    if (player.error().code === 2 || player.error().code === 4) {
-    );
+        setInterval(setTimeout(function (event) {
-    var reloadMakesSense = (
+            console.log('An error occured in the player, reloading...');
        player.error().code === MediaError.MEDIA_ERR_NETWORK ||
        player.error().code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED
    );
    if (localNotDisabled) {
        // add local=true to all current sources
        player.src(player.currentSources().map(function (source) {
            source.src += '&local=true';
            return source;
        }));
    } else if (reloadMakesSense) {
        setTimeout(function () {
            console.warn('An error occurred in the player, reloading...');
            // After load() all parameters are reset. Save them
            var currentTime = player.currentTime();
            var playbackRate = player.playbackRate();
            var paused = player.paused();
            player.load();
-            if (currentTime > 0.5) currentTime -= 0.5;
+            if (currentTime > 0.5) {
                currentTime -= 0.5;
            }
            player.currentTime(currentTime);
            player.playbackRate(playbackRate);
-            if (!paused) player.play();
+
-        }, 5000);
+            if (!paused) {
                player.play();
            }
        }, 5000), 5000);
    }
 });
 if (video_data.params.quality === 'dash') {
    player.reloadSourceOnError({
        errorInterval: 10
    });
 }
 /**
 * Function for add time argument to url
 *
 * @param {String} url
 * @param {String} [base]
 * @returns {URL} urlWithTimeArg
 */
 function addCurrentTimeToURL(url, base) {
    var urlUsed = new URL(url, base);
    urlUsed.searchParams.delete('start');
    var currentTime = Math.ceil(player.currentTime());
    if (currentTime > 0)
        urlUsed.searchParams.set('t', currentTime);
    else if (urlUsed.searchParams.has('t'))
        urlUsed.searchParams.delete('t');
    return urlUsed;
 }
 /**
 * Global variable to save the last timestamp (in full seconds) at which the external
 * links were updated by the 'timeupdate' callback below.
 *
 * It is initialized to 5s so that the video will always restart from the beginning
 * if the user hasn't really started watching before switching to the other website.
 */
 var timeupdate_last_ts = 5;
 /**
 * Callback that updates the timestamp on all external links
 */
 player.on('timeupdate', function () {
    // Only update once every second
    let current_ts = Math.floor(player.currentTime());
    if (current_ts > timeupdate_last_ts) timeupdate_last_ts = current_ts;
    else return;
    // YouTube links
    let elem_yt_watch = document.getElementById('link-yt-watch');
    if (elem_yt_watch) {
        let base_url_yt_watch = elem_yt_watch.getAttribute('data-base-url');
        elem_yt_watch.href = addCurrentTimeToURL(base_url_yt_watch);
    }
    let elem_yt_embed = document.getElementById('link-yt-embed');
    if (elem_yt_embed) {
        let base_url_yt_embed = elem_yt_embed.getAttribute('data-base-url');
        elem_yt_embed.href = addCurrentTimeToURL(base_url_yt_embed);
    }
    // Invidious links
    let domain = window.location.origin;
    let elem_iv_embed = document.getElementById('link-iv-embed');
    if (elem_iv_embed) {
        let base_url_iv_embed = elem_iv_embed.getAttribute('data-base-url');
        elem_iv_embed.href = addCurrentTimeToURL(base_url_iv_embed, domain);
    }
    let elem_iv_other = document.getElementById('link-iv-other');
    if (elem_iv_other) {
        let base_url_iv_other = elem_iv_other.getAttribute('data-base-url');
        elem_iv_other.href = addCurrentTimeToURL(base_url_iv_other, domain);
    }
 });
 var shareOptions = {
    socials: ['fbFeed', 'tw', 'reddit', 'email'],
    get url() {
        return addCurrentTimeToURL(short_url);
    },
    title: player_data.title,
    description: player_data.description,
    image: player_data.thumbnail,
    get embedCode() {
        // Single quotes inside here required. HTML inserted as is into value attribute of input
        return "<iframe id='ivplayer' width='640' height='360' src='" +
            addCurrentTimeToURL(embed_url) + "' style='border:none;'></iframe>";
    }
 };
 if (location.pathname.startsWith('/embed/')) {
    var overlay_content = '<h1><a rel="noopener" target="_blank" href="' + location.origin + '/watch?v=' + video_data.id + '">' + player_data.title + '</a></h1>';
    player.overlay({
        overlays: [
            { start: 'loadstart', content: overlay_content, end: 'playing', align: 'top'},
            { start: 'pause',     content: overlay_content, end: 'playing', align: 'top'}
        ]
    });
 }
 // Detect mobile users and initialize mobileUi for better UX
 // Detection code taken from https://stackoverflow.com/a/20293441
 function isMobile() {
  try{ document.createEvent('TouchEvent'); return true; }
  catch(e){ return false; }
 }
 if (isMobile()) {
    player.mobileUi({ touchControls: { seekSeconds: 5 * player.playbackRate() } });
    var buttons = ['playToggle', 'volumePanel', 'captionsButton'];
    if (!video_data.params.listen && video_data.params.quality === 'dash') buttons.push('audioTrackButton');
    if (video_data.params.listen || video_data.params.quality !== 'dash') buttons.push('qualitySelector');
    // Create new control bar object for operation buttons
    const ControlBar = videojs.getComponent('controlBar');
    let operations_bar = new ControlBar(player, {
      children: [],
      playbackRates: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0]
    });
    buttons.slice(1).forEach(function (child) {operations_bar.addChild(child);});
    // Remove operation buttons from primary control bar
    var primary_control_bar = player.getChild('controlBar');
    buttons.forEach(function (child) {primary_control_bar.removeChild(child);});
    var operations_bar_element = operations_bar.el();
    operations_bar_element.classList.add('mobile-operations-bar');
    player.addChild(operations_bar);
    // Playback menu doesn't work when it's initialized outside of the primary control bar
    var playback_element = document.getElementsByClassName('vjs-playback-rate')[0];
    operations_bar_element.append(playback_element);
    // The share and http source selector element can't be fetched till the players ready.
    player.one('playing', function () {
        var share_element = document.getElementsByClassName('vjs-share-control')[0];
        operations_bar_element.append(share_element);
        if (!video_data.params.listen && video_data.params.quality === 'dash') {
            var http_source_selector = document.getElementsByClassName('vjs-http-source-selector vjs-menu-button')[0];
            operations_bar_element.append(http_source_selector);
        }
    });
 }
 // Enable VR video support
 if (!video_data.params.listen && video_data.vr && video_data.params.vr_mode) {
    player.crossOrigin('anonymous');
    switch (video_data.projection_type) {
        case 'EQUIRECTANGULAR':
            player.vr({projection: 'equirectangular'});
        default: // Should only be 'MESH' but we'll use this as a fallback.
            player.vr({projection: 'EAC'});
    }
 }
 // Add markers
 if (video_data.params.video_start > 0 || video_data.params.video_end > 0) {
    var markers = [{ time: video_data.params.video_start, text: 'Start' }];
@ -260,8 +155,13 @@ if (video_data.params.video_start > 0 || video_data.params.video_end > 0) {
    player.markers({
        onMarkerReached: function (marker) {
-            if (marker.text === 'End')
+            if (marker.text === 'End') {
-                player.loop() ? player.markers.prev('Start') : player.pause();
+                if (player.loop()) {
                    player.markers.prev('Start');
                } else {
                    player.pause();
                }
            }
        },
        markers: markers
    });
@ -272,76 +172,9 @@ if (video_data.params.video_start > 0 || video_data.params.video_end > 0) {
 player.volume(video_data.params.volume / 100);
 player.playbackRate(video_data.params.speed);
 /**
 * Method for getting the contents of a cookie
 *
 * @param {String} name Name of cookie
 * @returns {String|null} cookieValue
 */
 function getCookieValue(name) {
    var cookiePrefix = name + '=';
    var matchedCookie = document.cookie.split(';').find(function (item) {return item.includes(cookiePrefix);});
    if (matchedCookie)
        return matchedCookie.replace(cookiePrefix, '');
    return null;
 }
 /**
 * Method for updating the 'PREFS' cookie (or creating it if missing)
 *
 * @param {number} newVolume New volume defined (null if unchanged)
 * @param {number} newSpeed New speed defined (null if unchanged)
 */
 function updateCookie(newVolume, newSpeed) {
    var volumeValue = newVolume !== null ? newVolume : video_data.params.volume;
    var speedValue = newSpeed !== null ? newSpeed : video_data.params.speed;
    var cookieValue = getCookieValue('PREFS');
    var cookieData;
    if (cookieValue !== null) {
        var cookieJson = JSON.parse(decodeURIComponent(cookieValue));
        cookieJson.volume = volumeValue;
        cookieJson.speed = speedValue;
        cookieData = encodeURIComponent(JSON.stringify(cookieJson));
    } else {
        cookieData = encodeURIComponent(JSON.stringify({ 'volume': volumeValue, 'speed': speedValue }));
    }
    // Set expiration in 2 year
    var date = new Date();
    date.setFullYear(date.getFullYear() + 2);
    var ipRegex = /^((\d+\.){3}\d+|[\dA-Fa-f]*:[\d:A-Fa-f]*:[\d:A-Fa-f]+)$/;
    var domainUsed = location.hostname;
    // Fix for a bug in FF where the leading dot in the FQDN is not ignored
    if (domainUsed.charAt(0) !== '.' && !ipRegex.test(domainUsed) && domainUsed !== 'localhost')
        domainUsed = '.' + location.hostname;
    var secure = location.protocol.startsWith("https") ? " Secure;" : "";
    document.cookie = 'PREFS=' + cookieData + '; SameSite=Lax; path=/; domain=' +
        domainUsed + '; expires=' + date.toGMTString() + ';' + secure;
    video_data.params.volume = volumeValue;
    video_data.params.speed = speedValue;
 }
 player.on('ratechange', function () {
    updateCookie(null, player.playbackRate());
    if (isMobile()) {
        player.mobileUi({ touchControls: { seekSeconds: 5 * player.playbackRate() } });
    }
 });
 player.on('volumechange', function () {
    updateCookie(Math.ceil(player.volume() * 100), null);
 });
 player.on('waiting', function () {
    if (player.playbackRate() > 1 && player.liveTracker.isLive() && player.liveTracker.atLiveEdge()) {
-        console.info('Player has caught up to source, resetting playbackRate');
+        console.log('Player has caught up to source, resetting playbackRate.')
        player.playbackRate(1);
    }
 });
@ -350,44 +183,19 @@ if (video_data.premiere_timestamp && Math.round(new Date() / 1000) < video_data.
    player.getChild('bigPlayButton').hide();
 }
 if (video_data.params.save_player_pos) {
    const url = new URL(location);
    const hasTimeParam = url.searchParams.has('t');
    const rememberedTime = get_video_time();
    let lastUpdated = 0;
    if(!hasTimeParam) {
      if (rememberedTime >= video_data.length_seconds - 20)
        set_seconds_after_start(0);
      else
        set_seconds_after_start(rememberedTime);
    }
    player.on('timeupdate', function () {
        const raw = player.currentTime();
        const time = Math.floor(raw);
        if(lastUpdated !== time && raw <= video_data.length_seconds - 15) {
            save_video_time(time);
            lastUpdated = time;
        }
    });
 }
 else remove_all_video_times();
 if (video_data.params.autoplay) {
    var bpb = player.getChild('bigPlayButton');
    bpb.hide();
    player.ready(function () {
        new Promise(function (resolve, reject) {
-            setTimeout(function () {resolve(1);}, 1);
+            setTimeout(() => resolve(1), 1);
        }).then(function (result) {
            var promise = player.play();
            if (promise !== undefined) {
-                promise.then(function () {
+                promise.then(_ => {
-                }).catch(function (error) {
+                }).catch(error => {
                    bpb.show();
                });
            }
@ -397,398 +205,54 @@ if (video_data.params.autoplay) {
 if (!video_data.params.listen && video_data.params.quality === 'dash') {
    player.httpSourceSelector();
    if (video_data.params.quality_dash !== 'auto') {
        player.ready(function () {
            player.on('loadedmetadata', function () {
                const qualityLevels = Array.from(player.qualityLevels()).sort(function (a, b) {return a.height - b.height;});
                let targetQualityLevel;
                switch (video_data.params.quality_dash) {
                    case 'best':
                        targetQualityLevel = qualityLevels.length - 1;
                        break;
                    case 'worst':
                        targetQualityLevel = 0;
                        break;
                    default:
                        const targetHeight = parseInt(video_data.params.quality_dash);
                        for (let i = 0; i < qualityLevels.length; i++) {
                            if (qualityLevels[i].height <= targetHeight)
                                targetQualityLevel = i;
                            else
                                break;
                        }
                }
                qualityLevels.forEach(function (level, index) {
                    level.enabled = (index === targetQualityLevel);
                });
            });
        });
    }
 }
 player.vttThumbnails({
-    src: '/api/v1/storyboards/' + video_data.id + '?height=90',
+    src: location.origin + '/api/v1/storyboards/' + video_data.id + '?height=90'
    showTimestamp: true
 });
 // Enable annotations
 if (!video_data.params.listen && video_data.params.annotations) {
-    addEventListener('load', function (e) {
+    var video_container = document.getElementById('player');
-        addEventListener('__ar_annotation_click', function (e) {
+    let xhr = new XMLHttpRequest();
-            const url = e.detail.url,
+    xhr.responseType = 'text';
-                  target = e.detail.target,
+    xhr.timeout = 60000;
-                  seconds = e.detail.seconds;
+    xhr.open('GET', '/api/v1/annotations/' + video_data.id, true);
            var path = new URL(url);
-            if (path.href.startsWith('https://www.youtube.com/watch?') && seconds) {
+    xhr.onreadystatechange = function () {
-                path.search += '&t=' + seconds;
+        if (xhr.readyState === 4) {
-            }
+            if (xhr.status === 200) {
            path = path.pathname + path.search;
            if (target === 'current') {
                location.href = path;
            } else if (target === 'new') {
                open(path, '_blank');
            }
        });
        helpers.xhr('GET', '/api/v1/annotations/' + video_data.id, {
            responseType: 'text',
            timeout: 60000
        }, {
            on200: function (response) {
                var video_container = document.getElementById('player');
                videojs.registerPlugin('youtubeAnnotationsPlugin', youtubeAnnotationsPlugin);
-                if (player.paused()) {
+                if (!player.paused()) {
-                    player.one('play', function (event) {
+                    player.youtubeAnnotationsPlugin({ annotationXml: xhr.response, videoContainer: video_container });
                        player.youtubeAnnotationsPlugin({ annotationXml: response, videoContainer: video_container });
                    });
                } else {
-                    player.youtubeAnnotationsPlugin({ annotationXml: response, videoContainer: video_container });
+                    player.one('play', function (event) {
                        player.youtubeAnnotationsPlugin({ annotationXml: xhr.response, videoContainer: video_container });
                    });
                }
            }
-        });
+        }
    }
    window.addEventListener('__ar_annotation_click', e => {
        const { url, target, seconds } = e.detail;
        var path = new URL(url);
        if (path.href.startsWith('https://www.youtube.com/watch?') && seconds) {
            path.search += '&t=' + seconds;
        }
        path = path.pathname + path.search;
        if (target === 'current') {
            window.location.href = path;
        } else if (target === 'new') {
            window.open(path, '_blank');
        }
    });
    xhr.send();
 }
 function change_volume(delta) {
    const curVolume = player.volume();
    let newVolume = curVolume + delta;
    newVolume = helpers.clamp(newVolume, 0, 1);
    player.volume(newVolume);
 }
 function toggle_muted() {
    player.muted(!player.muted());
 }
 function skip_seconds(delta) {
    const duration = player.duration();
    const curTime = player.currentTime();
    let newTime = curTime + delta;
    newTime = helpers.clamp(newTime, 0, duration);
    player.currentTime(newTime);
 }
 function set_seconds_after_start(delta) {
    const start = video_data.params.video_start;
    player.currentTime(start + delta);
 }
 function save_video_time(seconds) {
    const all_video_times = get_all_video_times();
    all_video_times[video_data.id] = seconds;
    helpers.storage.set(save_player_pos_key, all_video_times);
 }
 function get_video_time() {
    return get_all_video_times()[video_data.id] || 0;
 }
 function get_all_video_times() {
    return helpers.storage.get(save_player_pos_key) || {};
 }
 function remove_all_video_times() {
    helpers.storage.remove(save_player_pos_key);
 }
 function set_time_percent(percent) {
    const duration = player.duration();
    const newTime = duration * (percent / 100);
    player.currentTime(newTime);
 }
 function play()  { player.play(); }
 function pause() { player.pause(); }
 function stop()  { player.pause(); player.currentTime(0); }
 function toggle_play() { player.paused() ? play() : pause(); }
 const toggle_captions = (function () {
    let toggledTrack = null;
    function bindChange(onOrOff) {
        player.textTracks()[onOrOff]('change', function (e) {
            toggledTrack = null;
        });
    }
    // Wrapper function to ignore our own emitted events and only listen
    // to events emitted by Video.js on click on the captions menu items.
    function setMode(track, mode) {
        bindChange('off');
        track.mode = mode;
        setTimeout(function () {
            bindChange('on');
        }, 0);
    }
    bindChange('on');
    return function () {
        if (toggledTrack !== null) {
            if (toggledTrack.mode !== 'showing') {
                setMode(toggledTrack, 'showing');
            } else {
                setMode(toggledTrack, 'disabled');
            }
            toggledTrack = null;
            return;
        }
        // Used as a fallback if no captions are currently active.
        // TODO: Make this more intelligent by e.g. relying on browser language.
        let fallbackCaptionsTrack = null;
        const tracks = player.textTracks();
        for (let i = 0; i < tracks.length; i++) {
            const track = tracks[i];
            if (track.kind !== 'captions') continue;
            if (fallbackCaptionsTrack === null) {
                fallbackCaptionsTrack = track;
            }
            if (track.mode === 'showing') {
                setMode(track, 'disabled');
                toggledTrack = track;
                return;
            }
        }
        // Fallback if no captions are currently active.
        if (fallbackCaptionsTrack !== null) {
            setMode(fallbackCaptionsTrack, 'showing');
            toggledTrack = fallbackCaptionsTrack;
        }
    };
 })();
 function toggle_fullscreen() {
    player.isFullscreen() ? player.exitFullscreen() : player.requestFullscreen();
 }
 function increase_playback_rate(steps) {
    const maxIndex = options.playbackRates.length - 1;
    const curIndex = options.playbackRates.indexOf(player.playbackRate());
    let newIndex = curIndex + steps;
    newIndex = helpers.clamp(newIndex, 0, maxIndex);
    player.playbackRate(options.playbackRates[newIndex]);
 }
 addEventListener('keydown', function (e) {
    if (e.target.tagName.toLowerCase() === 'input') {
        // Ignore input when focus is on certain elements, e.g. form fields.
        return;
    }
    // See https://github.com/ctd1500/videojs-hotkeys/blob/bb4a158b2e214ccab87c2e7b95f42bc45c6bfd87/videojs.hotkeys.js#L310-L313
    const isPlayerFocused = false
        || e.target === document.querySelector('.video-js')
        || e.target === document.querySelector('.vjs-tech')
        || e.target === document.querySelector('.iframeblocker')
        || e.target === document.querySelector('.vjs-control-bar')
        ;
    let action = null;
    const code = e.keyCode;
    const decoratedKey =
        e.key
        + (e.altKey ? '+alt' : '')
        + (e.ctrlKey ? '+ctrl' : '')
        + (e.metaKey ? '+meta' : '')
        ;
    switch (decoratedKey) {
        case ' ':
        case 'k':
        case 'MediaPlayPause':
            action = toggle_play;
            break;
        case 'MediaPlay':  action = play; break;
        case 'MediaPause': action = pause; break;
        case 'MediaStop':  action = stop; break;
        case 'ArrowUp':
            if (isPlayerFocused) action = change_volume.bind(this, 0.1);
            break;
        case 'ArrowDown':
            if (isPlayerFocused) action = change_volume.bind(this, -0.1);
            break;
        case 'm':
            action = toggle_muted;
            break;
        case 'ArrowRight':
        case 'MediaFastForward':
            action = skip_seconds.bind(this, 5 * player.playbackRate());
            break;
        case 'ArrowLeft':
        case 'MediaTrackPrevious':
            action = skip_seconds.bind(this, -5 * player.playbackRate());
            break;
        case 'l':
            action = skip_seconds.bind(this, 10 * player.playbackRate());
            break;
        case 'j':
            action = skip_seconds.bind(this, -10 * player.playbackRate());
            break;
        case '0':
        case '1':
        case '2':
        case '3':
        case '4':
        case '5':
        case '6':
        case '7':
        case '8':
        case '9':
            // Ignore numpad numbers
            if (code > 57) break;
            const percent = (code - 48) * 10;
            action = set_time_percent.bind(this, percent);
            break;
        case 'c': action = toggle_captions; break;
        case 'f': action = toggle_fullscreen; break;
        case 'N':
        case 'MediaTrackNext':
            action = next_video;
            break;
        case 'P':
        case 'MediaTrackPrevious':
            // TODO: Add support to play back previous video.
            break;
        // TODO: More precise step. Now FPS is taken equal to 29.97
        // Common FPS: https://forum.videohelp.com/threads/81868#post323588
        // Possible solution is new HTMLVideoElement.requestVideoFrameCallback() https://wicg.github.io/video-rvfc/
        case ',': action = function () { pause(); skip_seconds(-1/29.97); }; break;
        case '.': action = function () { pause(); skip_seconds( 1/29.97); }; break;
        case '>': action = increase_playback_rate.bind(this, 1); break;
        case '<': action = increase_playback_rate.bind(this, -1); break;
        default:
            console.info('Unhandled key down event: %s:', decoratedKey, e);
            break;
    }
    if (action) {
        e.preventDefault();
        action();
    }
 }, false);
 // Add support for controlling the player volume by scrolling over it. Adapted from
 // https://github.com/ctd1500/videojs-hotkeys/blob/bb4a158b2e214ccab87c2e7b95f42bc45c6bfd87/videojs.hotkeys.js#L292-L328
 (function () {
    const pEl = document.getElementById('player');
    var volumeHover = false;
    var volumeSelector = pEl.querySelector('.vjs-volume-menu-button') || pEl.querySelector('.vjs-volume-panel');
    if (volumeSelector !== null) {
        volumeSelector.onmouseover = function () { volumeHover = true; };
        volumeSelector.onmouseout = function () { volumeHover = false; };
    }
    function mouseScroll(event) {
        // When controls are disabled, hotkeys will be disabled as well
        if (!player.controls() || !volumeHover) return;
        event.preventDefault();
        var wheelMove = event.wheelDelta || -event.detail;
        var volumeSign = Math.sign(wheelMove);
        change_volume(volumeSign * 0.05); // decrease/increase by 5%
    }
    player.on('mousewheel', mouseScroll);
    player.on('DOMMouseScroll', mouseScroll);
 }());
 // Since videojs-share can sometimes be blocked, we defer it until last
-if (player.share) player.share(shareOptions);
+player.share(shareOptions);
 // show the preferred caption by default
 if (player_data.preferred_caption_found) {
    player.ready(function () {
        if (!video_data.params.listen && video_data.params.quality === 'dash') {
            // play.textTracks()[0] on DASH mode is showing some debug messages
            player.textTracks()[1].mode = 'showing';
        } else {
            player.textTracks()[0].mode = 'showing';
        }
    });
 }
 // Safari audio double duration fix
 if (navigator.vendor === 'Apple Computer, Inc.' && video_data.params.listen) {
    player.on('loadedmetadata', function () {
        player.on('timeupdate', function () {
            if (player.remainingTime() < player.duration() / 2 && player.remainingTime() >= 2) {
                player.currentTime(player.duration() - 1);
            }
        });
    });
 }
 // Safari screen timeout on looped video playback fix
 if (navigator.vendor === 'Apple Computer, Inc.' && !video_data.params.listen && video_data.params.video_loop) {
    player.loop(false);
    player.ready(function () {
        player.on('ended', function () {
            player.currentTime(0);
            player.play();
        });
    });
 }
 // Watch on Invidious link
 if (location.pathname.startsWith('/embed/')) {
    const Button = videojs.getComponent('Button');
    let watch_on_invidious_button = new Button(player);
    // Create hyperlink for current instance
    var redirect_element = document.createElement('a');
    redirect_element.setAttribute('href', location.pathname.replace('/embed/', '/watch?v='));
    redirect_element.appendChild(document.createTextNode('Invidious'));
    watch_on_invidious_button.el().appendChild(redirect_element);
    watch_on_invidious_button.addClass('watch-on-invidious');
    var cb = player.getChild('ControlBar');
    cb.addChild(watch_on_invidious_button);
 }
 addEventListener('DOMContentLoaded', function () {
    // Save time during redirection on another instance
    const changeInstanceLink = document.querySelector('#watch-on-another-invidious-instance > a');
    if (changeInstanceLink) changeInstanceLink.addEventListener('click', function () {
        changeInstanceLink.href = addCurrentTimeToURL(changeInstanceLink.href);
    });
 });
--- a/assets/js/playlist_widget.js
+++ b/assets/js/playlist_widget.js
@ -1,48 +0,0 @@
 'use strict';
 var playlist_data = JSON.parse(document.getElementById('playlist_data').textContent);
 var payload = 'csrf_token=' + playlist_data.csrf_token;
 function add_playlist_video(target) {
    var select = target.parentNode.children[0].children[1];
    var option = select.children[select.selectedIndex];
    var url = '/playlist_ajax?action=add_video&redirect=false' +
        '&video_id=' + target.getAttribute('data-id') +
        '&playlist_id=' + option.getAttribute('data-plid');
    helpers.xhr('POST', url, {payload: payload}, {
        on200: function (response) {
            option.textContent = '✓' + option.textContent;
        }
    });
 }
 function add_playlist_item(target) {
    var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
    tile.style.display = 'none';
    var url = '/playlist_ajax?action=add_video&redirect=false' +
        '&video_id=' + target.getAttribute('data-id') +
        '&playlist_id=' + target.getAttribute('data-plid');
    helpers.xhr('POST', url, {payload: payload}, {
        onNon200: function (xhr) {
            tile.style.display = '';
        }
    });
 }
 function remove_playlist_item(target) {
    var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
    tile.style.display = 'none';
    var url = '/playlist_ajax?action=remove_video&redirect=false' +
        '&set_video_id=' + target.getAttribute('data-index') +
        '&playlist_id=' + target.getAttribute('data-plid');
    helpers.xhr('POST', url, {payload: payload}, {
        onNon200: function (xhr) {
            tile.style.display = '';
        }
    });
 }
--- a/assets/js/post.js
+++ b/assets/js/post.js
@ -1,3 +0,0 @@
 addEventListener('load', function (e) {
    get_youtube_comments();
 });
--- a/assets/js/silvermine-videojs-quality-selector.min.js
+++ b/assets/js/silvermine-videojs-quality-selector.min.js
--- a/assets/js/subscribe_widget.js
+++ b/assets/js/subscribe_widget.js
@ -1,9 +1,5 @@
 'use strict';
 var subscribe_data = JSON.parse(document.getElementById('subscribe_data').textContent);
 var payload = 'csrf_token=' + subscribe_data.csrf_token;
 var subscribe_button = document.getElementById('subscribe');
-subscribe_button.parentNode.action = 'javascript:void(0)';
+subscribe_button.parentNode['action'] = 'javascript:void(0)';
 if (subscribe_button.getAttribute('data-type') === 'subscribe') {
    subscribe_button.onclick = subscribe;
@ -11,34 +7,82 @@ if (subscribe_button.getAttribute('data-type') === 'subscribe') {
    subscribe_button.onclick = unsubscribe;
 }
-function subscribe() {
+function subscribe(retries = 5) {
    if (retries <= 0) {
        console.log('Failed to subscribe.');
        return;
    }
    var url = '/subscription_ajax?action_create_subscription_to_channel=1&redirect=false' +
        '&c=' + subscribe_data.ucid;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    var fallback = subscribe_button.innerHTML;
    subscribe_button.onclick = unsubscribe;
    subscribe_button.innerHTML = '<b>' + subscribe_data.unsubscribe_text + ' | ' + subscribe_data.sub_count_text + '</b>';
-    var url = '/subscription_ajax?action=create_subscription_to_channel&redirect=false' +
+    xhr.onreadystatechange = function () {
-        '&c=' + subscribe_data.ucid;
+        if (xhr.readyState == 4) {
-
+            if (xhr.status != 200) {
-    helpers.xhr('POST', url, {payload: payload, retries: 5, entity_name: 'subscribe request'}, {
+                subscribe_button.onclick = subscribe;
-        onNon200: function (xhr) {
+                subscribe_button.innerHTML = fallback;
-            subscribe_button.onclick = subscribe;
+            }
            subscribe_button.innerHTML = fallback;
        }
-    });
+    }
    xhr.onerror = function () {
        console.log('Subscribing failed... ' + retries + '/5');
        setTimeout(function () { subscribe(retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        console.log('Subscribing failed... ' + retries + '/5');
        subscribe(retries - 1);
    }
    xhr.send('csrf_token=' + subscribe_data.csrf_token);
 }
-function unsubscribe() {
+function unsubscribe(retries = 5) {
    if (retries <= 0) {
        console.log('Failed to subscribe');
        return;
    }
    var url = '/subscription_ajax?action_remove_subscriptions=1&redirect=false' +
        '&c=' + subscribe_data.ucid;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    var fallback = subscribe_button.innerHTML;
    subscribe_button.onclick = subscribe;
    subscribe_button.innerHTML = '<b>' + subscribe_data.subscribe_text + ' | ' + subscribe_data.sub_count_text + '</b>';
-    var url = '/subscription_ajax?action=remove_subscriptions&redirect=false' +
+    xhr.onreadystatechange = function () {
-        '&c=' + subscribe_data.ucid;
+        if (xhr.readyState == 4) {
-
+            if (xhr.status != 200) {
-    helpers.xhr('POST', url, {payload: payload, retries: 5, entity_name: 'unsubscribe request'}, {
+                subscribe_button.onclick = unsubscribe;
-        onNon200: function (xhr) {
+                subscribe_button.innerHTML = fallback;
-            subscribe_button.onclick = unsubscribe;
+            }
            subscribe_button.innerHTML = fallback;
        }
-    });
+    }
    xhr.onerror = function () {
        console.log('Unsubscribing failed... ' + retries + '/5');
        setTimeout(function () { unsubscribe(retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        console.log('Unsubscribing failed... ' + retries + '/5');
        unsubscribe(retries - 1);
    }
    xhr.send('csrf_token=' + subscribe_data.csrf_token);
 }
--- a/assets/js/themes.js
+++ b/assets/js/themes.js
@ -1,46 +1,35 @@
-'use strict';
+var toggle_theme = document.getElementById('toggle_theme')
-var toggle_theme = document.getElementById('toggle_theme');
+toggle_theme.href = 'javascript:void(0);';
 toggle_theme.href = 'javascript:void(0)';
 const STORAGE_KEY_THEME = 'dark_mode';
 const THEME_DARK = 'dark';
 const THEME_LIGHT = 'light';
 // TODO: theme state controlled by system
 toggle_theme.addEventListener('click', function () {
-    const isDarkTheme = helpers.storage.get(STORAGE_KEY_THEME) === THEME_DARK;
+    var dark_mode = document.getElementById('dark_theme').media == 'none';
-    const newTheme = isDarkTheme ? THEME_LIGHT : THEME_DARK;
+
-    setTheme(newTheme);
+    var url = '/toggle_theme?redirect=false';
-    helpers.storage.set(STORAGE_KEY_THEME, newTheme);
+    var xhr = new XMLHttpRequest();
-    helpers.xhr('GET', '/toggle_theme?redirect=false', {}, {});
+    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', url, true);
    set_mode(dark_mode);
    localStorage.setItem('dark_mode', dark_mode);
    xhr.send();
 });
-/** @param {THEME_DARK|THEME_LIGHT} theme */
+window.addEventListener('storage', function (e) {
-function setTheme(theme) {
+    if (e.key == 'dark_mode') {
-    // By default body element has .no-theme class that uses OS theme via CSS @media rules
+        var dark_mode = e.newValue === 'true';
-    // It rewrites using hard className below
+        set_mode(dark_mode);
-    if (theme === THEME_DARK) {
+    }
-        toggle_theme.children[0].className = 'icon ion-ios-sunny';
+});
-        document.body.className = 'dark-theme';
+
-    } else if (theme === THEME_LIGHT) {
+function set_mode(bool) {
-        toggle_theme.children[0].className = 'icon ion-ios-moon';
+    document.getElementById('dark_theme').media = !bool ? 'none' : '';
-        document.body.className = 'light-theme';
+    document.getElementById('light_theme').media = bool ? 'none' : '';
    if (bool) {
        toggle_theme.children[0].setAttribute('class', 'icon ion-ios-sunny');
    } else {
-        document.body.className = 'no-theme';
+        toggle_theme.children[0].setAttribute('class', 'icon ion-ios-moon');
    }
 }
 // Handles theme change event caused by other tab
 addEventListener('storage', function (e) {
    if (e.key === STORAGE_KEY_THEME)
        setTheme(helpers.storage.get(STORAGE_KEY_THEME));
 });
 // Set theme from preferences on page load
 addEventListener('DOMContentLoaded', function () {
    const prefTheme = document.getElementById('dark_mode_pref').textContent;
    if (prefTheme) {
        setTheme(prefTheme);
        helpers.storage.set(STORAGE_KEY_THEME, prefTheme);
    }
 });
--- a/assets/js/video.min.js
+++ b/assets/js/video.min.js
--- a/assets/js/videojs-contrib-quality-levels.min.js
+++ b/assets/js/videojs-contrib-quality-levels.min.js
@ -0,0 +1,2 @@
 /*! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js"),require("global/document")):"function"==typeof define&&define.amd?define(["video.js","global/document"],t):e.videojsContribQualityLevels=t(e.videojs,e.document)}(this,function(e,t){"use strict";function n(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(r){var i,l;function o(){var i,l=n(n(i=r.call(this)||this));if(e.browser.IS_IE8)for(var s in l=t.createElement("custom"),o.prototype)"constructor"!==s&&(l[s]=o.prototype[s]);return l.levels_=[],l.selectedIndex_=-1,Object.defineProperty(l,"selectedIndex",{get:function(){return l.selectedIndex_}}),Object.defineProperty(l,"length",{get:function(){return l.levels_.length}}),l||n(i)}l=r,(i=o).prototype=Object.create(l.prototype),i.prototype.constructor=i,i.__proto__=l;var s=o.prototype;return s.addQualityLevel=function(n){var r=this.getQualityLevelById(n.id);if(r)return r;var i=this.levels_.length;return r=new function n(r){var i=this;if(e.browser.IS_IE8)for(var l in i=t.createElement("custom"),n.prototype)"constructor"!==l&&(i[l]=n.prototype[l]);return i.id=r.id,i.label=i.id,i.width=r.width,i.height=r.height,i.bitrate=r.bandwidth,i.enabled_=r.enabled,Object.defineProperty(i,"enabled",{get:function(){return i.enabled_()},set:function(e){i.enabled_(e)}}),i}(n),""+i in this||Object.defineProperty(this,i,{get:function(){return this.levels_[i]}}),this.levels_.push(r),this.trigger({qualityLevel:r,type:"addqualitylevel"}),r},s.removeQualityLevel=function(e){for(var t=null,n=0,r=this.length;n<r;n++)if(this[n]===e){t=this.levels_.splice(n,1)[0],this.selectedIndex_===n?this.selectedIndex_=-1:this.selectedIndex_>n&&this.selectedIndex_--;break}return t&&this.trigger({qualityLevel:e,type:"removequalitylevel"}),t},s.getQualityLevelById=function(e){for(var t=0,n=this.length;t<n;t++){var r=this[t];if(r.id===e)return r}return null},s.dispose=function(){this.selectedIndex_=-1,this.levels_.length=0},o}(e.EventTarget);for(var i in r.prototype.allowedEvents_={change:"change",addqualitylevel:"addqualitylevel",removequalitylevel:"removequalitylevel"},r.prototype.allowedEvents_)r.prototype["on"+i]=null;var l=function(t){return n=this,e.mergeOptions({},t),i=n.qualityLevels,l=new r,n.on("dispose",function e(){l.dispose(),n.qualityLevels=i,n.off("dispose",e)}),n.qualityLevels=function(){return l},n.qualityLevels.VERSION="2.0.9",l;var n,i,l};return(e.registerPlugin||e.plugin)("qualityLevels",l),l.VERSION="2.0.9",l});
--- a/assets/js/videojs-http-source-selector.min.js
+++ b/assets/js/videojs-http-source-selector.min.js
@ -0,0 +1,7 @@
 /**
 * videojs-http-source-selector
 * @version 1.1.5
 * @copyright 2019 Justin Fujita <Justin@pivotshare.com>
 * @license MIT
 */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):(e=e||self)["videojs-http-source-selector"]=t(e.videojs)}(this,function(i){"use strict";function o(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}var a=function(n){function e(e,t){var o;return o=n.call(this,e,t)||this,t.selectable=!0,o}o(e,n);var t=e.prototype;return t.handleClick=function(){var e=this.options_;console.log("Changing quality to:",e.label),this.selected_=!0,this.selected(!0);for(var t=this.player().qualityLevels(),o=0;o<t.length;o++)e.index==t.length?t[o].enabled=!0:e.index==o?t[o].enabled=!0:t[o].enabled=!1},t.update=function(){var e=this.player().qualityLevels().selectedIndex;this.selected(this.options_.index==e),this.selected_=this.options_.index===e},e}((i=i&&i.hasOwnProperty("default")?i.default:i).getComponent("MenuItem")),r=i.getComponent("MenuButton"),n=function(l){function e(e,t){var o;o=l.call(this,e,t)||this,r.apply(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(o),arguments);var n=o.player().qualityLevels();if(t&&t.default)if("low"==t.default)for(var i=0;i<n.length;i++)n[i].enabled=0==i;else if(t.default="high")for(i=0;i<n.length;i++)n[i].enabled=i==n.length-1;return o}o(e,l);var t=e.prototype;return t.createEl=function(){return i.dom.createEl("div",{className:"vjs-http-source-selector vjs-menu-button vjs-menu-button-popup vjs-control vjs-button"})},t.buildCSSClass=function(){return r.prototype.buildCSSClass.call(this)+" vjs-icon-cog"},t.update=function(){return r.prototype.update.call(this)},t.createItems=function(){for(var e=[],t=this.player().qualityLevels(),o=[],n=0;n<t.length;n++){var i=t.length-(n+1),l=i===t.selectedIndex,r=""+i,s=i;t[i].height?(r=t[i].height+"p",s=parseInt(t[i].height,10)):t[i].bitrate&&(r=Math.floor(t[i].bitrate/1e3)+" kbps",s=parseInt(t[i].bitrate,10)),0<=o.indexOf(r)||(o.push(r),e.push(new a(this.player_,{label:r,index:i,selected:l,sortVal:s})))}return 1<t.length&&e.push(new a(this.player_,{label:"Auto",index:t.length,selected:!1,sortVal:99999})),e.sort(function(e,t){return e.options_.sortVal<t.options_.sortVal?1:e.options_.sortVal>t.options_.sortVal?-1:0}),e},e}(r),l={},e=i.registerPlugin||i.plugin,t=function(e){var t=this;this.ready(function(){!function(n,e){if(n.addClass("vjs-http-source-selector"),console.log("videojs-http-source-selector initialized!"),console.log("player.techName_:"+n.techName_),"Html5"!=n.techName_)return;n.on(["loadedmetadata"],function(e){if(n.qualityLevels(),i.log("loadmetadata event"),"undefined"==n.videojs_http_source_selector_initialized||1==n.videojs_http_source_selector_initialized)console.log("player.videojs_http_source_selector_initialized == true");else{console.log("player.videojs_http_source_selector_initialized == false"),n.videojs_http_source_selector_initialized=!0;var t=n.controlBar,o=t.getChild("fullscreenToggle").el();t.el().insertBefore(t.addChild("SourceMenuButton").el(),o)}})}(t,i.mergeOptions(l,e))}),i.registerComponent("SourceMenuButton",n),i.registerComponent("SourceMenuItem",a)};return e("httpSourceSelector",t),t.VERSION="1.1.5",t});
--- a/assets/js/videojs-markers.min.js
+++ b/assets/js/videojs-markers.min.js
--- a/assets/js/videojs-overlay.min.js
+++ b/assets/js/videojs-overlay.min.js
@ -0,0 +1,2 @@
 /*! @name videojs-overlay @version 2.1.4 @license Apache-2.0 */
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js"),require("global/window")):"function"==typeof define&&define.amd?define(["video.js","global/window"],e):t.videojsOverlay=e(t.videojs,t.window)}(this,function(t,e){"use strict";function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}t=t&&t.hasOwnProperty("default")?t.default:t,e=e&&e.hasOwnProperty("default")?e.default:e;var r={align:"top-left",class:"",content:"This overlay will show up while the video is playing",debug:!1,showBackground:!0,attachToControlBar:!1,overlays:[{start:"playing",end:"paused"}]},i=t.getComponent("Component"),o=t.dom||t,s=t.registerPlugin||t.plugin,a=function(t){return"number"==typeof t&&t==t},h=function(t){return"string"==typeof t&&/^\S+$/.test(t)},d=function(r){var i,s;function d(t,e){var i;return i=r.call(this,t,e)||this,["start","end"].forEach(function(t){var e=i.options_[t];if(a(e))i[t+"Event_"]="timeupdate";else if(h(e))i[t+"Event_"]=e;else if("start"===t)throw new Error('invalid "start" option; expected number or string')}),["endListener_","rewindListener_","startListener_"].forEach(function(t){i[t]=function(e){return d.prototype[t].call(n(n(i)),e)}}),"timeupdate"===i.startEvent_&&i.on(t,"timeupdate",i.rewindListener_),i.debug('created, listening to "'+i.startEvent_+'" for "start" and "'+(i.endEvent_||"nothing")+'" for "end"'),i.hide(),i}s=r,(i=d).prototype=Object.create(s.prototype),i.prototype.constructor=i,i.__proto__=s;var l=d.prototype;return l.createEl=function(){var t=this.options_,n=t.content,r=t.showBackground?"vjs-overlay-background":"vjs-overlay-no-background",i=o.createEl("div",{className:"\n        vjs-overlay\n        vjs-overlay-"+t.align+"\n        "+t.class+"\n        "+r+"\n        vjs-hidden\n      "});return"string"==typeof n?i.innerHTML=n:n instanceof e.DocumentFragment?i.appendChild(n):o.appendContent(i,n),i},l.debug=function(){if(this.options_.debug){for(var e=t.log,n=e,r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];e.hasOwnProperty(i[0])&&"function"==typeof e[i[0]]&&(n=e[i.shift()]),n.apply(void 0,["overlay#"+this.id()+": "].concat(i))}},l.hide=function(){return r.prototype.hide.call(this),this.debug("hidden"),this.debug('bound `startListener_` to "'+this.startEvent_+'"'),this.endEvent_&&(this.debug('unbound `endListener_` from "'+this.endEvent_+'"'),this.off(this.player(),this.endEvent_,this.endListener_)),this.on(this.player(),this.startEvent_,this.startListener_),this},l.shouldHide_=function(t,e){var n=this.options_.end;return a(n)?t>=n:n===e},l.show=function(){return r.prototype.show.call(this),this.off(this.player(),this.startEvent_,this.startListener_),this.debug("shown"),this.debug('unbound `startListener_` from "'+this.startEvent_+'"'),this.endEvent_&&(this.debug('bound `endListener_` to "'+this.endEvent_+'"'),this.on(this.player(),this.endEvent_,this.endListener_)),this},l.shouldShow_=function(t,e){var n=this.options_.start,r=this.options_.end;return a(n)?a(r)?t>=n&&t<r:this.hasShownSinceSeek_?Math.floor(t)===n:(this.hasShownSinceSeek_=!0,t>=n):n===e},l.startListener_=function(t){var e=this.player().currentTime();this.shouldShow_(e,t.type)&&this.show()},l.endListener_=function(t){var e=this.player().currentTime();this.shouldHide_(e,t.type)&&this.hide()},l.rewindListener_=function(t){var e=this.player().currentTime(),n=this.previousTime_,r=this.options_.start,i=this.options_.end;e<n&&(this.debug("rewind detected"),a(i)&&!this.shouldShow_(e)?(this.debug("hiding; "+i+" is an integer and overlay should not show at this time"),this.hasShownSinceSeek_=!1,this.hide()):h(i)&&e<r&&(this.debug("hiding; show point ("+r+") is before now ("+e+") and end point ("+i+") is an event"),this.hasShownSinceSeek_=!1,this.hide())),this.previousTime_=e},d}(i);t.registerComponent("Overlay",d);var l=function(e){var n=this,i=t.mergeOptions(r,e);Array.isArray(this.overlays_)&&this.overlays_.forEach(function(t){n.removeChild(t),n.controlBar&&n.controlBar.removeChild(t),t.dispose()});var o=i.overlays;delete i.overlays,this.overlays_=o.map(function(e){var r=t.mergeOptions(i,e),o="string"==typeof r.attachToControlBar||!0===r.attachToControlBar;if(!n.controls()||!n.controlBar)return n.addChild("overlay",r);if(o&&-1!==r.align.indexOf("bottom")){var s=n.controlBar.children()[0];if(void 0!==n.controlBar.getChild(r.attachToControlBar)&&(s=n.controlBar.getChild(r.attachToControlBar)),s){var a=n.controlBar.addChild("overlay",r);return n.controlBar.el().insertBefore(a.el(),s.el()),a}}var h=n.addChild("overlay",r);return n.el().insertBefore(h.el(),n.controlBar.el()),h})};return l.VERSION="2.1.4",s("overlay",l),l});
--- a/assets/js/videojs-share.min.js
+++ b/assets/js/videojs-share.min.js
--- a/assets/js/videojs-vtt-thumbnails.min.js
+++ b/assets/js/videojs-vtt-thumbnails.min.js
--- a/assets/js/videojs.hotkeys.min.js
+++ b/assets/js/videojs.hotkeys.min.js
@ -0,0 +1,2 @@
 /* videojs-hotkeys v0.2.25 - https://github.com/ctd1500/videojs-hotkeys */
 !function(e,n){"undefined"!=typeof window&&window.videojs?n(window.videojs):"function"==typeof define&&define.amd?define("videojs-hotkeys",["video.js"],function(e){return n(e.default||e)}):"undefined"!=typeof module&&module.exports&&(module.exports=n(require("video.js")))}(0,function(e){"use strict";"undefined"!=typeof window&&(window.videojs_hotkeys={version:"0.2.25"});(e.registerPlugin||e.plugin)("hotkeys",function(n){function t(e){return"function"==typeof s?s(e):s}function r(e){null!=e&&"function"==typeof e.then&&e.then(null,function(e){})}var o=this,u=o.el(),l=document,i={volumeStep:.1,seekStep:5,enableMute:!0,enableVolumeScroll:!0,enableHoverScroll:!1,enableFullscreen:!0,enableNumbers:!0,enableJogStyle:!1,alwaysCaptureHotkeys:!1,enableModifiersForNumbers:!0,enableInactiveFocus:!0,skipInitialFocus:!1,playPauseKey:function(e){return 32===e.which||179===e.which},rewindKey:function(e){return 37===e.which||177===e.which},forwardKey:function(e){return 39===e.which||176===e.which},volumeUpKey:function(e){return 38===e.which},volumeDownKey:function(e){return 40===e.which},muteKey:function(e){return 77===e.which},fullscreenKey:function(e){return 70===e.which},customKeys:{}},c=e.mergeOptions||e.util.mergeOptions,a=(n=c(i,n||{})).volumeStep,s=n.seekStep,m=n.enableMute,f=n.enableVolumeScroll,y=n.enableHoverScroll,v=n.enableFullscreen,d=n.enableNumbers,p=n.enableJogStyle,b=n.alwaysCaptureHotkeys,h=n.enableModifiersForNumbers,w=n.enableInactiveFocus,k=n.skipInitialFocus,S=e.VERSION;u.hasAttribute("tabIndex")||u.setAttribute("tabIndex","-1"),u.style.outline="none",!b&&o.autoplay()||k||o.one("play",function(){u.focus()}),w&&o.on("userinactive",function(){var e=function(){clearTimeout(n)},n=setTimeout(function(){o.off("useractive",e);var n=l.activeElement,t=u.querySelector(".vjs-control-bar");n&&n.parentElement==t&&u.focus()},10);o.one("useractive",e)}),o.on("play",function(){var e=u.querySelector(".iframeblocker");e&&""===e.style.display&&(e.style.display="block",e.style.bottom="39px")});var K=!1,q=u.querySelector(".vjs-volume-menu-button")||u.querySelector(".vjs-volume-panel");null!=q&&(q.onmouseover=function(){K=!0},q.onmouseout=function(){K=!1});var j=function(e){if(y)n=0;else var n=l.activeElement;if(o.controls()&&(b||n==u||n==u.querySelector(".vjs-tech")||n==u.querySelector(".iframeblocker")||n==u.querySelector(".vjs-control-bar")||K)&&f){e=window.event||e;var t=Math.max(-1,Math.min(1,e.wheelDelta||-e.detail));e.preventDefault(),1==t?o.volume(o.volume()+a):-1==t&&o.volume(o.volume()-a)}},F=function(e,t){return n.playPauseKey(e,t)?1:n.rewindKey(e,t)?2:n.forwardKey(e,t)?3:n.volumeUpKey(e,t)?4:n.volumeDownKey(e,t)?5:n.muteKey(e,t)?6:n.fullscreenKey(e,t)?7:void 0};return o.on("keydown",function(e){var i,c,s=e.which,f=e.preventDefault,y=o.duration();if(o.controls()){var w=l.activeElement;if(b||w==u||w==u.querySelector(".vjs-tech")||w==u.querySelector(".vjs-control-bar")||w==u.querySelector(".iframeblocker"))switch(F(e,o)){case 1:f(),b&&e.stopPropagation(),o.paused()?r(o.play()):o.pause();break;case 2:i=!o.paused(),f(),i&&o.pause(),(c=o.currentTime()-t(e))<=0&&(c=0),o.currentTime(c),i&&r(o.play());break;case 3:i=!o.paused(),f(),i&&o.pause(),(c=o.currentTime()+t(e))>=y&&(c=i?y-.001:y),o.currentTime(c),i&&r(o.play());break;case 5:f(),p?(c=o.currentTime()-1,o.currentTime()<=1&&(c=0),o.currentTime(c)):o.volume(o.volume()-a);break;case 4:f(),p?((c=o.currentTime()+1)>=y&&(c=y),o.currentTime(c)):o.volume(o.volume()+a);break;case 6:m&&o.muted(!o.muted());break;case 7:v&&(o.isFullscreen()?o.exitFullscreen():o.requestFullscreen());break;default:if((s>47&&s<59||s>95&&s<106)&&(h||!(e.metaKey||e.ctrlKey||e.altKey))&&d){var k=48;s>95&&(k=96);var S=s-k;f(),o.currentTime(o.duration()*S*.1)}for(var K in n.customKeys){var q=n.customKeys[K];q&&q.key&&q.handler&&q.key(e)&&(f(),q.handler(o,n,e))}}}}),o.on("dblclick",function(e){if(null!=S&&S<="7.1.0"&&o.controls()){var n=e.relatedTarget||e.toElement||l.activeElement;n!=u&&n!=u.querySelector(".vjs-tech")&&n!=u.querySelector(".iframeblocker")||v&&(o.isFullscreen()?o.exitFullscreen():o.requestFullscreen())}}),o.on("mousewheel",j),o.on("DOMMouseScroll",j),this})});
--- a/assets/js/watch.js
+++ b/assets/js/watch.js
@ -1,13 +1,30 @@
-'use strict';
+String.prototype.supplant = function (o) {
    return this.replace(/{([^{}]*)}/g, function (a, b) {
        var r = o[b];
        return typeof r === 'string' || typeof r === 'number' ? r : a;
    });
 }
 function toggle_parent(target) {
-    var body = target.parentNode.parentNode.children[1];
+    body = target.parentNode.parentNode.children[1];
-    if (body.style.display === 'none') {
+    if (body.style.display === null || body.style.display === '') {
-        target.textContent = '[ − ]';
+        target.innerHTML = '[ + ]';
        body.style.display = '';
    } else {
        target.textContent = '[ + ]';
        body.style.display = 'none';
    } else {
        target.innerHTML = '[ - ]';
        body.style.display = '';
    }
 }
 function toggle_comments(event) {
    var target = event.target;
    body = target.parentNode.parentNode.parentNode.children[1];
    if (body.style.display === null || body.style.display === '') {
        target.innerHTML = '[ + ]';
        body.style.display = 'none';
    } else {
        target.innerHTML = '[ - ]';
        body.style.display = '';
    }
 }
@ -21,177 +38,409 @@ function swap_comments(event) {
    }
 }
 function hide_youtube_replies(event) {
    var target = event.target;
    sub_text = target.getAttribute('data-inner-text');
    inner_text = target.getAttribute('data-sub-text');
    body = target.parentNode.parentNode.children[1];
    body.style.display = 'none';
    target.innerHTML = sub_text;
    target.onclick = show_youtube_replies;
    target.setAttribute('data-inner-text', inner_text);
    target.setAttribute('data-sub-text', sub_text);
 }
 function show_youtube_replies(event) {
    var target = event.target;
    sub_text = target.getAttribute('data-inner-text');
    inner_text = target.getAttribute('data-sub-text');
    body = target.parentNode.parentNode.children[1];
    body.style.display = '';
    target.innerHTML = sub_text;
    target.onclick = hide_youtube_replies;
    target.setAttribute('data-inner-text', inner_text);
    target.setAttribute('data-sub-text', sub_text);
 }
 var continue_button = document.getElementById('continue');
 if (continue_button) {
    continue_button.onclick = continue_autoplay;
 }
 function next_video() {
    var url = new URL('https://example.com/watch?v=' + video_data.next_video);
    if (video_data.params.autoplay || video_data.params.continue_autoplay)
        url.searchParams.set('autoplay', '1');
    if (video_data.params.listen !== video_data.preferences.listen)
        url.searchParams.set('listen', video_data.params.listen);
    if (video_data.params.speed !== video_data.preferences.speed)
        url.searchParams.set('speed', video_data.params.speed);
    if (video_data.params.local !== video_data.preferences.local)
        url.searchParams.set('local', video_data.params.local);
    url.searchParams.set('continue', '1');
    location.assign(url.pathname + url.search);
 }
 function continue_autoplay(event) {
    if (event.target.checked) {
-        player.on('ended', next_video);
+        player.on('ended', function () {
            var url = new URL('https://example.com/watch?v=' + video_data.next_video);
            if (video_data.params.autoplay || video_data.params.continue_autoplay) {
                url.searchParams.set('autoplay', '1');
            }
            if (video_data.params.listen !== video_data.preferences.listen) {
                url.searchParams.set('listen', video_data.params.listen);
            }
            if (video_data.params.speed !== video_data.preferences.speed) {
                url.searchParams.set('speed', video_data.params.speed);
            }
            if (video_data.params.local !== video_data.preferences.local) {
                url.searchParams.set('local', video_data.params.local);
            }
            url.searchParams.set('continue', '1');
            location.assign(url.pathname + url.search);
        });
    } else {
        player.off('ended');
    }
 }
-function get_playlist(plid) {
+function number_with_separator(val) {
-    var playlist = document.getElementById('playlist');
+    while (/(\d+)(\d{3})/.test(val.toString())) {
        val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
    }
    return val;
 }
-    playlist.innerHTML = spinnerHTMLwithHR;
+function get_playlist(plid, retries = 5) {
    playlist = document.getElementById('playlist');
    if (retries <= 0) {
        console.log('Failed to pull playlist');
        playlist.innerHTML = '';
        return;
    }
    playlist.innerHTML = ' \
        <h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3> \
        <hr>'
    var plid_url;
    if (plid.startsWith('RD')) {
-        plid_url = '/api/v1/mixes/' + plid +
+        var plid_url = '/api/v1/mixes/' + plid +
            '?continuation=' + video_data.id +
            '&format=html&hl=' + video_data.preferences.locale;
    } else {
-        plid_url = '/api/v1/playlists/' + plid +
+        var plid_url = '/api/v1/playlists/' + plid +
-            '?index=' + video_data.index +
+            '?continuation=' + video_data.id +
            '&continuation=' + video_data.id +
            '&format=html&hl=' + video_data.preferences.locale;
    }
-    if (video_data.params.listen) {
+    var xhr = new XMLHttpRequest();
-        plid_url += '&listen=1'
+    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', plid_url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                playlist.innerHTML = xhr.response.playlistHtml;
                if (xhr.response.nextVideo) {
                    player.on('ended', function () {
                        var url = new URL('https://example.com/watch?v=' + xhr.response.nextVideo);
                        if (video_data.params.autoplay || video_data.params.continue_autoplay) {
                            url.searchParams.set('autoplay', '1');
                        }
                        if (video_data.params.listen !== video_data.preferences.listen) {
                            url.searchParams.set('listen', video_data.params.listen);
                        }
                        if (video_data.params.speed !== video_data.preferences.speed) {
                            url.searchParams.set('speed', video_data.params.speed);
                        }
                        if (video_data.params.local !== video_data.preferences.local) {
                            url.searchParams.set('local', video_data.params.local);
                        }
                        url.searchParams.set('list', plid);
                        location.assign(url.pathname + url.search);
                    });
                }
            } else {
                playlist.innerHTML = '';
                document.getElementById('continue').style.display = '';
            }
        }
    }
-    helpers.xhr('GET', plid_url, {retries: 5, entity_name: 'playlist'}, {
+    xhr.onerror = function () {
-        on200: function (response) {
+        playlist = document.getElementById('playlist');
-            playlist.innerHTML = response.playlistHtml;
+        playlist.innerHTML =
            '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3><hr>';
-            if (!response.nextVideo) return;
+        console.log('Pulling playlist timed out... ' + retries + '/5');
        setTimeout(function () { get_playlist(plid, retries - 1) }, 1000);
    }
-            var nextVideo = document.getElementById(response.nextVideo);
+    xhr.ontimeout = function () {
-            nextVideo.parentNode.parentNode.scrollTop = nextVideo.offsetTop;
+        playlist = document.getElementById('playlist');
        playlist.innerHTML =
            '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3><hr>';
-            player.on('ended', function () {
+        console.log('Pulling playlist timed out... ' + retries + '/5');
-                var url = new URL('https://example.com/watch?v=' + response.nextVideo);
+        get_playlist(plid, retries - 1);
    }
-                url.searchParams.set('list', plid);
+    xhr.send();
                if (!plid.startsWith('RD'))
                    url.searchParams.set('index', response.index);
                if (video_data.params.autoplay || video_data.params.continue_autoplay)
                    url.searchParams.set('autoplay', '1');
                if (video_data.params.listen !== video_data.preferences.listen)
                    url.searchParams.set('listen', video_data.params.listen);
                if (video_data.params.speed !== video_data.preferences.speed)
                    url.searchParams.set('speed', video_data.params.speed);
                if (video_data.params.local !== video_data.preferences.local)
                    url.searchParams.set('local', video_data.params.local);
                location.assign(url.pathname + url.search);
            });
        },
        onNon200: function (xhr) {
            playlist.innerHTML = '';
            document.getElementById('continue').style.display = '';
        },
        onError: function (xhr) {
            playlist.innerHTML = spinnerHTMLwithHR;
        },
        onTimeout: function (xhr) {
            playlist.innerHTML = spinnerHTMLwithHR;
        }
    });
 }
-function get_reddit_comments() {
+function get_reddit_comments(retries = 5) {
-    var comments = document.getElementById('comments');
+    comments = document.getElementById('comments');
    if (retries <= 0) {
        console.log('Failed to pull comments');
        comments.innerHTML = '';
        return;
    }
    var fallback = comments.innerHTML;
-    comments.innerHTML = spinnerHTML;
+    comments.innerHTML =
        '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
    var url = '/api/v1/comments/' + video_data.id +
        '?source=reddit&format=html' +
        '&hl=' + video_data.preferences.locale;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', url, true);
-    var onNon200 = function (xhr) { comments.innerHTML = fallback; };
+    xhr.onreadystatechange = function () {
-    if (video_data.params.comments[1] === 'youtube')
+        if (xhr.readyState == 4) {
-        onNon200 = function (xhr) {};
+            if (xhr.status == 200) {
-
+                comments.innerHTML = ' \
-    helpers.xhr('GET', url, {retries: 5, entity_name: ''}, {
+                <div> \
-        on200: function (response) {
+                    <h3> \
-            comments.innerHTML = ' \
+                        <a href="javascript:void(0)">[ - ]</a> \
-            <div> \
+                        {title} \
-                <h3> \
+                    </h3> \
-                    <a href="javascript:void(0)">[ − ]</a> \
+                    <p> \
-                    {title} \
+                        <b> \
-                </h3> \
+                            <a href="javascript:void(0)" data-comments="youtube"> \
-                <p> \
+                                {youtubeCommentsText} \
                            </a> \
                        </b> \
                    </p> \
                    <b> \
-                        <a href="javascript:void(0)" data-comments="youtube"> \
+                        <a rel="noopener" target="_blank" href="https://reddit.com{permalink}">{redditPermalinkText}</a> \
-                            {youtubeCommentsText} \
+                    </b> \
                </div> \
                <div>{contentHtml}</div> \
                <hr>'.supplant({
                    title: xhr.response.title,
                    youtubeCommentsText: video_data.youtube_comments_text,
                    redditPermalinkText: video_data.reddit_permalink_text,
                    permalink: xhr.response.permalink,
                    contentHtml: xhr.response.contentHtml
                });
                comments.children[0].children[0].children[0].onclick = toggle_comments;
                comments.children[0].children[1].children[0].onclick = swap_comments;
            } else {
                if (video_data.params.comments[1] === 'youtube') {
                    console.log('Pulling comments failed... ' + retries + '/5');
                    setTimeout(function () { get_youtube_comments(retries - 1) }, 1000);
                } else {
                    comments.innerHTML = fallback;
                }
            }
        }
    }
    xhr.onerror = function () {
        console.log('Pulling comments failed... ' + retries + '/5');
        setInterval(function () { get_reddit_comments(retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        console.log('Pulling comments failed... ' + retries + '/5');
        get_reddit_comments(retries - 1);
    }
    xhr.send();
 }
 function get_youtube_comments(retries = 5) {
    comments = document.getElementById('comments');
    if (retries <= 0) {
        console.log('Failed to pull comments');
        comments.innerHTML = '';
        return;
    }
    var fallback = comments.innerHTML;
    comments.innerHTML =
        '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
    var url = '/api/v1/comments/' + video_data.id +
        '?format=html' +
        '&hl=' + video_data.preferences.locale +
        '&thin_mode=' + video_data.preferences.thin_mode;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                comments.innerHTML = ' \
                <div> \
                    <h3> \
                        <a href="javascript:void(0)">[ - ]</a> \
                        {commentsText}  \
                    </h3> \
                    <b> \
                        <a href="javascript:void(0)" data-comments="reddit"> \
                            {redditComments} \
                        </a> \
                    </b> \
-                </p> \
+                </div> \
-                <b> \
+                <div>{contentHtml}</div> \
-                    <a rel="noopener" target="_blank" href="https://reddit.com{permalink}">{redditPermalinkText}</a> \
+                <hr>'.supplant({
-                </b> \
+                    contentHtml: xhr.response.contentHtml,
-            </div> \
+                    redditComments: video_data.reddit_comments_text,
-            <div>{contentHtml}</div> \
+                    commentsText: video_data.comments_text.supplant(
-            <hr>'.supplant({
+                        { commentCount: number_with_separator(xhr.response.commentCount) }
-                title: response.title,
+                    )
-                youtubeCommentsText: video_data.youtube_comments_text,
+                });
                redditPermalinkText: video_data.reddit_permalink_text,
                permalink: response.permalink,
                contentHtml: response.contentHtml
            });
-            comments.children[0].children[0].children[0].onclick = toggle_comments;
+                comments.children[0].children[0].children[0].onclick = toggle_comments;
-            comments.children[0].children[1].children[0].onclick = swap_comments;
+                comments.children[0].children[1].children[0].onclick = swap_comments;
-        },
+            } else {
-        onNon200: onNon200, // declared above
+                if (video_data.params.comments[1] === 'youtube') {
-    });
+                    setTimeout(function () { get_youtube_comments(retries - 1) }, 1000);
                } else {
                    comments.innerHTML = '';
                }
            }
        }
    }
    xhr.onerror = function () {
        comments.innerHTML =
            '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
        console.log('Pulling comments failed... ' + retries + '/5');
        setInterval(function () { get_youtube_comments(retries - 1) }, 1000);
    }
    xhr.ontimeout = function () {
        comments.innerHTML =
            '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
        console.log('Pulling comments failed... ' + retries + '/5');
        get_youtube_comments(retries - 1);
    }
    xhr.send();
 }
 function get_youtube_replies(target, load_more) {
    var continuation = target.getAttribute('data-continuation');
    var body = target.parentNode.parentNode;
    var fallback = body.innerHTML;
    body.innerHTML =
        '<h3 style="text-align:center"><div class="loading"><i class="icon ion-ios-refresh"></i></div></h3>';
    var url = '/api/v1/comments/' + video_data.id +
        '?format=html' +
        '&hl=' + video_data.preferences.locale +
        '&thin_mode=' + video_data.preferences.thin_mode +
        '&continuation=' + continuation;
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.status == 200) {
                if (load_more) {
                    body = body.parentNode.parentNode;
                    body.removeChild(body.lastElementChild);
                    body.innerHTML += xhr.response.contentHtml;
                } else {
                    body.removeChild(body.lastElementChild);
                    var p = document.createElement('p');
                    var a = document.createElement('a');
                    p.appendChild(a);
                    a.href = 'javascript:void(0)';
                    a.onclick = hide_youtube_replies;
                    a.setAttribute('data-sub-text', video_data.hide_replies_text);
                    a.setAttribute('data-inner-text', video_data.show_replies_text);
                    a.innerText = video_data.hide_replies_text;
                    var div = document.createElement('div');
                    div.innerHTML = xhr.response.contentHtml;
                    body.appendChild(p);
                    body.appendChild(div);
                }
            } else {
                body.innerHTML = fallback;
            }
        }
    }
    xhr.ontimeout = function () {
        console.log('Pulling comments failed.');
        body.innerHTML = fallback;
    }
    xhr.send();
 }
 if (video_data.play_next) {
    player.on('ended', function () {
        var url = new URL('https://example.com/watch?v=' + video_data.next_video);
-        if (video_data.params.autoplay || video_data.params.continue_autoplay)
+        if (video_data.params.autoplay || video_data.params.continue_autoplay) {
            url.searchParams.set('autoplay', '1');
-        if (video_data.params.listen !== video_data.preferences.listen)
+        }
            url.searchParams.set('listen', video_data.params.listen);
        if (video_data.params.speed !== video_data.preferences.speed)
            url.searchParams.set('speed', video_data.params.speed);
        if (video_data.params.local !== video_data.preferences.local)
            url.searchParams.set('local', video_data.params.local);
        url.searchParams.set('continue', '1');
        if (video_data.params.listen !== video_data.preferences.listen) {
            url.searchParams.set('listen', video_data.params.listen);
        }
        if (video_data.params.speed !== video_data.preferences.speed) {
            url.searchParams.set('speed', video_data.params.speed);
        }
        if (video_data.params.local !== video_data.preferences.local) {
            url.searchParams.set('local', video_data.params.local);
        }
        url.searchParams.set('continue', '1');
        location.assign(url.pathname + url.search);
    });
 }
-addEventListener('load', function (e) {
+if (video_data.plid) {
-    if (video_data.plid)
+    get_playlist(video_data.plid);
-        get_playlist(video_data.plid);
+}
-    if (video_data.params.comments[0] === 'youtube') {
+if (video_data.params.comments[0] === 'youtube') {
-        get_youtube_comments();
+    get_youtube_comments();
-    } else if (video_data.params.comments[0] === 'reddit') {
+} else if (video_data.params.comments[0] === 'reddit') {
-        get_reddit_comments();
+    get_reddit_comments();
-    } else if (video_data.params.comments[1] === 'youtube') {
+} else if (video_data.params.comments[1] === 'youtube') {
-        get_youtube_comments();
+    get_youtube_comments();
-    } else if (video_data.params.comments[1] === 'reddit') {
+} else if (video_data.params.comments[1] === 'reddit') {
-        get_reddit_comments();
+    get_reddit_comments();
-    } else {
+} else {
-        var comments = document.getElementById('comments');
+    comments = document.getElementById('comments');
-        comments.innerHTML = '';
+    comments.innerHTML = '';
-    }
+}
 });
--- a/assets/js/watched_indicator.js
+++ b/assets/js/watched_indicator.js
@ -1,24 +0,0 @@
 'use strict';
 var save_player_pos_key = 'save_player_pos';
 function get_all_video_times() {
    return helpers.storage.get(save_player_pos_key) || {};
 }
 document.querySelectorAll('.watched-indicator').forEach(function (indicator) {
    var watched_part = get_all_video_times()[indicator.dataset.id];
    var total = parseInt(indicator.dataset.length, 10);
    if (watched_part === undefined) {
        watched_part = total;
    }
    var percentage = Math.round((watched_part / total) * 100);
    if (percentage < 5) {
        percentage = 5;
    }
    if (percentage > 90) {
        percentage = 100;
    }
    indicator.style.width = percentage + '%';
 });
--- a/assets/js/watched_widget.js
+++ b/assets/js/watched_widget.js
@ -1,34 +1,48 @@
 'use strict';
 var watched_data = JSON.parse(document.getElementById('watched_data').textContent);
 var payload = 'csrf_token=' + watched_data.csrf_token;
 function mark_watched(target) {
    var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
    tile.style.display = 'none';
-    var url = '/watch_ajax?action=mark_watched&redirect=false' +
+    var url = '/watch_ajax?action_mark_watched=1&redirect=false' +
        '&id=' + target.getAttribute('data-id');
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
-    helpers.xhr('POST', url, {payload: payload}, {
+    xhr.onreadystatechange = function () {
-        onNon200: function (xhr) {
+        if (xhr.readyState == 4) {
-            tile.style.display = '';
+            if (xhr.status != 200) {
                tile.style.display = '';
            }
        }
-    });
+    }
    xhr.send('csrf_token=' + watched_data.csrf_token);
 }
 function mark_unwatched(target) {
    var tile = target.parentNode.parentNode.parentNode.parentNode.parentNode;
    tile.style.display = 'none';
-    var count = document.getElementById('count');
+    var count = document.getElementById('count')
-    count.textContent--;
+    count.innerText = count.innerText - 1;
-    var url = '/watch_ajax?action=mark_unwatched&redirect=false' +
+    var url = '/watch_ajax?action_mark_unwatched=1&redirect=false' +
        '&id=' + target.getAttribute('data-id');
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';
    xhr.timeout = 10000;
    xhr.open('POST', url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
-    helpers.xhr('POST', url, {payload: payload}, {
+    xhr.onreadystatechange = function () {
-        onNon200: function (xhr) {
+        if (xhr.readyState == 4) {
-            count.textContent++;
+            if (xhr.status != 200) {
-            tile.style.display = '';
+                count.innerText = count.innerText - 1 + 2;
                tile.style.display = '';
            }
        }
-    });
+    }
    xhr.send('csrf_token=' + watched_data.csrf_token);
 }
--- a/assets/robots.txt
+++ b/assets/robots.txt
@ -1,2 +1,3 @@
 User-agent: *
-Disallow: /
+Disallow: /search
 Disallow: /login
--- a/assets/site.webmanifest
+++ b/assets/site.webmanifest
@ -15,7 +15,5 @@
    ],
    "theme_color": "#575757",
    "background_color": "#575757",
-    "display": "standalone",
+    "display": "standalone"
    "description": "An alternative front-end to YouTube",
    "start_url": "/"
 }
--- a/assets/videojs/.gitignore
+++ b/assets/videojs/.gitignore
@ -1,4 +0,0 @@
 # Ignore everything in this directory
 *
 # Except this file
 !.gitignore
--- a/config/config.example.yml
+++ b/config/config.example.yml
--- a/config/config.yml
+++ b/config/config.yml
@ -0,0 +1,11 @@
 channel_threads: 1
 feed_threads: 1
 db:
  user: kemal
  password: kemal
  host: localhost
  port: 5432
  dbname: invidious
 full_refresh: false
 https_only: false
 domain:
--- a/config/migrate-scripts/migrate-db-17cf077.sh
+++ b/config/migrate-scripts/migrate-db-17cf077.sh
@ -1,7 +1,4 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channels ADD COLUMN subscribed bool;"
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "UPDATE channels SET subscribed = false;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channels ADD COLUMN subscribed bool;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "UPDATE channels SET subscribed = false;"
--- a/config/migrate-scripts/migrate-db-1c8075c.sh
+++ b/config/migrate-scripts/migrate-db-1c8075c.sh
@ -1,10 +1,7 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channel_videos DROP COLUMN live_now CASCADE"
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "ALTER TABLE channel_videos DROP COLUMN premiere_timestamp CASCADE"
-psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos DROP COLUMN live_now CASCADE"
+psql invidious kemal -c "ALTER TABLE channel_videos ADD COLUMN live_now bool"
-psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos DROP COLUMN premiere_timestamp CASCADE"
+psql invidious kemal -c "ALTER TABLE channel_videos ADD COLUMN premiere_timestamp timestamptz"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos ADD COLUMN live_now bool"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos ADD COLUMN premiere_timestamp timestamptz"
--- a/config/migrate-scripts/migrate-db-1eca969.sh
+++ b/config/migrate-scripts/migrate-db-1eca969.sh
@ -1,22 +0,0 @@
 #!/bin/sh
 [ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
 [ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN title CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN views CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN likes CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN dislikes CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN wilson_score CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN published CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN description CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN language CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN author CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN ucid CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN allowed_regions CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN is_family_friendly CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN genre CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN genre_url CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN license CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN sub_count_text CASCADE"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE videos DROP COLUMN author_thumbnail CASCADE"
--- a/config/migrate-scripts/migrate-db-30e6d29.sh
+++ b/config/migrate-scripts/migrate-db-30e6d29.sh
@ -1,7 +1,4 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channels ADD COLUMN deleted bool;"
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "UPDATE channels SET deleted = false;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channels ADD COLUMN deleted bool;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "UPDATE channels SET deleted = false;"
--- a/config/migrate-scripts/migrate-db-3646395.sh
+++ b/config/migrate-scripts/migrate-db-3646395.sh
@ -1,8 +1,5 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious < config/sql/session_ids.sql
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "INSERT INTO session_ids (SELECT unnest(id), email, CURRENT_TIMESTAMP FROM users) ON CONFLICT (id) DO NOTHING"
-
+psql invidious kemal -c "ALTER TABLE users DROP COLUMN id"
 psql "$POSTGRES_DB" "$POSTGRES_USER" < config/sql/session_ids.sql
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "INSERT INTO session_ids (SELECT unnest(id), email, CURRENT_TIMESTAMP FROM users) ON CONFLICT (id) DO NOTHING"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE users DROP COLUMN id"
--- a/config/migrate-scripts/migrate-db-3bcb98e.sh
+++ b/config/migrate-scripts/migrate-db-3bcb98e.sh
@ -1,6 +1,3 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal < config/sql/annotations.sql
 [ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
 psql "$POSTGRES_DB" "$POSTGRES_USER" < config/sql/annotations.sql
--- a/config/migrate-scripts/migrate-db-52cb239.sh
+++ b/config/migrate-scripts/migrate-db-52cb239.sh
@ -1,6 +1,3 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channel_videos ADD COLUMN views bigint;"
 [ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos ADD COLUMN views bigint;"
--- a/config/migrate-scripts/migrate-db-6e51189.sh
+++ b/config/migrate-scripts/migrate-db-6e51189.sh
@ -1,7 +1,4 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channel_videos ADD COLUMN live_now bool;"
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "UPDATE channel_videos SET live_now = false;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos ADD COLUMN live_now bool;"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "UPDATE channel_videos SET live_now = false;"
--- a/config/migrate-scripts/migrate-db-701b5ea.sh
+++ b/config/migrate-scripts/migrate-db-701b5ea.sh
@ -1,6 +1,3 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE users ADD COLUMN feed_needs_update boolean"
 [ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE users ADD COLUMN feed_needs_update boolean"
--- a/config/migrate-scripts/migrate-db-88b7097.sh
+++ b/config/migrate-scripts/migrate-db-88b7097.sh
@ -1,6 +1,3 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channel_videos ADD COLUMN premiere_timestamp timestamptz;"
 [ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channel_videos ADD COLUMN premiere_timestamp timestamptz;"
--- a/config/migrate-scripts/migrate-db-8e884fe.sh
+++ b/config/migrate-scripts/migrate-db-8e884fe.sh
@ -1,8 +1,5 @@
 #!/bin/sh
-[ -z "$POSTGRES_USER" ] && POSTGRES_USER=kemal
+psql invidious kemal -c "ALTER TABLE channels DROP COLUMN subscribed"
-[ -z "$POSTGRES_DB" ] && POSTGRES_DB=invidious
+psql invidious kemal -c "ALTER TABLE channels ADD COLUMN subscribed timestamptz"
-
+psql invidious kemal -c "UPDATE channels SET subscribed = '2019-01-01 00:00:00+00'"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channels DROP COLUMN subscribed"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "ALTER TABLE channels ADD COLUMN subscribed timestamptz"
 psql "$POSTGRES_DB" "$POSTGRES_USER" -c "UPDATE channels SET subscribed = '2019-01-01 00:00:00+00'"
--- a/config/sql/annotations.sql
+++ b/config/sql/annotations.sql
@ -2,11 +2,11 @@
 -- DROP TABLE public.annotations;
-CREATE TABLE IF NOT EXISTS public.annotations
+CREATE TABLE public.annotations
 (
  id text NOT NULL,
  annotations xml,
  CONSTRAINT annotations_id_key UNIQUE (id)
 );
-GRANT ALL ON TABLE public.annotations TO current_user;
+GRANT ALL ON TABLE public.annotations TO kemal;
--- a/config/sql/channel_videos.sql
+++ b/config/sql/channel_videos.sql
@ -2,7 +2,7 @@
 -- DROP TABLE public.channel_videos;
-CREATE TABLE IF NOT EXISTS public.channel_videos
+CREATE TABLE public.channel_videos
 (
  id text NOT NULL,
  title text,
@ -17,13 +17,13 @@ CREATE TABLE IF NOT EXISTS public.channel_videos
  CONSTRAINT channel_videos_id_key UNIQUE (id)
 );
-GRANT ALL ON TABLE public.channel_videos TO current_user;
+GRANT ALL ON TABLE public.channel_videos TO kemal;
 -- Index: public.channel_videos_ucid_idx
 -- DROP INDEX public.channel_videos_ucid_idx;
-CREATE INDEX IF NOT EXISTS channel_videos_ucid_idx
+CREATE INDEX channel_videos_ucid_idx
  ON public.channel_videos
  USING btree
  (ucid COLLATE pg_catalog."default");
--- a/config/sql/channels.sql
+++ b/config/sql/channels.sql
@ -2,7 +2,7 @@
 -- DROP TABLE public.channels;
-CREATE TABLE IF NOT EXISTS public.channels
+CREATE TABLE public.channels
 (
  id text NOT NULL,
  author text,
@ -12,13 +12,13 @@ CREATE TABLE IF NOT EXISTS public.channels
  CONSTRAINT channels_id_key UNIQUE (id)
 );
-GRANT ALL ON TABLE public.channels TO current_user;
+GRANT ALL ON TABLE public.channels TO kemal;
 -- Index: public.channels_id_idx
 -- DROP INDEX public.channels_id_idx;
-CREATE INDEX IF NOT EXISTS channels_id_idx
+CREATE INDEX channels_id_idx
  ON public.channels
  USING btree
  (id COLLATE pg_catalog."default");
--- a/config/sql/nonces.sql
+++ b/config/sql/nonces.sql
@ -2,20 +2,20 @@
 -- DROP TABLE public.nonces;
-CREATE TABLE IF NOT EXISTS public.nonces
+CREATE TABLE public.nonces
 (
  nonce text,
  expire timestamp with time zone,
  CONSTRAINT nonces_id_key UNIQUE (nonce)
 );
-GRANT ALL ON TABLE public.nonces TO current_user;
+GRANT ALL ON TABLE public.nonces TO kemal;
 -- Index: public.nonces_nonce_idx
 -- DROP INDEX public.nonces_nonce_idx;
-CREATE INDEX IF NOT EXISTS nonces_nonce_idx
+CREATE INDEX nonces_nonce_idx
  ON public.nonces
  USING btree
  (nonce COLLATE pg_catalog."default");
--- a/config/sql/playlist_videos.sql
+++ b/config/sql/playlist_videos.sql
@ -1,19 +0,0 @@
 -- Table: public.playlist_videos
 -- DROP TABLE public.playlist_videos;
 CREATE TABLE IF NOT EXISTS public.playlist_videos
 (
    title text,
    id text,
    author text,
    ucid text,
    length_seconds integer,
    published timestamptz,
    plid text references playlists(id),
    index int8,
    live_now boolean,
    PRIMARY KEY (index,plid)
 );
 GRANT ALL ON TABLE public.playlist_videos TO current_user;
--- a/config/sql/playlists.sql
+++ b/config/sql/playlists.sql
@ -1,29 +0,0 @@
 -- Type: public.privacy
 -- DROP TYPE public.privacy;
 CREATE TYPE public.privacy AS ENUM
 (
    'Public',
    'Unlisted',
    'Private'
 );
 -- Table: public.playlists
 -- DROP TABLE public.playlists;
 CREATE TABLE IF NOT EXISTS public.playlists
 (
    title text,
    id text primary key,
    author text,
    description text,
    video_count integer,
    created timestamptz,
    updated timestamptz,
    privacy privacy,
    index int8[]
 );
 GRANT ALL ON public.playlists TO current_user;
--- a/config/sql/session_ids.sql
+++ b/config/sql/session_ids.sql
@ -2,7 +2,7 @@
 -- DROP TABLE public.session_ids;
-CREATE TABLE IF NOT EXISTS public.session_ids
+CREATE TABLE public.session_ids
 (
  id text NOT NULL,
  email text,
@ -10,13 +10,13 @@ CREATE TABLE IF NOT EXISTS public.session_ids
  CONSTRAINT session_ids_pkey PRIMARY KEY (id)
 );
-GRANT ALL ON TABLE public.session_ids TO current_user;
+GRANT ALL ON TABLE public.session_ids TO kemal;
 -- Index: public.session_ids_id_idx
 -- DROP INDEX public.session_ids_id_idx;
-CREATE INDEX IF NOT EXISTS session_ids_id_idx
+CREATE INDEX session_ids_id_idx
  ON public.session_ids
  USING btree
  (id COLLATE pg_catalog."default");
--- a/config/sql/users.sql
+++ b/config/sql/users.sql
@ -2,7 +2,7 @@
 -- DROP TABLE public.users;
-CREATE TABLE IF NOT EXISTS public.users
+CREATE TABLE public.users
 (
  updated timestamp with time zone,
  notifications text[],
@ -16,13 +16,13 @@ CREATE TABLE IF NOT EXISTS public.users
  CONSTRAINT users_email_key UNIQUE (email)
 );
-GRANT ALL ON TABLE public.users TO current_user;
+GRANT ALL ON TABLE public.users TO kemal;
 -- Index: public.email_unique_idx
 -- DROP INDEX public.email_unique_idx;
-CREATE UNIQUE INDEX IF NOT EXISTS email_unique_idx
+CREATE UNIQUE INDEX email_unique_idx
  ON public.users
  USING btree
  (lower(email) COLLATE pg_catalog."default");
--- a/config/sql/videos.sql
+++ b/config/sql/videos.sql
@ -2,21 +2,38 @@
 -- DROP TABLE public.videos;
-CREATE UNLOGGED TABLE IF NOT EXISTS public.videos
+CREATE TABLE public.videos
 (
  id text NOT NULL,
  info text,
  updated timestamp with time zone,
  title text,
  views bigint,
  likes integer,
  dislikes integer,
  wilson_score double precision,
  published timestamp with time zone,
  description text,
  language text,
  author text,
  ucid text,
  allowed_regions text[],
  is_family_friendly boolean,
  genre text,
  genre_url text,
  license text,
  sub_count_text text,
  author_thumbnail text,
  CONSTRAINT videos_pkey PRIMARY KEY (id)
 );
-GRANT ALL ON TABLE public.videos TO current_user;
+GRANT ALL ON TABLE public.videos TO kemal;
 -- Index: public.id_idx
 -- DROP INDEX public.id_idx;
-CREATE UNIQUE INDEX IF NOT EXISTS id_idx
+CREATE UNIQUE INDEX id_idx
  ON public.videos
  USING btree
  (id COLLATE pg_catalog."default");
--- a/docker-compose.yml
+++ b/docker-compose.yml
@ -1,12 +1,12 @@
-# Warning: This docker-compose file is made for development purposes.
+version: '3'
 # Using it will build an image from the locally cloned repository.
 #
 # If you want to use Invidious in production, see the docker-compose.yml file provided
 # in the installation documentation: https://docs.invidious.io/installation/
 version: "3"
 services:
-
+  postgres:
    build:
      context: .
      dockerfile: docker/Dockerfile.postgres
    restart: unless-stopped
    volumes:
      - postgresdata:/var/lib/postgresql/data
  invidious:
    build:
      context: .
@ -14,42 +14,8 @@ services:
    restart: unless-stopped
    ports:
      - "127.0.0.1:3000:3000"
-    environment:
+    depends_on:
-      # Please read the following file for a comprehensive list of all available
+      - postgres
      # configuration options and their associated syntax:
      # https://github.com/iv-org/invidious/blob/master/config/config.example.yml
      INVIDIOUS_CONFIG: |
        db:
          dbname: invidious
          user: kemal
          password: kemal
          host: invidious-db
          port: 5432
        check_tables: true
        # external_port:
        # domain:
        # https_only: false
        # statistics_enabled: false
        hmac_key: "CHANGE_ME!!"
    healthcheck:
      test: wget -nv --tries=1 --spider http://127.0.0.1:3000/api/v1/trending || exit 1
      interval: 30s
      timeout: 5s
      retries: 2
  invidious-db:
    image: docker.io/library/postgres:14
    restart: unless-stopped
    volumes:
      - postgresdata:/var/lib/postgresql/data
      - ./config/sql:/config/sql
      - ./docker/init-invidious-db.sh:/docker-entrypoint-initdb.d/init-invidious-db.sh
    environment:
      POSTGRES_DB: invidious
      POSTGRES_USER: kemal
      POSTGRES_PASSWORD: kemal
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U $$POSTGRES_USER -d $$POSTGRES_DB"]
 volumes:
  postgresdata:
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@ -1,52 +1,15 @@
-FROM crystallang/crystal:1.12.2-alpine AS builder
+FROM archlinux/base
-RUN apk add --no-cache sqlite-static yaml-static
+RUN pacman -Sy --noconfirm shards crystal imagemagick librsvg \
    which pkgconf gcc ttf-liberation glibc
 # base-devel contains many other basic packages, that are normally assumed to already exist on a clean arch system
-ARG release
+ADD . /invidious
 WORKDIR /invidious
 COPY ./shard.yml ./shard.yml
 COPY ./shard.lock ./shard.lock
 RUN shards install --production
-COPY ./src/ ./src/
+RUN sed -i 's/host: localhost/host: postgres/' config/config.yml && \
-# TODO: .git folder is required for building – this is destructive.
+    shards update && shards install && \
-# See definition of CURRENT_BRANCH, CURRENT_COMMIT and CURRENT_VERSION.
+    crystal build src/invidious.cr
 COPY ./.git/ ./.git/
 # Required for fetching player dependencies
 COPY ./scripts/ ./scripts/
 COPY ./assets/ ./assets/
 COPY ./videojs-dependencies.yml ./videojs-dependencies.yml
 RUN crystal spec --warnings all \
    --link-flags "-lxml2 -llzma"    
 RUN --mount=type=cache,target=/root/.cache/crystal if [[ "${release}" == 1 ]] ; then \
        crystal build ./src/invidious.cr \
        --release \
        --static --warnings all \
        --link-flags "-lxml2 -llzma"; \
    else \
        crystal build ./src/invidious.cr \
        --static --warnings all \
        --link-flags "-lxml2 -llzma"; \
    fi
 FROM alpine:3.20
 RUN apk add --no-cache rsvg-convert ttf-opensans tini tzdata
 WORKDIR /invidious
 RUN addgroup -g 1000 -S invidious && \
    adduser -u 1000 -S invidious -G invidious
 COPY --chown=invidious ./config/config.* ./config/
 RUN mv -n config/config.example.yml config/config.yml
 RUN sed -i 's/host: \(127.0.0.1\|localhost\)/host: invidious-db/' config/config.yml
 COPY ./config/sql/ ./config/sql/
 COPY ./locales/ ./locales/
 COPY --from=builder /invidious/assets ./assets/
 COPY --from=builder /invidious/invidious .
 RUN chmod o+rX -R ./assets ./config ./locales
 EXPOSE 3000
 USER invidious
 ENTRYPOINT ["/sbin/tini", "--"]
 CMD [ "/invidious/invidious" ]
--- a/docker/Dockerfile.arm64
+++ b/docker/Dockerfile.arm64
@ -1,53 +0,0 @@
 FROM alpine:3.20 AS builder
 RUN apk add --no-cache 'crystal=1.12.2-r0' shards sqlite-static yaml-static yaml-dev libxml2-static \
       zlib-static openssl-libs-static openssl-dev musl-dev xz-static
 ARG release
 WORKDIR /invidious
 COPY ./shard.yml ./shard.yml
 COPY ./shard.lock ./shard.lock
 RUN shards install --production
 COPY ./src/ ./src/
 # TODO: .git folder is required for building – this is destructive.
 # See definition of CURRENT_BRANCH, CURRENT_COMMIT and CURRENT_VERSION.
 COPY ./.git/ ./.git/
 # Required for fetching player dependencies
 COPY ./scripts/ ./scripts/
 COPY ./assets/ ./assets/
 COPY ./videojs-dependencies.yml ./videojs-dependencies.yml
 RUN crystal spec --warnings all \
    --link-flags "-lxml2 -llzma"
 RUN --mount=type=cache,target=/root/.cache/crystal if [[ "${release}" == 1 ]] ; then \
        crystal build ./src/invidious.cr \
        --release \
        --static --warnings all \
        --link-flags "-lxml2 -llzma"; \
    else \
        crystal build ./src/invidious.cr \
        --static --warnings all \
        --link-flags "-lxml2 -llzma"; \
    fi
 FROM alpine:3.20
 RUN apk add --no-cache rsvg-convert ttf-opensans tini tzdata
 WORKDIR /invidious
 RUN addgroup -g 1000 -S invidious && \
    adduser -u 1000 -S invidious -G invidious
 COPY --chown=invidious ./config/config.* ./config/
 RUN mv -n config/config.example.yml config/config.yml
 RUN sed -i 's/host: \(127.0.0.1\|localhost\)/host: invidious-db/' config/config.yml
 COPY ./config/sql/ ./config/sql/
 COPY ./locales/ ./locales/
 COPY --from=builder /invidious/assets ./assets/
 COPY --from=builder /invidious/invidious .
 RUN chmod o+rX -R ./assets ./config ./locales
 EXPOSE 3000
 USER invidious
 ENTRYPOINT ["/sbin/tini", "--"]
 CMD [ "/invidious/invidious" ]
--- a/docker/Dockerfile.postgres
+++ b/docker/Dockerfile.postgres
@ -0,0 +1,9 @@
 FROM postgres:10
 ENV POSTGRES_USER postgres
 ADD ./config/sql /config/sql
 ADD ./docker/entrypoint.postgres.sh /entrypoint.sh
 ENTRYPOINT [ "/entrypoint.sh" ]
 CMD [ "postgres" ]
--- a/docker/entrypoint.postgres.sh
+++ b/docker/entrypoint.postgres.sh
@ -0,0 +1,28 @@
 #!/usr/bin/env bash
 CMD="$@"
 if [ ! -f /var/lib/postgresql/data/setupFinished ]; then
    echo "### first run - setting up invidious database"
    /usr/local/bin/docker-entrypoint.sh postgres &
    sleep 10
    until runuser -l postgres -c 'pg_isready' 2>/dev/null; do
        >&2 echo "### Postgres is unavailable - waiting"
        sleep 5
    done
    >&2 echo "### importing table schemas"
    su postgres -c 'createdb invidious'
    su postgres -c 'psql -c "CREATE USER kemal WITH PASSWORD '"'kemal'"'"'
    su postgres -c 'psql invidious kemal < config/sql/channels.sql'
    su postgres -c 'psql invidious kemal < config/sql/videos.sql'
    su postgres -c 'psql invidious kemal < config/sql/channel_videos.sql'
    su postgres -c 'psql invidious kemal < config/sql/users.sql'
    su postgres -c 'psql invidious kemal < config/sql/session_ids.sql'
    su postgres -c 'psql invidious kemal < config/sql/nonces.sql'
    su postgres -c 'psql invidious kemal < config/sql/annotations.sql'
    touch /var/lib/postgresql/data/setupFinished
    echo "### invidious database setup finished"
    exit
 fi
 echo "running postgres /usr/local/bin/docker-entrypoint.sh $CMD"
 exec /usr/local/bin/docker-entrypoint.sh $CMD
--- a/docker/init-invidious-db.sh
+++ b/docker/init-invidious-db.sh
@ -1,12 +0,0 @@
 #!/bin/bash
 set -eou pipefail
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/channels.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/videos.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/channel_videos.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/users.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/session_ids.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/nonces.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/annotations.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/playlists.sql
 psql --username "$POSTGRES_USER" --dbname "$POSTGRES_DB" < config/sql/playlist_videos.sql
--- a/kubernetes/README.md
+++ b/kubernetes/README.md
@ -1 +0,0 @@
 The Helm chart has moved to a dedicated GitHub repository: https://github.com/iv-org/invidious-helm-chart/tree/master/invidious
--- a/locales/af.json
+++ b/locales/af.json
@ -1,15 +0,0 @@
 {
    "generic_views_count": "{{count}} kyk",
    "generic_views_count_plural": "{{count}} kyke",
    "generic_videos_count": "{{count}} video",
    "generic_videos_count_plural": "{{count}} videos",
    "generic_playlists_count": "{{count}} snitlys",
    "generic_playlists_count_plural": "{{count}} snitlyste",
    "generic_subscriptions_count": "{{count}} intekening",
    "generic_subscriptions_count_plural": "{{count}} intekeninge",
    "LIVE": "LEWENDIG",
    "generic_subscribers_count": "{{count}} intekenaar",
    "generic_subscribers_count_plural": "{{count}} intekenare",
    "Shared `x` ago": "`x` gelede gedeel",
    "New passwords must match": "Nuwe wagwoord moet ooreenstem"
 }
--- a/Show More
+++ b/Show More
		`@ -1 +0,0 @@`
			`https://hosted.weblate.org/projects/invidious/`
		`@ -0,0 +1 @@`
							.video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:rgba(255,255,255,0.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}
		`@ -0,0 +1 @@`
							.vjs-marker{position:absolute;left:0;bottom:0;opacity:1;height:100%;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;z-index:100}.vjs-marker:hover{cursor:pointer;-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.vjs-tip{visibility:hidden;display:block;opacity:.8;padding:5px;font-size:10px;position:absolute;bottom:14px;z-index:100000}.vjs-tip .vjs-tip-arrow{background:url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;bottom:0;left:50%;margin-left:-4px;background-position:bottom left;position:absolute;width:9px;height:5px}.vjs-tip .vjs-tip-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 8px 4px 8px;background-color:#000;color:#fff;max-width:200px;text-align:center}.vjs-break-overlay{visibility:hidden;position:absolute;z-index:100000;top:0}.vjs-break-overlay .vjs-break-overlay-text{padding:9px;text-align:center}
		`@ -1,2 +0,0 @@`
			`<?xml version="1.0" encoding="UTF-8"?>`
			<svg width="512pt" height="512pt" version="1.0" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><rect x="-.0072516" y=".00056299" width="512.01" height="512.02" fill="#575757" stroke-width=".063019"/><path d="m247.17 455.95c-19.792-0.78921-38.719-4.2564-57.154-10.47-60.968-20.55-108.68-68.579-127-127.86-7.8955-25.538-10.062-53.943-6.2586-82.067 3.7105-27.439 13.603-53.515 29.342-77.344 12.069-18.273 29.138-36.277 47.228-49.816 36.891-27.61 85.944-42.49 132.38-40.157 25.88 1.3001 49.939 6.765 73.106 16.606 8.1948 3.481 20.024 9.6845 27.696 14.525 14.15 8.9272 22.367 15.498 34.482 27.573 13.254 13.211 22.128 24.276 30.398 37.906 7.2081 11.879 14.099 27.15 18.229 40.397 1.5996 5.1305 4.442 16.456 5.6852 22.653 2.3908 11.917 2.6998 15.722 2.7049 33.312 6e-3 18.515-0.46256 24.413-2.9166 36.758-9.3274 46.92-35.58 88.167-74.872 117.64-22.814 17.112-50.027 29.535-78.547 35.858-16.714 3.7059-35.421 5.2453-54.498 4.4846zm-35.1-78.786c-5.3e-4 -0.52647-0.0741-2.0564-0.16311-3.3999l-0.16178-2.4427-4.7018-0.26271c-4.0477-0.22614-4.7968-0.33363-5.3847-0.77253-2.0235-1.5108-1.4679-6.0695 2.2494-18.457 0.8637-2.8781 3.3371-11.321 5.4966-18.762 2.1594-7.4409 5.2002-17.836 6.7573-23.101 1.5571-5.2648 4.1948-14.282 5.8615-20.038 1.6667-5.7562 3.6145-12.4 4.3284-14.764 0.71391-2.3641 3.2583-11.037 5.6542-19.272 4.9475-17.007 8.1626-27.723 8.9438-29.811 0.51852-1.3858 0.54785-1.4139 0.99761-0.95317 0.25486 0.26106 3.8462 7.3667 7.9807 15.79 4.1345 8.4236 13.089 26.573 19.898 40.331 17.188 34.73 37.849 76.578 43.261 87.622l4.5356 9.257 11.359-0.0895c6.2475-0.0492 11.615-0.19623 11.929-0.32672 0.5614-0.23385 0.54167-0.2959-1.3723-4.3176-1.068-2.2442-8.1436-16.601-15.724-31.904-48.687-98.293-61.22-123.86-67.889-138.48-4.7022-10.309-6.9031-14.807-7.7139-15.762-0.82931-0.97742-1.6319-1.0638-2.3704-0.25525-1.1993 1.313-4.1046 10.063-9.3869 28.27-2.0569 7.0899-6.5372 22.425-9.9562 34.077-6.6396 22.629-8.5182 29.037-14.33 48.883-2.0354 6.9495-4.7977 16.369-6.1385 20.931-1.3408 4.5628-4.033 13.81-5.9826 20.549-4.304 14.877-6.136 20.889-7.3886 24.25-2.1371 5.7334-2.5723 6.3292-4.9216 6.7384-0.88855 0.15472-2.4102 0.28196-3.3815 0.28275-2.1993 3e-3 -3.5494 0.36339-4.0558 1.0863-0.42176 0.60215-0.56421 4.8802-0.18251 5.4812 0.20573 0.32388 2.4672 0.37414 23.34 0.51873l8.6151 0.0597-7e-4 -0.95723zm36.751-205.59c4.3282-0.92335 8.4607-4.943 9.4374-9.1796 0.36569-1.5862 0.32543-4.9758-0.077-6.4799-0.85108-3.1813-3.2688-6.291-6.039-7.7675-3.8111-2.0313-9.456-2.0295-13.272 5e-3 -5.9828 3.1888-8.1556 11.089-4.7878 17.408 2.6995 5.0648 8.3611 7.3754 14.738 6.015z" fill="#f0f0f0" stroke-width=".025526"/></g><g transform="matrix(.069892 0 0 -.069892 44.236 474.48)"><path d="m2787 4669c-124-65-123-255 3-319 86-44 196-16 247 62 58 87 26 211-67 258-51 26-132 26-183-1z" fill="#00b6f0" stroke="#00b6f0" stroke-width="4.25"/><path d="m2882 4108c-12-16-63-166-102-303-30-104-101-350-165-565-20-69-58-199-85-290-26-91-64-221-85-290-20-69-58-199-85-290-26-91-64-221-85-290-20-69-57-195-81-280-59-207-93-299-115-310-10-6-35-10-56-10-73 0-84-8-81-54l3-41 228-3 228-2-3 47-3 48-73 3c-66 3-74 5-84 27-13 28 0 104 37 225 13 41 47 156 75 255s66 230 85 290c18 61 56 191 85 290 28 99 66 230 85 290 18 61 56 191 85 290 85 297 123 419 131 429 5 5 17-11 28-35 10-24 192-393 403-819s447-902 523-1058l139-282h168c92 0 168 4 168 8s-75 158-166 342c-588 1183-969 1958-1033 2100-29 63-69 151-89 195-44 95-58 110-80 83z" fill="#575757"/></g></svg>
		`@ -0,0 +1,2 @@`
							`/! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 /`
							!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js"),require("global/document")):"function"==typeof define&&define.amd?define(["video.js","global/document"],t):e.videojsContribQualityLevels=t(e.videojs,e.document)}(this,function(e,t){"use strict";function n(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(r){var i,l;function o(){var i,l=n(n(i=r.call(this)\|\|this));if(e.browser.IS_IE8)for(var s in l=t.createElement("custom"),o.prototype)"constructor"!==s&&(l[s]=o.prototype[s]);return l.levels_=[],l.selectedIndex_=-1,Object.defineProperty(l,"selectedIndex",{get:function(){return l.selectedIndex_}}),Object.defineProperty(l,"length",{get:function(){return l.levels_.length}}),l\|\|n(i)}l=r,(i=o).prototype=Object.create(l.prototype),i.prototype.constructor=i,i.__proto__=l;var s=o.prototype;return s.addQualityLevel=function(n){var r=this.getQualityLevelById(n.id);if(r)return r;var i=this.levels_.length;return r=new function n(r){var i=this;if(e.browser.IS_IE8)for(var l in i=t.createElement("custom"),n.prototype)"constructor"!==l&&(i[l]=n.prototype[l]);return i.id=r.id,i.label=i.id,i.width=r.width,i.height=r.height,i.bitrate=r.bandwidth,i.enabled_=r.enabled,Object.defineProperty(i,"enabled",{get:function(){return i.enabled_()},set:function(e){i.enabled_(e)}}),i}(n),""+i in this\|\|Object.defineProperty(this,i,{get:function(){return this.levels_[i]}}),this.levels_.push(r),this.trigger({qualityLevel:r,type:"addqualitylevel"}),r},s.removeQualityLevel=function(e){for(var t=null,n=0,r=this.length;n<r;n++)if(this[n]===e){t=this.levels_.splice(n,1)[0],this.selectedIndex_===n?this.selectedIndex_=-1:this.selectedIndex_>n&&this.selectedIndex_--;break}return t&&this.trigger({qualityLevel:e,type:"removequalitylevel"}),t},s.getQualityLevelById=function(e){for(var t=0,n=this.length;t<n;t++){var r=this[t];if(r.id===e)return r}return null},s.dispose=function(){this.selectedIndex_=-1,this.levels_.length=0},o}(e.EventTarget);for(var i in r.prototype.allowedEvents_={change:"change",addqualitylevel:"addqualitylevel",removequalitylevel:"removequalitylevel"},r.prototype.allowedEvents_)r.prototype["on"+i]=null;var l=function(t){return n=this,e.mergeOptions({},t),i=n.qualityLevels,l=new r,n.on("dispose",function e(){l.dispose(),n.qualityLevels=i,n.off("dispose",e)}),n.qualityLevels=function(){return l},n.qualityLevels.VERSION="2.0.9",l;var n,i,l};return(e.registerPlugin\|\|e.plugin)("qualityLevels",l),l.VERSION="2.0.9",l});
		`@ -0,0 +1,2 @@`
							`/! @name videojs-overlay @version 2.1.4 @license Apache-2.0 /`
							!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js"),require("global/window")):"function"==typeof define&&define.amd?define(["video.js","global/window"],e):t.videojsOverlay=e(t.videojs,t.window)}(this,function(t,e){"use strict";function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}t=t&&t.hasOwnProperty("default")?t.default:t,e=e&&e.hasOwnProperty("default")?e.default:e;var r={align:"top-left",class:"",content:"This overlay will show up while the video is playing",debug:!1,showBackground:!0,attachToControlBar:!1,overlays:[{start:"playing",end:"paused"}]},i=t.getComponent("Component"),o=t.dom\|\|t,s=t.registerPlugin\|\|t.plugin,a=function(t){return"number"==typeof t&&t==t},h=function(t){return"string"==typeof t&&/^\S+$/.test(t)},d=function(r){var i,s;function d(t,e){var i;return i=r.call(this,t,e)\|\|this,["start","end"].forEach(function(t){var e=i.options_[t];if(a(e))i[t+"Event_"]="timeupdate";else if(h(e))i[t+"Event_"]=e;else if("start"===t)throw new Error('invalid "start" option; expected number or string')}),["endListener_","rewindListener_","startListener_"].forEach(function(t){i[t]=function(e){return d.prototype[t].call(n(n(i)),e)}}),"timeupdate"===i.startEvent_&&i.on(t,"timeupdate",i.rewindListener_),i.debug('created, listening to "'+i.startEvent_+'" for "start" and "'+(i.endEvent_\|\|"nothing")+'" for "end"'),i.hide(),i}s=r,(i=d).prototype=Object.create(s.prototype),i.prototype.constructor=i,i.__proto__=s;var l=d.prototype;return l.createEl=function(){var t=this.options_,n=t.content,r=t.showBackground?"vjs-overlay-background":"vjs-overlay-no-background",i=o.createEl("div",{className:"\n vjs-overlay\n vjs-overlay-"+t.align+"\n "+t.class+"\n "+r+"\n vjs-hidden\n "});return"string"==typeof n?i.innerHTML=n:n instanceof e.DocumentFragment?i.appendChild(n):o.appendContent(i,n),i},l.debug=function(){if(this.options_.debug){for(var e=t.log,n=e,r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];e.hasOwnProperty(i[0])&&"function"==typeof e[i[0]]&&(n=e[i.shift()]),n.apply(void 0,["overlay#"+this.id()+": "].concat(i))}},l.hide=function(){return r.prototype.hide.call(this),this.debug("hidden"),this.debug('bound `startListener_` to "'+this.startEvent_+'"'),this.endEvent_&&(this.debug('unbound `endListener_` from "'+this.endEvent_+'"'),this.off(this.player(),this.endEvent_,this.endListener_)),this.on(this.player(),this.startEvent_,this.startListener_),this},l.shouldHide_=function(t,e){var n=this.options_.end;return a(n)?t>=n:n===e},l.show=function(){return r.prototype.show.call(this),this.off(this.player(),this.startEvent_,this.startListener_),this.debug("shown"),this.debug('unbound `startListener_` from "'+this.startEvent_+'"'),this.endEvent_&&(this.debug('bound `endListener_` to "'+this.endEvent_+'"'),this.on(this.player(),this.endEvent_,this.endListener_)),this},l.shouldShow_=function(t,e){var n=this.options_.start,r=this.options_.end;return a(n)?a(r)?t>=n&&t<r:this.hasShownSinceSeek_?Math.floor(t)===n:(this.hasShownSinceSeek_=!0,t>=n):n===e},l.startListener_=function(t){var e=this.player().currentTime();this.shouldShow_(e,t.type)&&this.show()},l.endListener_=function(t){var e=this.player().currentTime();this.shouldHide_(e,t.type)&&this.hide()},l.rewindListener_=function(t){var e=this.player().currentTime(),n=this.previousTime_,r=this.options_.start,i=this.options_.end;e<n&&(this.debug("rewind detected"),a(i)&&!this.shouldShow_(e)?(this.debug("hiding; "+i+" is an integer and overlay should not show at this time"),this.hasShownSinceSeek_=!1,this.hide()):h(i)&&e<r&&(this.debug("hiding; show point ("+r+") is before now ("+e+") and end point ("+i+") is an event"),this.hasShownSinceSeek_=!1,this.hide())),this.previousTime_=e},d}(i);t.registerComponent("Overlay",d);var l=function(e){var n=this,i=t.mergeOptions(r,e);Array.isArray(this.overlays_)&&this.overlays_.forEach(function(t){n.removeChild(t),n.controlBar&&n.controlBar.removeChild(t),t.dispose()});var o=i.overlays;delete i.overlays,this.overlays_=o.map(function(e){var r=t.mergeOptions(i,e),o="string"==typeof r.attachToControlBar\|\|!0===r.attachToControlBar;if(!n.controls()\|\|!n.controlBar)return n.addChild("overlay",r);if(o&&-1!==r.align.indexOf("bottom")){var s=n.controlBar.children()[0];if(void 0!==n.controlBar.getChild(r.attachToControlBar)&&(s=n.controlBar.getChild(r.attachToControlBar)),s){var a=n.controlBar.addChild("overlay",r);return n.controlBar.el().insertBefore(a.el(),s.el()),a}}var h=n.addChild("overlay",r);return n.el().insertBefore(h.el(),n.controlBar.el()),h})};return l.VERSION="2.1.4",s("overlay",l),l});
		`@ -0,0 +1,2 @@`
							`/* videojs-hotkeys v0.2.25 - https://github.com/ctd1500/videojs-hotkeys */`
							!function(e,n){"undefined"!=typeof window&&window.videojs?n(window.videojs):"function"==typeof define&&define.amd?define("videojs-hotkeys",["video.js"],function(e){return n(e.default\|\|e)}):"undefined"!=typeof module&&module.exports&&(module.exports=n(require("video.js")))}(0,function(e){"use strict";"undefined"!=typeof window&&(window.videojs_hotkeys={version:"0.2.25"});(e.registerPlugin\|\|e.plugin)("hotkeys",function(n){function t(e){return"function"==typeof s?s(e):s}function r(e){null!=e&&"function"==typeof e.then&&e.then(null,function(e){})}var o=this,u=o.el(),l=document,i={volumeStep:.1,seekStep:5,enableMute:!0,enableVolumeScroll:!0,enableHoverScroll:!1,enableFullscreen:!0,enableNumbers:!0,enableJogStyle:!1,alwaysCaptureHotkeys:!1,enableModifiersForNumbers:!0,enableInactiveFocus:!0,skipInitialFocus:!1,playPauseKey:function(e){return 32===e.which\|\|179===e.which},rewindKey:function(e){return 37===e.which\|\|177===e.which},forwardKey:function(e){return 39===e.which\|\|176===e.which},volumeUpKey:function(e){return 38===e.which},volumeDownKey:function(e){return 40===e.which},muteKey:function(e){return 77===e.which},fullscreenKey:function(e){return 70===e.which},customKeys:{}},c=e.mergeOptions\|\|e.util.mergeOptions,a=(n=c(i,n\|\|{})).volumeStep,s=n.seekStep,m=n.enableMute,f=n.enableVolumeScroll,y=n.enableHoverScroll,v=n.enableFullscreen,d=n.enableNumbers,p=n.enableJogStyle,b=n.alwaysCaptureHotkeys,h=n.enableModifiersForNumbers,w=n.enableInactiveFocus,k=n.skipInitialFocus,S=e.VERSION;u.hasAttribute("tabIndex")\|\|u.setAttribute("tabIndex","-1"),u.style.outline="none",!b&&o.autoplay()\|\|k\|\|o.one("play",function(){u.focus()}),w&&o.on("userinactive",function(){var e=function(){clearTimeout(n)},n=setTimeout(function(){o.off("useractive",e);var n=l.activeElement,t=u.querySelector(".vjs-control-bar");n&&n.parentElement==t&&u.focus()},10);o.one("useractive",e)}),o.on("play",function(){var e=u.querySelector(".iframeblocker");e&&""===e.style.display&&(e.style.display="block",e.style.bottom="39px")});var K=!1,q=u.querySelector(".vjs-volume-menu-button")\|\|u.querySelector(".vjs-volume-panel");null!=q&&(q.onmouseover=function(){K=!0},q.onmouseout=function(){K=!1});var j=function(e){if(y)n=0;else var n=l.activeElement;if(o.controls()&&(b\|\|n==u\|\|n==u.querySelector(".vjs-tech")\|\|n==u.querySelector(".iframeblocker")\|\|n==u.querySelector(".vjs-control-bar")\|\|K)&&f){e=window.event\|\|e;var t=Math.max(-1,Math.min(1,e.wheelDelta\|\|-e.detail));e.preventDefault(),1==t?o.volume(o.volume()+a):-1==t&&o.volume(o.volume()-a)}},F=function(e,t){return n.playPauseKey(e,t)?1:n.rewindKey(e,t)?2:n.forwardKey(e,t)?3:n.volumeUpKey(e,t)?4:n.volumeDownKey(e,t)?5:n.muteKey(e,t)?6:n.fullscreenKey(e,t)?7:void 0};return o.on("keydown",function(e){var i,c,s=e.which,f=e.preventDefault,y=o.duration();if(o.controls()){var w=l.activeElement;if(b\|\|w==u\|\|w==u.querySelector(".vjs-tech")\|\|w==u.querySelector(".vjs-control-bar")\|\|w==u.querySelector(".iframeblocker"))switch(F(e,o)){case 1:f(),b&&e.stopPropagation(),o.paused()?r(o.play()):o.pause();break;case 2:i=!o.paused(),f(),i&&o.pause(),(c=o.currentTime()-t(e))<=0&&(c=0),o.currentTime(c),i&&r(o.play());break;case 3:i=!o.paused(),f(),i&&o.pause(),(c=o.currentTime()+t(e))>=y&&(c=i?y-.001:y),o.currentTime(c),i&&r(o.play());break;case 5:f(),p?(c=o.currentTime()-1,o.currentTime()<=1&&(c=0),o.currentTime(c)):o.volume(o.volume()-a);break;case 4:f(),p?((c=o.currentTime()+1)>=y&&(c=y),o.currentTime(c)):o.volume(o.volume()+a);break;case 6:m&&o.muted(!o.muted());break;case 7:v&&(o.isFullscreen()?o.exitFullscreen():o.requestFullscreen());break;default:if((s>47&&s<59\|\|s>95&&s<106)&&(h\|\|!(e.metaKey\|\|e.ctrlKey\|\|e.altKey))&&d){var k=48;s>95&&(k=96);var S=s-k;f(),o.currentTime(o.duration()S.1)}for(var K in n.customKeys){var q=n.customKeys[K];q&&q.key&&q.handler&&q.key(e)&&(f(),q.handler(o,n,e))}}}}),o.on("dblclick",function(e){if(null!=S&&S<="7.1.0"&&o.controls()){var n=e.relatedTarget\|\|e.toElement\|\|l.activeElement;n!=u&&n!=u.querySelector(".vjs-tech")&&n!=u.querySelector(".iframeblocker")\|\|v&&(o.isFullscreen()?o.exitFullscreen():o.requestFullscreen())}}),o.on("mousewheel",j),o.on("DOMMouseScroll",j),this})});
		`@ -1 +0,0 @@`
			`The Helm chart has moved to a dedicated GitHub repository: https://github.com/iv-org/invidious-helm-chart/tree/master/invidious`