Update landing pages and fonts (#1872)

* Update landing pages and fonts.

* Update the avatar.

en/docs/index.html

@@ -5,7 +5,7 @@
     <div class="starfield">
         <div class="starfield-origin"></div>
     </div>
-    <div class="hero-div">
+    <div class="hero-div hero-div--en">
         <img src="../assets/hero/ground.png" alt="" style="position: absolute; width: auto; height: 26.445%; left: 28.211%; top: 54.145%;">
         <img src="../assets/hero/links.png" alt="" style="position: absolute; width: auto; height: 78.751%; left: 10.545%; top: 7.326%;">
         <a href="chapter_introduction/">
@@ -249,10 +249,10 @@
             </div>
         </div>
 
-        <!-- code reviewers -->
+        <!-- translators -->
         <div style="margin: 2em auto;">
-            <h3>Code Translators</h3>
-            <p>The multilingual code in this book was translated by the following developers. We thank them for their time and effort!</p>
+            <h3>Translators</h3>
+            <p>The English version of this book was reviewed by the following translators. We thank them for their time and effort!</p>
             <div class="profile-div">
                 <div class="profile-cell">
                     <a href="https://github.com/yuelinxin">

en/mkdocs.yml

@@ -16,7 +16,7 @@ theme:
   custom_dir: ../build/overrides
   language: en
   font:
-    text: Lato
+    text: Inter
   palette:
     - scheme: default
       primary: white

overrides/stylesheets/extra.css

@@ -395,6 +395,14 @@ a:hover .text-button span {
   font-weight: normal;
 }
 
+.hero-div--en {
+  font-size: min(1.65vh, 2.3vw);
+}
+
+.hero-div--ru {
+  font-size: min(1.45vh, 2vw);
+}
+
 .hero-bg {
   height: 100%;
   width: 100%;

overrides/zensical/stylesheets/extra.css

@@ -375,6 +375,14 @@ a:hover .text-button span {
   font-weight: normal;
 }
 
+.hero-div--en {
+  font-size: min(1.65vh, 2.3vw);
+}
+
+.hero-div--ru {
+  font-size: min(1.45vh, 2vw);
+}
+
 .hero-bg {
   height: 100%;
   width: 100%;
@@ -767,4 +775,4 @@ html:has(body[data-md-color-scheme="default"]) {
 .md-typeset a:not(.md-button):hover,
 .md-typeset a:not(.md-button):focus-visible {
   text-decoration: underline;
-}
+}

ru/docs/index.html

@@ -5,7 +5,7 @@
     <div class="starfield">
         <div class="starfield-origin"></div>
     </div>
-    <div class="hero-div">
+    <div class="hero-div hero-div--ru">
         <img src="../assets/hero/ground.png" alt="" style="position: absolute; width: auto; height: 26.445%; left: 28.211%; top: 54.145%;">
         <img src="../assets/hero/links.png" alt="" style="position: absolute; width: auto; height: 78.751%; left: 10.545%; top: 7.326%;">
         <a href="chapter_introduction/">
@@ -247,7 +247,7 @@
                     <br><b>И. А. Шевкун</b>
                 </div>
                 <div class="profile-cell translator-profile-cell">
-                    <img class="profile-img" src="../assets/avatar/avatar_xxx.jpg" alt="Translator: yuyanhuang" />
+                    <img class="profile-img" src="../assets/avatar/avatar_yuyanhuang.jpg" alt="Translator: yuyanhuang" />
                     <br><b>Yuyan Huang</b>
                 </div>
             </div>

ru/mkdocs.yml

@@ -16,7 +16,7 @@ theme:
   custom_dir: ../build/overrides
   language: ru
   font:
-    text: Noto Sans
+    text: PT Sans
   palette:
     - scheme: default
       primary: white

zh-hant/mkdocs.yml

@@ -15,6 +15,8 @@ version: 1.3.0
 theme:
   custom_dir: ../build/overrides
   language: zh-Hant
+  font:
+    text: Noto Sans TC
   palette:
     - scheme: default
       primary: white