feat: add note about mobile whitelists

website/static/main.css

@@ -256,7 +256,7 @@ h1.error-code {
 }
 .blocked-theme h2, .blocked-theme .status-icon, .blocked-theme .subheading { color: var(--red-color); }
 .blocked-theme .reason-header { border-bottom: 1px solid var(--red-border); color: #f87171; }
-.blocked-theme .alert-box {
+.blocked-theme .alert-box, .warning-note {
     border: 1px solid var(--red-border);
     background: var(--red-bg-subtle);
     color: #f87171;
@@ -790,3 +790,14 @@ h1.error-code {
         align-items: flex-end;
     }
 }
+
+.warning-note {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 1rem;
+    font-size: 1.25rem;
+}
+.warning-note a {
+    color: inherit;
+}

website/templates/pages/whitelist.html.tera

@@ -13,6 +13,12 @@
 
 {% block page_text %}
     <h1>Белые списки доменов</h1>
+    <p class="warning-note">
+        <i data-lucide="triangle-alert" width="32" height="32"></i>
+        <span>
+            Не путать с <a href="https://habr.com/ru/news/1000784/">белыми списками <i>мобильного</i> интернета</a>!
+        </span>
+    </p>
     <p>
         Российские операторы связи начали применять новый тип блокировок CDN,
         при котором загрузка контента обрывается после передачи примерно 16–20 килобайт данных,