Добавляет OG-картинку для раздела (#1163)

* Корректирует название разделов * Удаляет лишний параметр * Добавляет заголовок для индекса * Исправляет OG-картинки и стили для индекса * Подправляет надписи для обложек * Добавляет обложку для страницы со всеми статьями
doka-guide · Sep 6, 2023 · 3580712 · 3580712
1 parent 64c7c91
commit 3580712
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 33 deletions.
diff --git a/src/includes/blocks/social-card.njk b/src/includes/blocks/social-card.njk
@@ -1,12 +1,16 @@
-{% macro socialCard(category, categoryName, docPath, cover) %}
+{% macro socialCard(category, categoryName, cover, isIndex) %}
 <div class="social-card">
   <section class="social-card__slogan">
     <section class="social-card__slogan-wrapper">
       <div class="social-card__title">Дока</div>
-      {% if category == "recipes" %}
-        <div class="social-card__moto">гид по рецептам<br>веб-разработки</div>
+      {% if category == "a11y" %}
+        <div class="social-card__moto">твой гид по доступности</div>
+      {% elif category == "all" %}
+        <div class="social-card__moto">твой гид по<br>веб-разработке</div>
+      {% elif category == "recipes" %}
+        <div class="social-card__moto">твой гид по рецептам<br>веб-разработки</div>
       {% elif category == "tools" %}
-        <div class="social-card__moto">гид по инструментам</div>
+        <div class="social-card__moto">твой гид по<br>веб-платформе</div>
       {% else %}
         <div class="social-card__moto">твой гид по {{ categoryName }}</div>
       {% endif %}
@@ -28,6 +32,11 @@
         </div>
       {% endif %}
     </div>
+    {% if isIndex %}
+      <div class="social-card__index-title">
+        {{ categoryName }}
+      </div>
+    {% endif %}
   </section>
 
   <section class="social-card__site">

diff --git a/src/styles/blocks/social-card.css b/src/styles/blocks/social-card.css
@@ -36,7 +36,8 @@
   justify-items: end;
 }
 
-.social-card__title {
+.social-card__title,
+.social-card__index-title {
   --stroke-width: 2px;
   font-family: 'Spot Mono', monospace;
   font-size: calc(100vw * var(--title-font-size-proportion));
@@ -72,6 +73,7 @@
   grid-row-start: 1;
   grid-row-end: -1;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: var(--accent-color);

diff --git a/src/views/sc-all.11tydata.js b/src/views/sc-all.11tydata.js
@@ -0,0 +1,5 @@
+module.exports = {
+  title: 'Все статьи',
+  layout: 'base.njk',
+  permalink: '/all/index.sc.html',
+}
diff --git a/src/views/sc-all.njk b/src/views/sc-all.njk
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html class="base font-theme" lang="{{ meta.lang }}" itemscope itemtype="https://schema.org/{{ pageType }}">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="../styles/index.sc.css">
+  </head>
+  <body class="base__body {{ bodyClass }}">
+    {% from "blocks/social-card.njk" import socialCard %}
+    {{ socialCard('all', 'Все статьи', cover, true) }}
+  </body>
+</html>
diff --git a/src/views/sc-index.njk b/src/views/sc-index.njk
@@ -3,35 +3,10 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="color-scheme" content="light dark">
     <link rel="stylesheet" href="../styles/index.sc.css">
-    <link rel="stylesheet" href="../styles/dark-theme.css" media="(prefers-color-scheme: dark)">
   </head>
   <body class="base__body {{ bodyClass }}">
-
-    {% from "blocks/logo.njk" import logo %}
-
-    {% set isLogoContrastColor = hasCategory %}
-
-    <div class="index-block" style="--accent-color: var(--color-{{ category }})">
-      <div class="index-block__header">
-        <h1 class="index-block__title">
-          Статьи раздела «{{ categoryName }}» по алфавиту
-        </h1>
-      </div>
-
-      <main style="display:grid;grid-template-column:1200px 1024px;grid-gap:24px;grid-auto-rows:1024px;">
-        {% for letter in firstLettersOfArticles %}
-          {% from "blocks/social-card.njk" import socialCard %}
-          {% for articleId in categoryArticlesByAlphabet[letter] %}
-            <iframe src="{{ articleId }}/index.sc.html" height="630" width="1200" styles="display:block;">
-            </iframe>
-            <iframe src="{{ articleId }}/index.sc.html" height="1024" width="1024" styles="display:block;">
-            </iframe>
-          {% endfor %}
-        {% endfor %}
-      </main>
-    </div>
-
+    {% from "blocks/social-card.njk" import socialCard %}
+    {{ socialCard(category, categoryName, cover, true) }}
   </body>
 </html>
diff --git a/src/views/sc.njk b/src/views/sc.njk
@@ -7,6 +7,6 @@
   </head>
   <body class="base__body {{ bodyClass }}">
     {% from "blocks/social-card.njk" import socialCard %}
-    {{ socialCard(category, categoryName, docPath, cover) }}
+    {{ socialCard(category, categoryName, cover) }}
   </body>
 </html>