From f2f1171a2854c9e5f0bbcec78fd29b38e6310752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=B5=D1=82=D1=83=D1=85=D0=BE=D0=B2=D0=B0=20=D0=A0?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=D0=B0?=
 <kseniks2004@gmail.com>
Date: Wed, 1 Nov 2023 02:14:33 +0300
Subject: [PATCH] Vologda history button

---
 site/index.html           |  8 ++++++++
 site/style/background.css | 22 ++++++++++++++++++++++
 site/style/header.html    |  8 ++++----
 3 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/site/index.html b/site/index.html
index 9bfbbdb..813cd9e 100644
--- a/site/index.html
+++ b/site/index.html
@@ -27,6 +27,14 @@
             <p class="normalText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
         </div>
 
+        <a href="/index.html"> 
+            <div class="vologdaHistoryButton">
+                <button style="background: transparent; border: none !important;"> 
+                    <p class="normalText">Подробнее</p>
+                </button>
+            </div>
+        </a>
+
         <!--ATTRACTIONS-->
         <div id="AttractionsMap" class="vologdaMap">
             <p class="titleText">Достопримечательности Вологды</p>
diff --git a/site/style/background.css b/site/style/background.css
index e099ffd..1e978cb 100644
--- a/site/style/background.css
+++ b/site/style/background.css
@@ -38,6 +38,22 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
+    .vologdaHistoryButton{
+        position:relative;
+        margin: auto;
+        margin-top: 1vw;
+
+        text-align: center;
+
+        width: calc(var(--defaultBoxWhight) / 4);
+
+        background-color:  var(--vologdaBoxColor);
+        border-radius: 1em;
+        overflow: hidden;
+
+        box-shadow: 0 0 1em rgba(0,0,0,0.7);
+    }
+
     .vologdaPlace{
         position:relative;
         margin: auto;
@@ -118,4 +134,10 @@
             --defaultBoxWhight: 90%;
             --headFootBoxWhight: 95%;
         }
+    }
+
+    @media (max-width: 800px) {
+        .vologdaHistoryButton{
+            Display: none;
+        }
     }
\ No newline at end of file
diff --git a/site/style/header.html b/site/style/header.html
index 750e46b..c1b4eec 100644
--- a/site/style/header.html
+++ b/site/style/header.html
@@ -6,22 +6,22 @@
             </button>
         </a>
 
-        <a href="#VologdaHistory" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#VologdaHistory" style="text-decoration:none" class="hidingMenu"> 
             <button style="background: transparent; border: none !important;"> </button>
             <p class="titleTextMini">Вологда</p>
         </a>
 
-        <a href="#AttractionsMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#AttractionsMap" style="text-decoration:none" class="hidingMenu"> 
             <button style="background: transparent; border: none !important;"> </button>
             <p class="titleTextMini">Достопримечательности</p>
         </a>
 
-        <a href="#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#RestaurantsMap" style="text-decoration:none" class="hidingMenu"> 
             <button style="background: transparent; border: none !important;"> </button>
             <p class="titleTextMini">Рестораны</p>
         </a>
 
-        <a href="#HotelMap" style="text-decoration:none" class="hidingMenu"> 
+        <a href="/index.html#HotelMap" style="text-decoration:none" class="hidingMenu"> 
             <button style="background: transparent; border: none !important;"> </button>
             <p class="titleTextMini">Отели</p>
         </a>