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:
+11
@@ -22,6 +22,7 @@ exclude_docs: |
|
|||||||
.gitignore
|
.gitignore
|
||||||
mkdocs.yml
|
mkdocs.yml
|
||||||
dwh-modeling/TODO.md
|
dwh-modeling/TODO.md
|
||||||
|
overrides/
|
||||||
|
|
||||||
nav:
|
nav:
|
||||||
- Роадмап: README.md
|
- Роадмап: README.md
|
||||||
@@ -33,6 +34,7 @@ nav:
|
|||||||
|
|
||||||
theme:
|
theme:
|
||||||
name: material
|
name: material
|
||||||
|
custom_dir: overrides
|
||||||
language: ru
|
language: ru
|
||||||
palette:
|
palette:
|
||||||
- scheme: default
|
- scheme: default
|
||||||
@@ -67,6 +69,15 @@ markdown_extensions:
|
|||||||
- pymdownx.highlight
|
- pymdownx.highlight
|
||||||
- attr_list
|
- 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:
|
plugins:
|
||||||
- same-dir
|
- same-dir
|
||||||
- search:
|
- search:
|
||||||
|
|||||||
@@ -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 %}
|
||||||
Reference in New Issue
Block a user