From ad117ab08f83f1028a0b1edb914de204478147d8 Mon Sep 17 00:00:00 2001
From: "arlemp@selectel.ru" <arlemp@selectel.ru>
Date: Mon, 22 Nov 2021 22:22:04 +0300
Subject: [PATCH] add mobile archive

---
 blocks/mobile-gazeta.php |  54 ++++++++++++++++++
 footer.php               |   7 +++
 header.php               |   2 +-
 style.css                | 115 ++++++++++++++++++++++++++++++++++++++-
 4 files changed, 175 insertions(+), 3 deletions(-)
 create mode 100644 blocks/mobile-gazeta.php

diff --git a/blocks/mobile-gazeta.php b/blocks/mobile-gazeta.php
new file mode 100644
index 0000000..5473021
--- /dev/null
+++ b/blocks/mobile-gazeta.php
@@ -0,0 +1,54 @@
+<?php
+
+$posts = get_posts( array(
+	'numberposts' => 1,
+	'category'    => 3, // 19 - архив газеты
+	'orderby'     => 'date',
+	'order'       => 'DESC',
+	'include'     => array(),
+	'exclude'     => array(),
+	'meta_key'    => '',
+	'meta_value'  =>'',
+	'post_type'   => 'post',
+	'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
+) );
+
+# вывод поста
+if( $posts ):
+
+    foreach($posts as $post):
+       setup_postdata( $post );
+    ?>
+
+	<div class="mobile_archive">	
+		<a href="<?php the_permalink(); ?>"><img width="91"  class="mobile_archive_img" src="<?php echo get_the_post_thumbnail_url($post, 'fil');?>" alt="<?the_title();?>"></a>
+   		<div class="mobile_archive_text">
+			   <div><strong><a href="<?php the_permalink(); ?>">Читать газету<br>«Ветеринария и Жизнь»</a></strong></div>
+			   <div class="mobile_archive_link"><a href="<?php the_permalink(); ?>"><?=the_title();?></a></div>
+		</div>
+	</div>	
+		   
+
+    <?php endforeach;
+
+    wp_reset_postdata();
+
+endif;?>
+
+
+<div class="mob-subscript">
+
+	<div class="mob-block-button">
+		<a class="mob-sub-button" href="https://vetandlife.ru/subscripts">Газета ВиЖ. Оформить подписку</a>
+	</div>
+
+	<div class="right_title">Подпишитесь на&nbsp;нашу рассылку и&nbsp;будьте в&nbsp;курсе всех новостей</div>
+	<div id="subscript-mail">
+                <form class="form-right" action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo3NjMwNTYzLCJhZGRyZXNzX2Jvb2tfaWQiOjIyNjM5NCwibGFuZyI6InJ1In0=" method="post">
+                    <input сlass="frm_mail" type="email" required="" name="email" placeholder="Ваша почта">
+                    <input type="hidden" name="sender" value="info@vetandlife.ru">
+                    <button class="frm_submit">Подписаться</button>
+                </form>
+            </div>
+
+</div>
\ No newline at end of file
diff --git a/footer.php b/footer.php
index f53bab2..69a5ebe 100644
--- a/footer.php
+++ b/footer.php
@@ -81,6 +81,8 @@
         </div>  
         
         
+            
+
         <?php get_template_part( '/blocks/zakons');?>
         <?php //include VIJ_CACHE.'zakons.html';?>
 
@@ -88,6 +90,11 @@
         <?php include VIJ_CACHE.'mosts.html';?>
 </div>
   </div><!-- end main -->
+
+  <?php include get_template_directory().'/blocks/mobile-gazeta.php';?>
+
+           
+
     <footer>
        
         <div id="footer_menu">
diff --git a/header.php b/header.php
index 91f1bcb..f34187f 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=72">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=75">
         <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/burger-menu.js?ver=9"></script>
diff --git a/style.css b/style.css
index 9444a25..226998e 100644
--- a/style.css
+++ b/style.css
@@ -419,16 +419,19 @@ a{
     border-radius: 55px;
     border: 1px solid #F18129;
     color: white;
-    padding: 20px 28px;
+    vertical-align: middle;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
-    display: inline-block;
     font-size: 16px;
     font-size: 11px;
     line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
     height: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
   }
 
   .vazh{
@@ -1088,6 +1091,34 @@ a{
   }
 
 
+  .mobile_archive{
+    display: none;
+  }  
+
+
+.mobile_archive_img{
+  margin-top: -42px;
+  margin-left: 12px;
+  margin-bottom: 8px;
+  width: 91px;
+}
+
+.mobile_archive_text{
+  display: block;
+  margin-left: 12px;
+  margin-bottom: 22px;
+  font-size: 14px;
+}
+
+.mobile_archive_link{
+  margin-top: 8px;
+}
+
+.mobile_archive_link a{
+  color: #909294;
+}
+
+
 #nav_content{
   display: flex;
   padding:0;
@@ -1770,8 +1801,41 @@ img-fluid{
   border-bottom: 3px solid #F18129;
 }
 
+.mob-subscript{
+  display: none;
+}  
 
 
+.mob-block-button{
+  margin: 12px 0;
+
+}
+
+.mob-sub-button{
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    vertical-align: middle;
+    text-align: center;
+    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: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
+}
+
+
+#mob-footer{
+  display: none;
+}
+
 @media screen and ( max-width: 580px ) {
 
   #left{
@@ -2009,6 +2073,28 @@ img-fluid{
     margin-top: 22px;
     overflow: hidden;
   }
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+  
+
+
+
   
 }  
 
@@ -2068,6 +2154,7 @@ and (max-device-width : 667px) {
     display: none;
   }
 
+
   .menu-rubrics{
     display: inline-block;
     margin: 0;
@@ -2076,6 +2163,30 @@ and (max-device-width : 667px) {
     margin-right: 22px;
     overflow: hidden;
   }
+
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+  
+
+
+
   
   
 }