From 4d88d4133f51a5384b8d84390caf97f1fda59a70 Mon Sep 17 00:00:00 2001
From: "arlemp@selectel.ru" <arlemp@selectel.ru>
Date: Tue, 28 Dec 2021 23:31:56 +0300
Subject: [PATCH] add main-arrow

---
 blocks/events.php     |  4 ++++
 footer.php            |  5 ++++-
 header.php            |  4 ++--
 scripts/main-arrow.js | 26 ++++++++++++++++++++++++++
 single-3.php          |  2 +-
 style.css             | 37 +++++++++++++++++++++++++++++++++++--
 6 files changed, 72 insertions(+), 6 deletions(-)
 create mode 100644 scripts/main-arrow.js

diff --git a/blocks/events.php b/blocks/events.php
index f67923d..187a810 100644
--- a/blocks/events.php
+++ b/blocks/events.php
@@ -40,6 +40,10 @@ if( $posts ):?>
 
 	</div>
 
+	<center class="left_center_block">
+        <a href="https://vetandlife.ru/category/vystavki-i-konferenitsii/" class="left_button" target="_blank">Все мероприятия</a>
+		</center>
+
     <?wp_reset_postdata();
 
 endif;
diff --git a/footer.php b/footer.php
index fd5028a..e1a3acc 100644
--- a/footer.php
+++ b/footer.php
@@ -108,7 +108,7 @@
   </div><!-- end main -->
 
 
-  <footer>  
+  <footer id="footer">  
 
 <?if (LANG_VERSION == 'ru'):?> 
 
@@ -226,6 +226,9 @@
 <!-- /Yandex.Metrika counter -->
 
 <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=19"></script>
+<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/main-arrow.js?ver=1"></script>
+
+
 </body>
 </html>
 
diff --git a/header.php b/header.php
index be59d47..15c87be 100644
--- a/header.php
+++ b/header.php
@@ -4,7 +4,7 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
-        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=135">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=137">
         <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script>
@@ -62,4 +62,4 @@
             <?endif?>    
              <!--<div>Главное</div>-->       
         </div>
-            
+
diff --git a/scripts/main-arrow.js b/scripts/main-arrow.js
new file mode 100644
index 0000000..3eefcf0
--- /dev/null
+++ b/scripts/main-arrow.js
@@ -0,0 +1,26 @@
+var windw = this;
+var wrapper = document.getElementById('main');
+var sticky = document.getElementById('main');
+
+$.fn.followTo = function ( ) {
+    var $this = this,
+        $window = $(windw);
+
+    var pos = wrapper.scrollHeight;    
+    
+    $window.scroll(function(e){
+        if ($window.scrollTop() >= wrapper.scrollHeight - 130) {
+            $this.css({
+                position: 'absolute',
+                top: pos
+            });
+        } else {
+            $this.css({
+                position: 'fixed',
+                top: ''
+            });
+        }
+    });
+};
+
+$('#main-arrow').followTo();
diff --git a/single-3.php b/single-3.php
index 4554cdf..0b85a50 100644
--- a/single-3.php
+++ b/single-3.php
@@ -79,7 +79,7 @@ get_header();?>
 
 <?for ($i = 1; $i <= $endpolosa; $i++) {?>
     <?if (isset($pitems[$i])):?>
-        <h2 class="part_title">Полоса <?=$i?></h2>
+        <!--<h2 class="part_title">Полоса <?=$i?></h2>-->
         <?foreach($pitems[$i] as $item):?> 
             <?$category = get_the_category($item->ID);
             $category_id = $category[0]->term_id;
diff --git a/style.css b/style.css
index 8b80eb8..f755e9b 100644
--- a/style.css
+++ b/style.css
@@ -116,15 +116,17 @@ a{
   }
 
   #vert-title{
-    width: 48px;
+    min-width: 50px;
     background: #F2F2F2;
-    
   }
 
   #main-arrow{
+    position: fixed;
     background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat; 
     width: 51px;
     height: 130px;
+    padding: 0;
+    
   }
 
   #mainlogo{
@@ -447,6 +449,32 @@ a{
     padding-right: 22px;
   }
 
+  .left_button{
+
+    background: white;
+    border-radius: 55px;
+    border: 1px solid black;
+    color: black;
+    vertical-align: middle;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
+    height: 45px;
+    padding-left: 22px;
+    padding-right: 22px;
+
+  }
+
+  .left_center_block{ 
+    margin-top: 8px;
+    margin-bottom: 28px;
+  }
+
   .vazh{
     font-size: 9px;
     text-transform: uppercase;
@@ -480,6 +508,11 @@ a{
     width: 50%;
   }
 
+  #footer{
+    position:relative;
+    z-index:101;
+  }
+
   #footer_2{
     display: flex;
     justify-content: center;