Bot commit: Добавлен файл templates/components/footer.html
This commit is contained in:
parent
75fd000ec7
commit
9ef32069a7
82
templates/components/footer.html
Normal file
82
templates/components/footer.html
Normal file
@ -0,0 +1,82 @@
|
||||
{% macro section(user) -%}
|
||||
{% if user %}
|
||||
<div class="st">
|
||||
{% if 'partner' in user.get('profile', '') %}
|
||||
<a href="/form/competition">Добавить конкурс</a>
|
||||
<a href="/form/exhibition">Добавить выставку</a>
|
||||
{% else %}
|
||||
<a href="/form/post">Добавить пост</a>
|
||||
<a href="/form/news">Добавить новость</a>
|
||||
{%endif%}
|
||||
</div>
|
||||
{% endif %}
|
||||
<footer class="c_t5jtn">
|
||||
<div class="c_00gkd"><span class="c_62bje">KULTMOST</span><span class="c_jtxml">.АВТОПОСТ </span></div>
|
||||
<nav class="c_wmdgs"><a class="c_bygqa">Главная</a><a class="c_bygqa">Маркетплейс</a><a class="c_bygqa">Мои
|
||||
картины</a><a class="c_bygqa">Художники</a><a class="c_bygqa">Партнеры</a><a class="c_bygqa">О
|
||||
платформе</a><a class="c_bygqa">Новости</a><a class="c_bygqa">Админ-панель</a></nav>
|
||||
<p class="c_vii7u">Автономная некоммерческая организация развития художественного творчества и ремесел «Культурный мост «Передвижные выставки» © 2026</p>
|
||||
</footer>
|
||||
{%- endmacro %}
|
||||
|
||||
{% macro style() -%}
|
||||
<style type="text/css">
|
||||
.st {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
width: 100%;
|
||||
padding: 0 15px;
|
||||
border-top: 1px solid #5F1798;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.st>a {
|
||||
padding: 13px 15px;
|
||||
width: 335px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
background: #5F1798;
|
||||
color: white;
|
||||
display: flex;
|
||||
margin: 4px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
@media (min-width: 901px) {
|
||||
.c_62bje { color: #5F1798; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_jtxml { color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_00gkd { display: flex; padding: 18px 0; align-items: flex-start; flex-shrink: 0; }
|
||||
.c_bygqa { color: #5F1798; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
|
||||
.c_wmdgs { display: flex; align-items: flex-start; align-content: flex-start; gap: 5px 20px; flex-wrap: wrap; }
|
||||
.c_vii7u { width: 100%; text-align: center; color: #969696; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
|
||||
.c_t5jtn { gap: 10px; display: flex; box-sizing: unset; padding: 40px 60px; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap; background: #FFF; }
|
||||
}
|
||||
|
||||
@media (min-width: 700px) and (max-width: 900px) {
|
||||
.c_62bje { color: #5F1798; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_jtxml { color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_00gkd { display: flex; padding: 18px 0; justify-content: center; align-items: center; flex-shrink: 0; }
|
||||
.c_bygqa { color: #5F1798; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
|
||||
.c_wmdgs { display: flex; align-items: flex-start; align-content: flex-start; gap: 5px 20px; flex-wrap: wrap; }
|
||||
.c_vii7u { width: 100%; text-align: center; color: #969696; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
|
||||
.c_t5jtn { gap: 10px; display: flex; box-sizing: unset; padding: 40px 50px; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap; background: #FFF; }
|
||||
}
|
||||
|
||||
@media (max-width: 699px) {
|
||||
.c_62bje { color: #5F1798; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_jtxml { color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; }
|
||||
.c_00gkd { display: flex; justify-content: center; align-items: flex-start; flex: 1 0 0; }
|
||||
.c_bygqa { color: #5F1798; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
|
||||
.c_wmdgs { display: none; align-items: flex-start; align-content: flex-start; gap: 5px 20px; flex-wrap: wrap; }
|
||||
.c_vii7u { color: #969696; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
|
||||
.c_t5jtn { gap: 10px; display: flex; box-sizing: unset; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap; background: #FFF; }
|
||||
}
|
||||
footer{padding: 40px 20px;}
|
||||
.c_t5jtn{margin-bottom: 20px;}</style>
|
||||
{%- endmacro %}
|
||||
Loading…
Reference in New Issue
Block a user