Добавляет 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>