Improve video wording, add invidious, svgs (#392)

Co-authored-by: Daniel Nathan Gray <dng@disroot.org>

_data/software/video-streaming-clients/1_freetube.yml

@@ -0,0 +1,22 @@
+title: FreeTube
+type: Recommendation
+logo: /assets/img/video-streaming/freetube.svg
+description: |
+  <strong>FreeTube</strong> is a free and open source desktop application for <a href="https://youtube.com">YouTube</a>. When using FreeTube, your subscription list and playlists are saved locally on your device.
+
+  FreeTube also features <a href="https://sponsor.ajay.app">SponsorBlock</a> to help you skip sponsored advertisements. All YouTube advertisements are also blocked by default.
+
+  <h4>Notes</h4>
+  When using Freetube, your IP address is still known to YouTube, <a href="https://instances.invidious.io">Invidious</a> and the SponsorBlock instances that you use. Consider using a <a href='/providers/vpn'>VPN</a> or <a href="https://www.torproject.org">Tor</a> if your <a href="/threat-modeling">threat model</a> requires hiding your IP address.
+
+website: 'https://freetubeapp.io'
+privacy_policy: 'https://freetubeapp.io/privacy.php'
+downloads:
+  - icon: fab fa-windows
+    url: 'https://freetubeapp.io/#download'
+  - icon: fab fa-apple
+    url: 'https://freetubeapp.io/#download'
+  - icon: fab fa-linux
+    url: 'https://freetubeapp.io/#download'
+  - icon: fab fa-github
+    url: 'https://github.com/FreeTubeApp/FreeTube/issues'

_data/software/video-streaming-clients/2_lbry.yml

@@ -0,0 +1,28 @@
+title: LBRY
+type: Recommendation
+logo: /assets/img/video-streaming/lbry.svg
+description: |
+  <strong>The LBRY network</strong> is a decentralized video sharing network. It uses a <a href="https://wikipedia.org/wiki/BitTorrent">BitTorrent</a>-like network to store the video content, and a <a href="https://wikipedia.org/wiki/Blockchain">blockchain</a> to store the indexes for those videos. The main benefit of this design is censorship resistance.
+
+  <strong>The LBRY desktop client</strong> helps you stream videos from the LBRY network, and stores your subscription list in your own LBRY wallet.
+
+  <h4>Notes</h4>
+  We recommend <strong>against</strong> synchronizing your wallet with LBRY Inc., as synchronizing encrypted wallets is not supported yet. If you synchronize your wallet with LBRY Inc., you have to trust them to not look at your subscription list, <a href="https://lbry.com/faq/earn-credits">LBC</a> funds, or take control of your channel.
+
+  Only the <strong>LBRY desktop client</strong> is recommended. The <a href="https://odysee.com">Odysee</a> website and the LBRY clients in F-Droid, Play Store and the AppStore have mandatory synchronization and telemetry.
+
+  While watching and hosting videos, your IP address is visible to the LBRY network. Consider using a <a href='/providers/vpn'>VPN</a> or <a href="https://www.torproject.org">Tor</a> if your <a href="/threat-modeling">threat model</a> requires hiding your IP address.
+
+  You can also disable <em>Save hosting data to help the LBRY network</em> option (⚙️ Settings → Advanced Settings) to avoid exposing your IP address and watched videos when using LBRY for a prolonged period of time.
+
+website: 'https://lbry.com/'
+privacy_policy: 'https://lbry.com/privacypolicy'
+downloads:
+  - icon: fab fa-windows
+    url: 'https://lbry.com/get'
+  - icon: fab fa-apple
+    url: 'https://lbry.com/osx'
+  - icon: fab fa-linux
+    url: 'https://lbry.com/linux'
+  - icon: fab fa-github
+    url: 'https://github.com/lbryio'

_data/software/video-streaming-clients/3_newpipe.yml

@@ -0,0 +1,16 @@
+title: NewPipe
+type: Recommendation
+logo: /assets/img/video-streaming/newpipe.svg
+description: |
+  <strong>NewPipe</strong> is a free and open source Android application for <a href="https://youtube.com">YouTube</a>, <a href="https://soundcloud.com">SoundCloud</a>, <a href="https://media.ccc.de">media.ccc.de</a>, <a href="https://framatube.org">FramaTube</a> and <a href="https://bandcamp.com">Bandcamp</a>.
+  Your subscription list and playlists are saved locally on your Android device.
+
+  <h4>Notes</h4>
+  NewPipe is available on the main <a href="https://www.f-droid.org">F-Droid</a>'s repository. We recommend that you use the NewPipe's own <a href="https://newpipe.net/FAQ/tutorials/install-add-fdroid-repo">F-Droid repository</a> instead to get faster updates. Sometimes YouTube changes their website and the official repository has new updates sooner.
+website: 'https://newpipe.net'
+privacy_policy: 'https://newpipe.net/legal/privacy'
+downloads:
+  - icon: fab fa-android
+    url: 'https://newpipe.net/FAQ/tutorials/install-add-fdroid-repo'
+  - icon: fab fa-github
+    url: 'https://github.com/TeamNewPipe/NewPipe'

_data/software/video-streaming-front-ends/1_invidious.yml

@@ -0,0 +1,19 @@
+title: Invidious
+type: Recommendation
+logo: /assets/img/video-streaming/invidious.svg
+description: |
+  <strong>Invidious</strong> is a free and open source front end for YouTube that is also self-hostable. There are list of <a href="https://instances.invidious.io">public instances</a>. Some instances have <a href="https://www.torproject.org">Tor</a> onion services support.
+
+  <h4>Notes</h4>
+  Invidious does not proxy the video stream through its server by default. Videos watched through Invidious will still make direct connections to Google's servers (googlevideo.com), however, some instances support video proxying. This can be enabled by adding <code>&local=true</code> to the URL.
+
+  When self-hosting, it is important that you have other people using your instance as well in order for you to blend in. You should be careful with where and how you are hosting Invidious, as other peoples' usage will be linked to hosting.
+
+  When you are using an Invidious instance, be sure to go read the Privacy Policy of that specific instance. Invidious instances can be modified by their owners and therefore may not reflect their associated privacy policy. Some instances have Tor .onion addresses which may grant some privacy as long as your search queries don't contain PII (Personally Identifiable Information).
+
+website: 'https://invidious.io'
+downloads:
+  - icon: fas fa-globe-americas
+    url: 'https://instances.invidious.io'
+  - icon: fab fa-github
+    url: 'https://github.com/iv-org/invidious'

_data/software/video-streaming/1_freetube.yml

@@ -1,21 +0,0 @@
-title: FreeTube
-type: Recommendation
-logo: /assets/img/video-streaming/freetube.png
-description: |
-  <strong>FreeTube</strong> is a free and open source desktop application for <a href="https://youtube.com">YouTube</a>. Your subscription list and playlists are saved locally on your device.
-
-  FreeTube features <a href="https://sponsor.ajay.app">SponsorBlock</a> to help you skip sponsored advertisement, and all Youtube advertisements are blocked by default as well.
-
-  <h4>Notes</h4>
-  Your IP address is visible to YouTube, <a href="https://instances.invidious.io">Invidious</a> and SponsorBlock instances that you use. Consider using a <a href='/providers/vpn/'>VPN</a> depending on <a href="/threat-modeling/">threat model.
-website: 'https://freetubeapp.io/'
-privacy_policy: 'https://freetubeapp.io/privacy.php'
-downloads:
-  - icon: fab fa-windows
-    url: 'https://freetubeapp.io/#download'
-  - icon: fab fa-apple
-    url: 'https://freetubeapp.io/#download'
-  - icon: fab fa-linux
-    url: 'https://freetubeapp.io/#download'
-  - icon: fab fa-github
-    url: 'https://github.com/FreeTubeApp/FreeTube/issues'

_data/software/video-streaming/2_lbry.yml

@@ -1,26 +0,0 @@
-title: LBRY
-type: Recommendation
-logo: /assets/img/video-streaming/lbry.svg
-description: |
-  <strong>The LBRY network</strong> is a decentralized video sharing network. It uses a <a href="https://en.wikipedia.org/wiki/Torrent">Torrent</a> like network to store the video content, and a <a href="https://en.wikipedia.org/wiki/Blockchain">blockchain</a> to store the indexes for those videos. The main advantage of such design is it's censorship resistance.
-
-  <strong>The LBRY desktop client</strong> helps you stream videos from the LBRY network, and stores your subscription list in your own LBRY wallet.
-
-  <h4>Notes</h4>
-  We recommend <strong>against</strong> synchronizing your wallet with LBRY Inc. at the moment, as synchronizing encrypted wallets is not supported yet. If you synchronize your wallet with LBRY Inc., you have to trust them to not look at your subscription list, <a href="https://lbry.com/faq/earn-credits">LBC</a> funds, or take control of your channel.
-
-  Only the <strong>LBRY desktop client</strong> is recommended. <a href="https://odysee.com/">Odysee</a> and the F-Droid, Play Store, IOS clients have mandatory synchronization and telemetry.
-
-  While watching and hosting videos, your IP address is visible to the LBRY network. Consider using a <a href='/providers/vpn/'>VPN</a> depending on your <a href="/threat-modeling/">threat model</a>. You could also disable <em>Save hosting data to help the LBRY network</em> option (⚙️ Settings → Advanced Settings) to avoid exposing your IP and watched videos for a prolonged period of time.
-
-website: 'https://lbry.com/'
-privacy_policy: 'https://lbry.com/privacypolicy'
-downloads:
-  - icon: fab fa-windows
-    url: 'https://lbry.com/get'
-  - icon: fab fa-apple
-    url: 'https://lbry.com/osx'
-  - icon: fab fa-linux
-    url: 'https://lbry.com/linux'
-  - icon: fab fa-github
-    url: 'https://github.com/lbryio'

_data/software/video-streaming/3_newpipe.yml

@@ -1,16 +0,0 @@
-title: NewPipe
-type: Recommendation
-logo: /assets/img/video-streaming/newpipe.svg
-description: |
-  <strong>NewPipe</strong> is a free and open source Android application for <a href="https://youtube.com">YouTube</a>, <a href="https://soundcloud.com/">SoundCloud</a>, <a href="https://media.ccc.de">media.ccc.de</a>, <a href="https://framatube.org/">FramaTube</a>, <a href="https://bandcamp.com/">Bandcamp</a>.
-  All of your subscription list and playlists are saved locally on your Android device.
-
-  <h4>Notes</h4>
-  While NewPipe is available on <a href="https://www.f-droid.org/">F-Droid</a>'s main repository, we recommend that you use the NewPipe project's <a href="https://newpipe.net/FAQ/tutorials/install-add-fdroid-repo/">own F-Droid repository</a> instead to get faster updates and avoid breakages due to changes in Youtube's API.
-website: 'https://newpipe.net/'
-privacy_policy: 'https://newpipe.net/legal/privacy/'
-downloads:
-  - icon: fab fa-android
-    url: 'https://newpipe.net/FAQ/tutorials/install-add-fdroid-repo/'
-  - icon: fab fa-github
-    url: 'https://github.com/TeamNewPipe/NewPipe/'

assets/img/video-streaming/freetube.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="128" height="128" version="1.1" viewBox="0 0 33.867 33.867" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.82602 0 0 .82602 -9.9122 -9.9122)"><path d="m14.75 13c-1.5235 0-2.75 1.2746-2.75 2.8574v30c0 4.2857 5.5 7.1426 8.25 7.1426h2.75v-37.143c0-1.5829-1.2265-2.8574-2.75-2.8574zm14.092 0c-1.5745 0-2.8418 1.2265-2.8418 2.75v5.5c0 1.5235 1.2673 2.75 2.8418 2.75h17.053c4.2632 0 7.1055-5.5 7.1055-8.25v-2.75h-7.1055zm-1.5215 14a1.2913 1.1415 0 0 0-1.3203 1.1426v14.719a1.2913 1.1415 0 0 0 1.9355 0.98633l7.2109-3.6797 7.209-3.6797a1.2913 1.1415 0 0 0 0-1.9766l-7.209-3.6777-7.2109-3.6797a1.2913 1.1415 0 0 0-0.61524-0.1543z" opacity=".1"/><path d="m14.75 12c-1.5235 0-2.75 1.2743-2.75 2.8571v30c0 4.2857 5.5 7.1429 8.25 7.1429h2.75v-37.143c0-1.5829-1.2265-2.8571-2.75-2.8571z" fill="#f04242"/><path d="m26 20.25c0 1.5235 1.2676 2.75 2.8421 2.75h17.053c4.2632 0 7.1053-5.5 7.1053-8.25v-2.75h-24.158c-1.5745 0-2.8421 1.2265-2.8421 2.75z" fill="#f04242"/><path d="m27.321 26a1.2913 1.1415 0 0 0-1.3213 1.1426v14.718a1.2913 1.1415 0 0 0 1.9361 0.98692l14.419-7.3588a1.2913 1.1415 0 0 0 0-1.9762l-14.419-7.3588a1.2913 1.1415 0 0 0-0.61487-0.15331z" fill="#14a4df"/></g></svg>

assets/img/video-streaming/invidious-dark.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="128" height="128" version="1.1" viewBox="0 0 33.867 33.867" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-88.067 -131.57)"><g transform="matrix(.99106 0 0 .99106 114.73 53.477)" paint-order="fill markers stroke"><circle cx="-9.822" cy="95.88" r="16.557" fill="none" stroke="#ddd" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.058"/><path d="m-10.713 89.306-0.743 2.64 6.893 13.75h2.034zm-0.743 2.64-3.976 13.423 0.508 0.15 4.49-15.177zm-4.933 13.228v0.53h2.813v-0.53z" color="#000000" fill="#ddd" font-family="sans-serif" font-weight="400" overflow="visible" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/><circle cx="-10.763" cy="87.186" r="1.105" fill="#00b6f0"/></g></g></svg>

assets/img/video-streaming/invidious.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="128" height="128" version="1.1" viewBox="0 0 33.867 33.867" xmlns="http://www.w3.org/2000/svg"><g transform="translate(.56308 -116.34)"><g transform="matrix(.99106 0 0 .99106 26.104 38.247)" paint-order="fill markers stroke"><circle cx="-9.822" cy="95.88" r="16.557" fill="none" stroke="#212121" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.058"/><path d="m-10.713 89.306-0.743 2.64 6.893 13.75h2.034zm-0.743 2.64-3.976 13.423 0.508 0.15 4.49-15.177zm-4.933 13.228v0.53h2.813v-0.53z" color="#000000" fill="#212121" font-family="sans-serif" font-weight="400" overflow="visible" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/><circle cx="-10.763" cy="87.186" r="1.105" fill="#00b6f0"/></g></g></svg>

assets/img/video-streaming/lbry.svg

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><g transform="scale(4)" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#006149"/><path d="m24.176 17.184-0.797-0.199 0.242-0.97 2.485 0.621-0.62 2.485-0.971-0.242 0.215-0.862-8.872 5.493-9.839-4.916v-3.752l10.224-6.394 9.375 4.573v1.544l-9.759 6.063-7.247-3.593 0.444-0.896 6.749 3.346 8.813-5.476v-0.363l-8.315-4.056-9.283 5.806v2.58l8.787 4.39z" fill="#fff" fill-rule="nonzero"/></g></svg>
+<svg width="128" height="128" version="1.1" viewBox="0 0 33.867 33.867" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.0583)" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#006149"/><path d="m24.176 17.184-0.797-0.199 0.242-0.97 2.485 0.621-0.62 2.485-0.971-0.242 0.215-0.862-8.872 5.493-9.839-4.916v-3.752l10.224-6.394 9.375 4.573v1.544l-9.759 6.063-7.247-3.593 0.444-0.896 6.749 3.346 8.813-5.476v-0.363l-8.315-4.056-9.283 5.806v2.58l8.787 4.39z" fill="#fff" fill-rule="nonzero"/></g></svg>

assets/img/video-streaming/newpipe.svg

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="120.74" height="128" version="1.1" viewBox="0 0 113.19 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter id="filter4433" x="-.095961" y="-.081143" width="1.1919" height="1.1961" color-interpolation-filters="sRGB"><feFlood flood-color="rgb(0,0,0)" flood-opacity=".2" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="4"/><feOffset dx="0" dy="4" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter><radialGradient id="radialGradient4453" cx=".56012" cy=".35701" r="88" gradientTransform="matrix(.00071396 1.1648 -1.1771 .0007215 5.4098 5.8316)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".1" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient></defs><g><circle cx="52.278" cy="62.158" r="0" fill="#ff5252"/><circle transform="matrix(.53957 0 0 .53957 4.7963 6.0432)" cx="96" cy="96" r="88" fill="#ff7575" filter="url(#filter4433)"/><path transform="matrix(.53957 0 0 .53957 4.7963 6.0432)" d="m184 96a88 88 0 0 1-87.877 88 88 88 0 0 1-88.123-87.754" fill="#cc4242" filter="url(#filter4433)"/><ellipse transform="matrix(.53957 0 0 .53957 4.7963 6.0432)" cx="96" cy="96" rx="88" ry="87" fill="#cd201f" filter="url(#filter4433)"/><circle cx="56.596" cy="57.854" r="47.482" fill="url(#radialGradient4453)" fill-rule="evenodd"/><path transform="matrix(.53957 0 0 .53957 4.7963 6.0432)" d="m62.038 154.85 17.847-11.376 0.3733-75.406 45.925 27.267-33.233 19.163v21.928l69.034-41.091-100.04-58.795z" fill="#fff" fill-rule="evenodd" filter="url(#filter4433)"/></g></svg>
+<svg width="128" height="128" version="1.1" viewBox="0 0 33.867 33.867" xmlns="http://www.w3.org/2000/svg"><defs><filter id="filter4433" x="-.095962" y="-.10909" width="1.1919" height="1.2636" color-interpolation-filters="sRGB"><feFlood flood-color="rgb(0,0,0)" flood-opacity=".2" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="4"/><feOffset dx="0" dy="4" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter><radialGradient id="radialGradient4453" cx=".56012" cy=".35701" r="88" gradientTransform="matrix(.0002015 .32873 -.3322 .00020362 2.4877 1.6458)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".1" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient></defs><circle cx="15.715" cy="17.542" r="0" fill="#ff5252" stroke-width=".28222"/><circle transform="matrix(.15228 0 0 .15228 2.3146 1.7055)" cx="96" cy="96" r="88" fill="#ff7575" filter="url(#filter4433)"/><path transform="matrix(.15228 0 0 .15228 2.3146 1.7055)" d="M 184,96 A 88,88 0 0 1 96.123,184 88,88 0 0 1 8,96.246" fill="#cc4242" filter="url(#filter4433)"/><ellipse transform="matrix(.15228 0 0 .15228 2.3146 1.7055)" cx="96" cy="96" rx="88" ry="87" fill="#cd201f" filter="url(#filter4433)"/><circle cx="16.934" cy="16.328" r="13.4" fill="url(#radialGradient4453)" fill-rule="evenodd" stroke-width=".28222"/><path transform="matrix(.15228 0 0 .15228 2.3146 1.7055)" d="m62.038 154.85 17.847-11.376 0.3733-75.406 45.925 27.267-33.233 19.163v21.928l69.034-41.091-100.04-58.795z" fill="#fff" fill-rule="evenodd" filter="url(#filter4433)"/></svg>

collections/_evergreen/video-streaming.html

@@ -1,10 +1,24 @@
 ---
 layout: evergreen
 title: Video Streaming
-description: "The primary threat when using a video streaming platform is that your streaming habits and subscription lists could be used to profile you. You should combine these tools with a <a href='/providers/vpn/'>VPN</a> to make it much harder to profile you."
+description: "The primary threat when using a video streaming platform is that your streaming habits and subscription lists could be used to profile you. You should combine these tools with a <a href='/providers/vpn/'>VPN</a> or <a href='https://www.torproject.org/'>Tor</a> to make it harder to profile your usage."
 ---
 
-{% for item_hash in site.data.software.video-streaming %}
+<h2>Clients</h2>
+
+{% for item_hash in site.data.software.video-streaming-clients %}
+{% assign item = item_hash[1] %}
+
+{% if item.type == "Recommendation" %}
+{% include recommendation-card.html %}
+{% endif %}
+
+{% endfor %}
+
+<h2>Web based front ends</h2>
+<p>The recommended frontend below is useful if you want to disable JavaScript in your browser. It does not provide privacy by itself and we don't recommend logging into any accounts. It can be used with a <a href='/providers/vpn/'>VPN</a> or <a href='https://www.torproject.org/'>Tor</a>.</p>
+
+{% for item_hash in site.data.software.video-streaming-front-ends %}
 {% assign item = item_hash[1] %}
 
 {% if item.type == "Recommendation" %}