2:48

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>
@@ -51,6 +59,9 @@
         <!--FOOTER-->
         <div w3-include-html="/style/footer.html"></div>
         
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+
         <!-- load all included html pages -->
         <script>includeHTML();</script>
     </body>

site/style/background.css

@@ -2,11 +2,25 @@
         scroll-behavior: smooth;
     }
     
+    .buttonTop {
+        place-self:end;
+        position:sticky;
+        bottom:1vw;
+        margin-top:100vh;
+        margin-left: 85%;
+
+        text-decoration: none;
+        padding: 1vw;
+        background:  var(--vologdaBoxColor);
+        border-radius: 2vw;
+
+        z-index: 2;
+    }
+
     header{
         margin: auto;
         left: 0;
  
-        z-index: 2;
         width: var(--headFootBoxWhight);
         background-color: var(--headerBoxColor);
 
@@ -38,6 +52,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 +148,14 @@
             --defaultBoxWhight: 90%;
             --headFootBoxWhight: 95%;
         }
+
+        .buttonTop {
+            Display: none;
+        }
+    }
+
+    @media (max-width: 800px) {
+        .vologdaHistoryButton{
+            Display: none;
+        }
     }

site/style/footer.html

@@ -1,6 +1,6 @@
 <footer>
     <div class="prevFooter"></div>
     <div class = "postFooter"> 
-        <p class="miniText"> ©Defectum studio</p> 
+        <p class="miniText"> ©Defectum studio 2023-2023</p> 
     </div>
 </footer>

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>

site/style/textFont.css

@@ -61,7 +61,7 @@
 
     .miniText {
         font-size: calc(var(--textSize) * 0.9);
-        font-family: 'Sometype Mono', monospace;
+        font-family: 'Tsarevich-Regular';
         color: rgb(255, 255, 255);
     }