2:48

2023-11-01 02:48:07 +03:00
parent 04ec8fc091
commit 9257e7205a
4 changed files with 25 additions and 4 deletions
--- a/site/index.html
+++ b/site/index.html
@@ -19,7 +19,7 @@
    </head>

    <body>
-         <!--HEADER -->
+        <!--HEADER -->
        <div w3-include-html="/style/header.html"></div>

        <!--VOLOGDA DESCRIPTION-->
@@ -59,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>
--- a/site/style/background.css
+++ b/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);

@@ -134,6 +148,10 @@
            --defaultBoxWhight: 90%;
            --headFootBoxWhight: 95%;
        }
+
+        .buttonTop {
+            Display: none;
+        }
    }

    @media (max-width: 800px) {
--- a/site/style/footer.html
+++ b/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>
--- a/site/style/textFont.css
+++ b/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);
    }