replace top banner with a message about the cpan mirror outage

Author: haarg

root/base.tx

@@ -22,7 +22,6 @@
         <link rel="shortcut icon" href="/static/icons/favicon.ico">
         <link rel="apple-touch-icon" sizes="152x152" href="/static/icons/apple-touch-icon.png">
         <link rel="search" href="/static/opensearch.xml" type="application/opensearchdescription+xml" title="MetaCPAN">
-        <script async src="https://perl-ads.perlhacks.com/perl-ads.js"></script>
         <script async src="https://www.googletagmanager.com/gtag/js?id=G-6B2JCQSHJE"></script>
         %%  block opengraph -> { }
     </head>
@@ -118,7 +117,13 @@
             </ul>
         </nav>
         <div class="page-content [% block page_content_class -> { } %]">
-          <div id="perl-ad-target" class="top-notify-banner perl-ad-target">
+          <div class="top-notify-banner alert-banner">
+            <p>
+              <i class="fa-solid fa-triangle-exclamation"></i>
+              There is an ongoing outage on the primary CPAN mirror. It is
+              possible to work around the issue by <a href="/about/mirror">using
+              MetaCPAN as a mirror</a>.
+            </p>
           </div>
           <nav class="sidebar">
             %%  block left_nav -> {

root/static/less/nav.less

@@ -28,6 +28,14 @@
         color: #c0d2e4;
         text-decoration: underline;
     }
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+
+    &.alert-banner {
+        background-color: #c00;
+    }
 }
 
 .navbar {