feat(site): добавлена кнопка «Написать в Telegram» и соцсети в футер

- Зачем:
  - менти и посетителям сайта нужен быстрый способ связаться с ментором.
- Что:
  - добавлена floating-кнопка Telegram (левый нижний угол, всегда видна при скролле).
  - добавлены иконки Telegram и GitHub в футер через extra.social.
  - создан template override (overrides/main.html) с inline-стилями.
- Проверка:
  - mkdocs build --strict проходит без ошибок.
  - кнопка видна на всех страницах, ведёт на t.me/dementev_dev.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 19:04:50 +03:00
co-authored by Claude Opus 4.6
parent f62c6f761b
commit 33a95cc3e4
2 changed files with 68 additions and 0 deletions
+11
View File
@@ -22,6 +22,7 @@ exclude_docs: |
.gitignore
mkdocs.yml
dwh-modeling/TODO.md
overrides/
nav:
- Роадмап: README.md
@@ -33,6 +34,7 @@ nav:
theme:
name: material
custom_dir: overrides
language: ru
palette:
- scheme: default
@@ -67,6 +69,15 @@ markdown_extensions:
- pymdownx.highlight
- attr_list
extra:
social:
- icon: fontawesome/brands/telegram
link: https://t.me/dementev_dev
name: Написать в Telegram
- icon: fontawesome/brands/github
link: https://github.com/dementev-dev/de-roadmap
name: GitHub
plugins:
- same-dir
- search:
+57
View File
@@ -0,0 +1,57 @@
{% extends "base.html" %}
{% block extrahead %}
<style>
.tg-fab {
position: fixed;
bottom: 1.6rem;
left: 1.6rem;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
background: #29b6f6;
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
transition: transform .2s, box-shadow .2s, background .2s;
text-decoration: none;
}
.tg-fab:hover {
transform: scale(1.12);
box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
background: #039be5;
color: #fff;
}
@media screen and (max-width: 76.25em) {
.tg-fab {
width: 2.8rem;
height: 2.8rem;
bottom: 1.2rem;
left: 1.2rem;
}
.tg-fab svg {
width: 24px;
height: 24px;
}
}
</style>
{% endblock %}
{% block content %}
{{ super() }}
<a
href="https://t.me/dementev_dev"
target="_blank"
rel="noopener"
class="tg-fab"
title="Написать в Telegram"
aria-label="Написать в Telegram"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="28" height="28" fill="currentColor">
<path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.492-1.302.48-.428-.012-1.252-.242-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
</svg>
</a>
{% endblock %}