added link election page to main almalinux.org page

www/templates/_partial/navbar.html

@@ -3,8 +3,34 @@
 {% load i18n_utils %}
 {% load motd %}
 {% motd as current_motd %}
+<style>
+    .al-body-container{
+        overflow-y: auto;
+        height: 50vh;
+    }
+</style>
 <nav id="al-primary-navbar"
      class="al-primary-navbar navbar sticky-top navbar-expand-lg navbar-dark flex-column {% if current_motd %}with-motd{% endif %}">
+    <div class="sticky-header" style="position: sticky;top: 0;z-index: 1;">
+        <div class="ad-close down"
+             style="float:right;
+             position:absolute;
+             z-index: 1;
+             right: 20px;
+             top: 19px;
+             color: white;
+             text-align: right;
+             cursor:pointer;
+             font-size: 23px;">
+          <i class="fa fa-plus-circle btn-plus" style="display: none;"></i>
+          <i class="fa fa-minus-circle btn-minimize" style="display: inline-block;"></i>
+          <i class="fa fa-times-circle btn-minimize"></i>
+        </div>
+        <a href="https://wiki.almalinux.org/Election2022.html" target="_blank">
+            <img src="{% static 'images/sticky_header.png' %}" width="100%">
+        </a>
+    </div>
+
     <div class="container">
         <a class="navbar-brand" href="{% url 'index' %}">
             <img src="{% static 'images/logo.svg' %}" alt="{% translate 'AlmaLinux OS logo' %}" width="165.93"

www/templates/layouts/base.html

@@ -39,7 +39,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-    
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <style>
         /** Prevent load-blink **/
         body {
@@ -51,7 +51,7 @@
             color: #c4e1ff;
         }
 
-        .RSSFeedbtn{    
+        .RSSFeedbtn{
           float: right;
           margin: 20px 20px 0px 0px;
           width: 180px;
@@ -61,7 +61,7 @@
           color: white;
           border-radius: 5px;
           border: 1px solid #831883;
-          box-shadow: 7px 4px 15px 4px #402442;       
+          box-shadow: 7px 4px 15px 4px #402442;
           background: #831883;
         }
 
@@ -97,6 +97,16 @@
         gtag('config', 'G-1C1KF63NYM');
     </script>
 {% endif %}
+<script
+  src="https://code.jquery.com/jquery-3.6.0.min.js"
+  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
+  crossorigin="anonymous"></script>
+<script>
+    $(".btn-minimize").click(function(){
+        $(this).toggleClass('btn-plus');
+        $(".sticky-header").slideToggle();
+  });
+</script>
 
 </body>
 </html>