landing refactoring

README.md

@@ -1,5 +1,4 @@
-# Read [‘The API’ Book by Sergey Konstantinov](https://twirl.github.io/The-API-Book) in English
+# Sergey Konstantinov. The API
-# Читать [книгу ‘The API’ Сергея Константинова](https://twirl.github.io/The-API-Book/index.ru.html) по-русски
 
 This is the working repository for ‘The API’ book written by Sergey Konstantinov ([email](mailto:yatwirl@gmail.com), [Linkedin profile](https://linkedin.com/in/twirl), [Medium blog](https://twirl.medium.com)).
 
@@ -15,6 +14,9 @@ This book is written to share the expertise and describe the best practices in d
 
 This is an open-source book distributed under the [Creative Commons Attribution-NonCommercial 4.0 International](/LICENSE.md) license.
 
+* Read [‘The API’ Book by Sergey Konstantinov](https://twirl.github.io/The-API-Book) in English
+* Читать [книгу ‘The API’ Сергея Константинова](https://twirl.github.io/The-API-Book/index.ru.html) по-русски
+
 ## Current State and the Roadmap
 
 See [ROADMAP.md](./ROADMAP.md).

docs/index.ru.html

@@ -38,7 +38,7 @@
         /><br />
         <header>
             <h1>Сергей Константинов<br/><span class="title">API</span></h1>
-            <h2>Бесплатная электронная книга</h2>
+            
         </header>
         <br />Подпишитесь на обновления на <a class="habr" href="https://habr.com/ru/users/forgotten/">Хабре</a>
         <br/>Follow me on <a class="linkedin" href="https://www.linkedin.com/in/twirl/"></a> · <a class="twitter" href="https://twitter.com/blogovodoved"></a> · <a class="substack" href="https://twirl.substack.com/">Substack</a>
@@ -54,8 +54,7 @@
 <li>— SDK и UI-библиотекам,</li>
 <li>— продуктовому управлению API.</li></ul>
 <p>Иллюстрации и вдохновение: Maria Konstantinova &middot; <a href="https://www.instagram.com/art.mari.ka/">art.mari.ka</a>.</p>
-    <p>Вы можете скачать книгу «API» в формате <a href="API.ru.pdf">PDF</a> / <a href="API.ru.epub">EPUB</a> или <a href="API.ru.html">прочитать её онлайн</a>.
+    <p>Вы можете прочитать онлайн-версию «The API».</p>
-    </p>
     <h3>Содержание</h3>
     <ul class="toc"><li>
                 <h4><a href="API.ru.html#section-1">Введение</a></h4>

src/ru/l10n.json

@@ -93,7 +93,6 @@
         ]
     },
     "landing": {
-        "subTitle": "Бесплатная электронная книга",
         "subscribeOn": "Подпишитесь на обновления на",
         "followOn": "Follow me on",
         "follow": ["linkedin", "twitter", "substack"],
@@ -111,9 +110,7 @@
             "<li>— продуктовому управлению API.</li></ul>",
             "<p>Иллюстрации и вдохновение: Maria Konstantinova &middot; <a href=\"https://www.instagram.com/art.mari.ka/\">art.mari.ka</a>.</p>"
         ],
-        "download": "Вы можете скачать книгу «API» в формате",
+        "readOnline": "Вы можете прочитать онлайн-версию «The API»",
-        "or": "или",
-        "readOnline": "прочитать её онлайн",
         "liveExamples": "Интерактивные примеры",
         "license": "Это произведение доступно по <a href=\"https://creativecommons.org/licenses/by-nc/4.0/\">лицензии Creative Commons «Attribution-NonCommercial» («Атрибуция — Некоммерческое использование») 4.0 Всемирная</a>.",
         "footer": [

src/templates.mjs

@@ -200,7 +200,7 @@ export const templates = {
         /><br />
         <header>
             <h1>${l10n.author}<br/><span class="title">${l10n.title}</span></h1>
-            <h2>${l10n.landing.subTitle}</h2>
+            ${l10n.landing.subTitle ? `<h2>${l10n.landing.subTitle}</h2>` : ''}
         </header>
         <br />${l10n.landing.subscribeOn} ${l10n.landing.updates
             .map(
@@ -241,13 +241,17 @@ export const templates = {
             .join(' · ')}<br/>⚙️⚙️⚙️
     </nav>
     ${l10n.landing.content.join('\n')}
-    <p>${l10n.landing.download} <a href="${link(
+    ${
-            null,
+        l10n.landing.download
-            'pdf'
+            ? `<p>${l10n.landing.download} <a href="${link(
-        )}">PDF</a> / <a href="${link(null, 'epub')}">EPUB</a> ${
+                  null,
-            l10n.landing.or
+                  'pdf'
-        } <a href="${link()}">${l10n.landing.readOnline}</a>.
+              )}">PDF</a> / <a href="${link(null, 'epub')}">EPUB</a> ${
-    </p>
+                  l10n.landing.or
+              } <a href="${link()}">${l10n.landing.readOnline}</a>.
+    </p>`
+            : `<p>${l10n.landing.readOnline}.</p>`
+    }
     <h3>${l10n.toc}</h3>
     <ul class="toc">${structure.sections
         .map(