Publish 2024-10-22

Author: alexanderby

elements/mobile-side.js

@@ -116,7 +116,7 @@ section {
 .mob {
     align-items: center;
     background-color: var(--color-bg);
-    border-radius: 1rem;
+    border-radius: 2rem;
     gap: 1rem;
     margin-top: 1rem;
     padding-bottom: 1.5rem;
@@ -281,8 +281,8 @@ section {
     background-image: url(/images/night-reading.jpg);
     background-position: center;
     background-size: cover;
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
+    border-top-left-radius: 2rem;
+    border-top-right-radius: 2rem;
     height: 16rem;
     /* mix-blend-mode: lighten; */
     position: relative;

elements/stats.js

@@ -1,7 +1,7 @@
 // @ts-check
 import {country, isPCountry} from './locales.js';
 
-const ERROR_HANDLING_ENABLED = false;
+const ERROR_HANDLING_ENABLED = true;
 
 /** @type {WeakSet<Element>} */
 const handledElements = new WeakSet();

styles/help-topic.css

@@ -413,3 +413,44 @@ html:not([data-p="p"]) .v2-banner-mobile {
 html:not([data-p="p"]) .v2-help-banners {
     grid: "large" auto "right" auto / auto;
 }
+
+/* V2.1 */
+
+.v2-banner-mobile,
+.v2-banner-pie {
+    display: none;
+}
+
+.v2-help-banners {
+    grid: "large" auto / auto;
+    margin-bottom: 0;
+}
+
+html[data-p="p"] .page-grid-inside {
+    --color-bg: #1f2342;
+    --color-text: #a3b7ff;
+    background-color: var(--color-bg);
+    border-radius: 2rem;
+    display: flex;
+    margin-top: 1rem;
+}
+
+html[data-p="p"] .page-grid-inside > :not(darkreader-backers-top-short) {
+    display: none;
+}
+
+html[data-p="p"] .page-grid-inside > darkreader-backers-top-short {
+    --color-bg: #653fa0;
+    --pie-gradient: none;
+}
+
+.page-grid-side {
+    margin-top: 0;
+}
+
+@media screen and (max-width: 74rem) {
+    .page-grid-inside {
+        max-width: 100%;
+        width: 100%;
+    }
+}