Merge pull request #388 from Stypox/2025-02-16-newpipe-0.27.6-rewrite-team-states

Add 2025-02-16-newpipe-0.27.6-rewrite-team-states blogpost

Author: Stypox

_includes/release_data.html

@@ -10,15 +10,14 @@
 }}
 {%- capture releaseChangelog -%}
 <ul>
-    <li>Support reading comment replies</li>
-    <li>Added playlist descriptions</li>
-    <li>Re-order custom playlists</li>
-    <li>[YouTube] Fixed comments</li>
-    <li>[YouTube] Fixed access to some streams</li>
-    <li>Multiple player improvements</li>
-    <li>More improvements and fixes</li>
+    <li>[YouTube] Fix not loading any video information, fix HTTP 403 errors while playing videos and restore playback of some age-restricted videos</li>
+    <li>Fix caption sizes not being changed</li>
+    <li>Fix downloading info twice when opening a stream</li>
+    <li>[Soundcloud] Remove unplayable DRM-protected streams</li>
+    <li>Updated translations</li>
 </ul>
 {%- endcapture -%}
 
 {%- capture releasePostUrl -%}
+{{ site.baseurl }}/blog/pinned/announcement/newpipe-0.27.6-rewrite-team-states/
 {%- endcapture -%}

_posts/2025-02-16-newpipe-0.27.6-rewrite-team-states.md

@@ -1076,6 +1076,10 @@ figure figcaption {
     text-align: center;
 }
 
+figure.center {
+    text-align: center;
+}
+
 figure.center img {
     margin-left: auto;
     margin-right: auto;
@@ -1085,10 +1089,40 @@ figure.small img {
     max-width: 100%;
 }
 
+/*
+The "small" class is also provided in Bootstrap and sets the font-size to 85%.
+But here "small" is our tag which means small image, so we undo Bootstrap's change.
+*/
+figure.small {
+    font-size: 100%;
+}
+
+figure.right {
+    text-align: center;
+    margin-top: 2em;
+    margin-bottom: 2em;
+}
+
+figure.right img,
+figure.right video {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: min(100%, 200px);
+}
+
 @media (min-width: 768px) {
     figure.small img {
         max-width: 300px;
     }
+
+    figure.right {
+        float: right;
+        max-width: 200px;
+        margin-top: 0.2em;
+        margin-bottom: 0.2em;
+        margin-left: 2em;
+        margin-right: 1em;
+    }
 }
 
 .post-content p, .post-collection .border-box p {
@@ -1139,3 +1173,40 @@ span.applepipe-voss {
 .fdroid-repo-qr-code {
     width: 250px;
 }
+
+figure.screenshot-list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    justify-content: space-around;
+    gap: 0.5em;
+}
+
+figure.screenshot-list img {
+    width: 230px;
+}
+
+figure.screenshot-list figcaption {
+    width: 100%;
+    text-align: center;
+}
+
+@media (min-width: 768px) {
+    figure.screenshot-list {
+        display: flex;
+    }
+}
+
+/*
+When pointing to a specific place in the page by adding the fragment to the url,
+e.g. #title-here, the navigation bar would be in the way without this fix.
+See https://stackoverflow.com/a/24298427.
+*/
+[id]:target::before {
+    content: '';
+    display: block;
+    height:      85px;
+    margin-top: -85px;
+    visibility: hidden;
+}