Add the EOL banner for 8.0 (#731)

* Add the EOL banner for 8.0

Update main.html

* Update main.html

Author: alina-derkach-oaza

_resourcepdf/overrides/main.html

@@ -2,36 +2,18 @@
 
 {% extends "base.html" %}
 
-{% block announce %}
-<div class="md-banner" style="text-align: center;">
-  Where the open source database community meets:
-  Secure your spot for Percona Live.
-
-  <a
-    class="breakdance-link button-atom button-atom--primary bde-button__button"
-    href="https://perconalive.com/2026-amsterdam/registration/"
-      target="_blank"
-      data-type="url"
-      style="
-        padding: 5px 20px;
-        display: inline-block;
-        margin-left: 10px;
-        background-color: #e65a15;
-        border-radius: 999px;
-        text-decoration: none;
-      "
-    >
-      <span class="button-atom__text" style="font-size: 16px; color: #ffffff;">
-        Register
-      </span>
-    </a>
-  </div>
+{% block outdated %}
+<div><strong>Percona Server for MySQL 8.0 reached end-of-life (EOL) in June 2026.</strong></div>
+<div>
+  Do you need help upgrading to MySQL 8.4? Do you need to stay on MySQL 8.0 a bit longer?
+  We will support you either way.
+  <a href="https://www.percona.com/mysql-8-0-eol-support/"><strong>Learn more</strong></a>
+</div>
 {% endblock %}
 
 {% block scripts %}
 {{ super() }}
 
-
 <script>
   !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
   posthog.init('phc_7unoI9J6Fm0SMrfDp35xNOpCRTkOAibbffQwdGWbHnL',{api_host:'https://eu.posthog.com'})
@@ -40,19 +22,19 @@
 <script src="https://cmp.osano.com/Azqe5vTyLOSbN3OuT/49ad85b5-0418-4794-ab81-7599dddd534c/osano.js"></script>
 
 {% endblock %}
-     
+
 {% block extrahead %}
 {{ super() }}
-                 {% set title = config.site_name %}
-                 {% if page and page.meta and page.meta.title %}
-                 {% set title = title ~ " - " ~ page.meta.title %}
-                 {% elif page and page.title and not page.is_homepage %}
-                 {% set title = title ~ " - " ~ page.title %}
-                 {% endif %}
-                 <meta property="og:type" content="website" />
-                 <meta property="og:title" content="{{ title }}" />
-                 <meta property="og:url" content="https://docs.percona.com/percona-server/8.0/" />
-                 <meta property="og:image" content="https://docs.percona.com/percona-server/8.0/_static/percona-mysql-logo.png" />
+{% set title = config.site_name %}
+{% if page and page.meta and page.meta.title %}
+{% set title = title ~ " - " ~ page.meta.title %}
+{% elif page and page.title and not page.is_homepage %}
+{% set title = title ~ " - " ~ page.title %}
+{% endif %}
+<meta property="og:type" content="website" />
+<meta property="og:title" content="{{ title }}" />
+<meta property="og:url" content="https://docs.percona.com/percona-server/8.0/" />
+<meta property="og:image" content="https://docs.percona.com/percona-server/8.0/_static/percona-mysql-logo.png" />
 {% endblock %}
 
 {% block site_nav %}