modified: about.css

modified: about.html modified: index.html modified: notcompleted.css modified: styles.css
MEGATREX4 · Sep 15, 2023 · 06da3e5 · 06da3e5
1 parent 727f8cb
commit 06da3e5
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 14 deletions.
diff --git a/about.css b/about.css
@@ -18,7 +18,7 @@
 }
 
 .aboutcont {
-    margin-top: 50px;
+    margin-top: 20px;
 }
 
 /* Стилі для екранів меншого розміру */
@@ -109,6 +109,7 @@
     padding: 20px;
     border-radius: 20px;
     color: #dbe1f8;
+
 }
 
 .contcont {

diff --git a/about.html b/about.html
@@ -41,6 +41,14 @@ <h1 class="headertext">Спільнота українізації модів</h
 
 <div class="container">
 <div class="aboutcont">
+
+    <div class="textabout">
+        <p>Ми - група аматорів, які захоплюються Minecraft та іншими іграми. Наша місія - зробити ці ігри доступними для української аудиторії шляхом перекладу різноманітних модифікацій та доповнень. Ми віримо, що українська мова має бути доступною для всіх гравців, тому ми віддаємо багато часу та зусиль на переклад, щоб зробити це можливим.</p>
+
+        <p>Ви можете слідкувати за нашим процесом у соціальних мережах спільноти, де ми публікуємо посилання на наш проект Crowdin. І найголовніше, ви можете долучитися до перекладу разом з нами! Приєднуйтесь до нашої спільноти і допоможіть нам зробити гри ще більш доступними для українців.</p>
+
+        <p>Разом ми робимо геймінг кращим для усіх! Долучайтеся до нас і допоможіть зробити ігри ще цікавішими та зрозумілішими для української геймерської спільноти.</p>
+    </div>
     <div class="socbut">
         <div class="soc-button mono">Mono</div>
         <div class="soc-button dona">Donatello</div>
@@ -51,13 +59,6 @@ <h1 class="headertext">Спільнота українізації модів</h
             <div href="" class="smalll twi"></div>
         </div>
     </div>
-    <div class="textabout">
-        <p>Ми - група аматорів, які захоплюються Minecraft та іншими іграми. Наша місія - зробити ці ігри доступними для української аудиторії шляхом перекладу різноманітних модифікацій та доповнень. Ми віримо, що українська мова має бути доступною для всіх гравців, тому ми віддаємо багато часу та зусиль на переклад, щоб зробити це можливим.</p>
-
-        <p>Ви можете слідкувати за нашим процесом у соціальних мережах спільноти, де ми публікуємо посилання на наш проект Crowdin. І найголовніше, ви можете долучитися до перекладу разом з нами! Приєднуйтесь до нашої спільноти і допоможіть нам зробити гри ще більш доступними для українців.</p>
-
-        <p>Разом ми робимо геймінг кращим для усіх! Долучайтеся до нас і допоможіть зробити ігри ще цікавішими та зрозумілішими для української геймерської спільноти.</p>
-    </div>
 </div>
 </div>
     <div class="footer">

diff --git a/index.html b/index.html
@@ -16,6 +16,18 @@
 
     <link rel="icon" type="image/x-icon" href="images/icon.png">
 
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

diff --git a/notcompleted.css b/notcompleted.css
@@ -23,7 +23,7 @@
     color: white;
 }
 
-.NotCompletedTab active{
+.tab .NotCompletedTab active{
     background-color: #ffffff00;
     color: white;
     cursor: default;

diff --git a/styles.css b/styles.css
@@ -161,18 +161,20 @@ body {
 
 
 .title {
-    font-size: 18px;
+    font-size: 20px;
     margin-top: 10px;
     color: #dbe1f8;
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
 }
 
 .description {
-    font-size: 14px;
+    font-size: 16px;
     margin-top: 5px;
     padding: 20px;
     border-radius: 20px;
     background-color: #7e292a;
-
+    font-family: 'Ubuntu', sans-serif;
     color: #dbe1f8;
     position: relative;
     cursor: pointer;
@@ -182,7 +184,7 @@ body {
 
 .popup {
     cursor: default;
-    font-size: 14px;
+
     display: none;
     position: absolute;
     background-color: #7e292a;
@@ -196,6 +198,8 @@ body {
     white-space: normal;
     transition: max-height 0.3s, padding 0.3s;
     bottom: calc(21% + 5px);
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 16px;
 }
 
 
@@ -241,6 +245,13 @@ body {
     text-align: center;
     opacity: 50%;
     margin-top: -10px;
+    font-family: 'Noto Serif', serif;
+}
+
+.tab, #searchbtn, .addbutton, #show-more-button{
+    font-size: 17px;
+    font-family: 'Rubik', sans-serif!important;
+    font-weight: 200!important;
 }
 
 .translation-button {
@@ -255,6 +266,9 @@ body {
     display: flex;
     align-items: center;
     justify-content: center; /* Додайте цей рядок для центрування тексту по горизонталі */
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
+    letter-spacing: 1px;
 }
 
 .translation-button:hover {
@@ -308,6 +322,8 @@ body {
     bottom: 0;
     width: 100%;
     opacity: 40%;
+    font-family: 'Rubik', sans-serif;
+    font-weight: 200;
 
 }
 
@@ -338,7 +354,9 @@ body, html {
     z-index: 999;
     left: -50%;
     top: -10px;
-    transform: translateX(-31.5%) translateY(-48%);
+    transform: translateX(-30%) translateY(-54%);
+    font-family: 'Ubuntu', sans-serif;
+    font-size: 16px;
 }