trevor/smartsoltech_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: добавлена модель TeamMember для управления командой через админку

Browse Source
This commit is contained in:
Andrew K. Choi
2025-11-24 09:23:45 +09:00
parent 3cea013a8e
commit ce7119e9e9
6 changed files with 294 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
smartsoltech/web/templates/web/team_section.html Normal file
View File

@@ -0,0 +1,90 @@
<!-- Team Section -->
<section class="section-padding" id="team">
<div class="container-modern">
<div class="text-center mb-5">
<span class="badge bg-gradient text-white mb-3 px-3 py-2 rounded-pill">
{{ about.team_badge|default:"👥 Команда" }}
</span>
<h2 class="display-5 fw-bold mb-3">
{{ about.team_title|default:"Познакомьтесь с нашей командой"|safe }}
</h2>
<p class="lead text-muted max-width-600 mx-auto">
{{ about.team_description|default:"Талантливые профессионалы, которые воплощают ваши идеи в реальность" }}
</p>
</div>
{% if team_members %}
<div class="row g-4">
{% for member in team_members %}
<div class="col-lg-4 col-md-6" data-aos="fade-up">
<div class="card-modern text-center h-100">
<div class="position-relative">
{% if member.photo %}
<img src="{{ member.photo.url }}"
alt="{{ member.full_name }}"
class="team-avatar mx-auto mb-3 rounded-circle"
style="width: 120px; height: 120px; object-fit: cover;">
{% else %}
<div class="team-avatar mx-auto mb-3" style="width: 120px; height: 120px; background: var(--gradient-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<span class="text-white" style="font-size: 2.5rem; font-weight: 700;">
{{ member.first_name|first }}{{ member.last_name|first }}
</span>
</div>
{% endif %}
</div>
<div class="card-body">
<h5 class="mb-2">{{ member.full_name }}</h5>
<p class="text-primary mb-3">{{ member.position }}</p>
{% if member.bio %}
<p class="text-muted small mb-3">
{{ member.bio|truncatewords:30 }}
</p>
{% endif %}
{% if member.specialization %}
<div class="mb-3">
<small class="text-muted">
<i class="fas fa-code me-1"></i>
{{ member.specialization|truncatewords:10 }}
</small>
</div>
{% endif %}
<div class="d-flex justify-content-center gap-2">
{% if member.linkedin %}
<a href="{{ member.linkedin }}" target="_blank" class="btn btn-outline-primary btn-sm rounded-circle" style="width: 40px; height: 40px;">
<i class="fab fa-linkedin-in"></i>
</a>
{% endif %}
{% if member.github %}
<a href="{{ member.github }}" target="_blank" class="btn btn-outline-primary btn-sm rounded-circle" style="width: 40px; height: 40px;">
<i class="fab fa-github"></i>
</a>
{% endif %}
{% if member.telegram %}
<a href="https://t.me/{{ member.telegram }}" target="_blank" class="btn btn-outline-primary btn-sm rounded-circle" style="width: 40px; height: 40px;">
<i class="fab fa-telegram-plane"></i>
</a>
{% endif %}
{% if member.email %}
<a href="mailto:{{ member.email }}" class="btn btn-outline-primary btn-sm rounded-circle" style="width: 40px; height: 40px;">
<i class="fas fa-envelope"></i>
</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="text-center py-5">
<p class="text-muted">Информация о команде скоро появится</p>
</div>
{% endif %}
</div>
</section>