modified: about.html

modified: css/styles.css modified: index.html
MEGATREX4 · Oct 22, 2023 · d8af61f · d8af61f
1 parent 12a945f
commit d8af61f
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 13 deletions.
diff --git a/about.html b/about.html
@@ -47,7 +47,7 @@ <h1 class="headertext">Спільнота українізації модів</h
             <div class="tab" data-tab="all" onclick="redirectToIndex('all')">Всі переклади</div>
             <div class="tab" data-tab="minecraft" onclick="redirectToIndex('minecraft')">Майнкрафт моди</div>
             <div class="tab" data-tab="games" onclick="redirectToIndex('games')">Переклади ігор</div>
-            <div class="tab active" onclick="showAboutPage()">Про нас</div>
+            <div class="tab active pc-only" onclick="showAboutPage()">Про нас</div>
             <div class="tab NotCompletedTab" data-tab="notcompleted" onclick="redirectToIndex('notcompleted')" id="notcompleted-tab">В роботі</div>
             <div class="tab" data-tab="official" onclick="redirectToIndex('official')" id="official-tab">Офіційні</div>
 
@@ -86,20 +86,22 @@ <h1 class="headertext">Спільнота українізації модів</h
     </div>
     <div class="mobile-only mobile-only-visability">
         <div class="mobilecontainer">
-            <button id="searchbtn" onclick="window.open('/about.html', '_self')"><i class="fa fa-share-alt" aria-hidden="true"></i></button>
+            <button class="home"><i class="fa fa-home" aria-hidden="true"></i></button>            
+            <button class="share" id="sharebtn"><i class="fa fa-share-alt" aria-hidden="true"></i></button>
             <button class="addbutton" onclick="window.open('/addtranslation.html', '_self')" id="addbutton">
                 <i class="fa fa-plus faadd mobileadd" aria-hidden="true"></i>
             </button>
-            <button id="searchbtn" onclick="performSearch()"><i class="fa fa-search" aria-hidden="true"></i></button>
-
+            <button class="search" id="searchbtn" onclick="window.open('/index.html', '_self')"><i class="fa fa-search" aria-hidden="true"></i></button>
+            <button class="info"><i class="fa fa-info" aria-hidden="true"></i></button> 
         </div>
+    </div>
 
 </div>
 </div>
     <div class="footer">
         <p>&copy; 2023 Спільнота українізації модів</p>
         <p>Створено в Києві з 💜</p>
-        <p>NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.</p>
+        <p class="margin">NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.</p>
 
     </div>
     </body>

diff --git a/css/styles.css b/css/styles.css
@@ -13,7 +13,12 @@ background-size: cover!important;
     body {
         font-size: 16px;
 
+
     }
+    .margin{
+        margin-bottom: calc(+20%);
+    }
+
     .header {
         padding-bottom: 20px;
     }
@@ -36,17 +41,20 @@ background-size: cover!important;
         width: calc(+20%);
     }
 
-    #searchbtn{
+    #searchbtn, #sharebtn, .home, .info{
         background-color: #131214!important;
+        font-size: 17px!important;
+
     }
-    #searchbtn:hover{
+    #searchbtn:hover, #sharebtn:hover, .home:hover, .info:hover{
         box-shadow: none!important;
     }
 
-    .mobileadd{
-        resize: 20%;
+    .search:hover, .share:hover, .home:hover, .info:hover{
+        color:#929399!important;
     }
 
+
     .mobile-only {
         position: fixed; /* Фіксована позиція */
         bottom: -2px; /* Внизу екрану */

diff --git a/index.html b/index.html
@@ -48,7 +48,7 @@
     <div class="header">
         <div class="header-content">
             <img src="header-image.png" alt="Спільнота українізації модів">
-            <h1 class="headertext">Спільнота українізації модів</h1>
+            <h1 id="targetElement" class="headertext">Спільнота українізації модів</h1>
         </div>
 
     </div>
@@ -91,16 +91,40 @@ <h1 class="headertext">Спільнота українізації модів</h
         </div>
     </div>
     </div>
+
+    <script>
+        function scrollToTop() {
+          // Find the target element by its ID
+          const targetElement = document.getElementById("top");
+
+          // Check if the target element exists
+          if (targetElement) {
+            // Use the scrollIntoView function to scroll to the target element
+            targetElement.scrollIntoView({
+              behavior: "smooth" // Smooth scrolling
+            });
+          }
+        }
+        </script>
+
+
     <div class="mobile-only mobile-only-visability">
         <div class="mobilecontainer">
-            <button id="searchbtn" onclick="window.open('/about.html', '_self')"><i class="fa fa-share-alt" aria-hidden="true"></i></button>
+            <button class="home"><i class="fa fa-home" aria-hidden="true"></i></button>            
+
+            <button class="share" id="sharebtn" onclick="window.open('/about.html', '_self')"><i class="fa fa-share-alt" aria-hidden="true"></i></button>
             <button class="addbutton" onclick="window.open('/addtranslation.html', '_self')" id="addbutton">
                 <i class="fa fa-plus faadd mobileadd" aria-hidden="true"></i>
             </button>
-            <button id="searchbtn" onclick="performSearch()"><i class="fa fa-search" aria-hidden="true"></i></button>
+            <button class="search" id="searchbtn" id="scrollButton" onclick="scrollToTop()"><i class="fa fa-search" aria-hidden="true"></i></button>
+            <button class="info"><i class="fa fa-info" aria-hidden="true"></i></button> 
 
         </div>
     </div>
+
+
+
+
     <div class="custom-tooltip" style="display: none;">
         <div class="tooltip-content">
         </div>
@@ -115,7 +139,7 @@ <h1 class="headertext">Спільнота українізації модів</h
     <div class="footer">
         <p>&copy; 2023 Спільнота українізації модів</p>
         <p>Створено в Києві з 💜</p>
-        <p>NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.</p>
+        <p class="margin">NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.</p>
     </div>