From 9839389fc985aa21ccb7189be5edb27b6183fe5f Mon Sep 17 00:00:00 2001 From: "Andrey K. Choi" Date: Tue, 25 Nov 2025 17:09:15 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2?= =?UTF-8?q?=D0=BB=D0=B5=D0=BD=20=D1=84=D1=80=D0=BE=D0=BD=D1=82=D0=B5=D0=BD?= =?UTF-8?q?=D0=B4=20=D0=B4=D0=BB=D1=8F=20=D0=BA=D0=BE=D0=BC=D0=B0=D0=BD?= =?UTF-8?q?=D0=B4=D1=8B=20=D0=B8=20=D0=BA=D0=B0=D1=80=D1=8C=D0=B5=D1=80?= =?UTF-8?q?=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ✨ Новые страницы: - 👥 /team/ - Страница команды с детальной информацией • Красивые карточки сотрудников с фото • Социальные сети и контактные данные • Навыки и опыт работы • Адаптивный дизайн с hover эффектами - 💼 /career/ - Страница карьеры с вакансиями • Рекомендуемые и обычные вакансии • Фильтры по отделам • Детальная информация о позициях • Зарплатные вилки и требования • Интеграция с email для откликов 🏠 Главная страница: - Интеграция секций команды и карьеры - Гармоничное размещение между существующими блоками - Топ-4 сотрудника и топ-3 вакансии - Кнопки перехода на полные страницы 🧭 Навигация: - Добавлены ссылки 'Команда' и 'Карьера' в меню - Активные состояния для новых страниц - Адаптивная навигация для мобильных 🎯 UX/UI улучшения: - Современный градиентный дизайн - Анимации и hover эффекты - Skill tags и бейджи - Responsive дизайн для всех устройств - Интеграция с социальными сетями --- smartsoltech/web/templates/web/career.html | 637 ++++++++++++++++++ smartsoltech/web/templates/web/home.html | 423 ++++++++++++ smartsoltech/web/templates/web/navbar.html | 12 + .../web/templates/web/navbar_modern.html | 12 + smartsoltech/web/templates/web/team.html | 316 +++++++++ smartsoltech/web/urls.py | 1 + smartsoltech/web/views.py | 35 +- 7 files changed, 1435 insertions(+), 1 deletion(-) create mode 100644 smartsoltech/web/templates/web/career.html create mode 100644 smartsoltech/web/templates/web/team.html diff --git a/smartsoltech/web/templates/web/career.html b/smartsoltech/web/templates/web/career.html new file mode 100644 index 0000000..dda2916 --- /dev/null +++ b/smartsoltech/web/templates/web/career.html @@ -0,0 +1,637 @@ +{% extends 'web/base_modern.html' %} +{% load static %} + +{% block title %}Карьера в SmartSolTech - Присоединяйтесь к нашей команде{% endblock %} + +{% block content %} + +
+
+
+
+

Карьера в SmartSolTech

+

+ Развивайтесь вместе с нами в мире инновационных технологий +

+ {% if total_positions > 0 %} +
+
+
+
+
{{ total_positions }}
+
Открытых позиций
+
+
+
+
+
{{ departments|length }}
+
Отделов
+
+
+
+
+
{{ featured_careers|length }}
+
Топ вакансий
+
+
+
+
+ {% endif %} +
+
+
+
+ + +{% if featured_careers %} +
+
+
+

Рекомендуемые вакансии

+

Наиболее актуальные позиции в нашей команде

+
+ +
+ {% for career in featured_careers %} +
+
+
+
+ + + Рекомендуем + + {{ career.get_employment_type_display }} +
+

{{ career.title }}

+

+ + {{ career.department }} +

+
+ +
+
+
+ + {{ career.location }} +
+
+ + {{ career.get_experience_level_display }} +
+
+
+
+ + {{ career.salary_range }} +
+
+
+ +
+

{{ career.description|truncatewords:20 }}

+
+ +
+
Ключевые требования:
+

{{ career.requirements|truncatewords:15 }}

+
+ + {% if career.required_skills_list %} +
+ {% for skill in career.required_skills_list|slice:":5" %} + {{ skill }} + {% endfor %} + {% if career.required_skills_list|length > 5 %} + +{{ career.required_skills_list|length|add:"-5" }} + {% endif %} +
+ {% endif %} + +
+ {% if career.application_deadline %} +
+ + Подача заявок до {{ career.application_deadline }} +
+ {% endif %} + +
+ + + Откликнуться + + +
+
+
+
+ {% endfor %} +
+
+
+{% endif %} + + +{% if active_careers %} +
+
+
+

{% if featured_careers %}Все вакансии{% else %}Открытые вакансии{% endif %}

+

Найдите идеальную позицию для своего развития

+
+ + + {% if departments %} +
+
+
Фильтр по отделам:
+
+ + {% for dept in departments %} + + {% endfor %} +
+
+
+ {% endif %} + +
+ {% for career in active_careers %} +
+
+
+
+
+

{{ career.title }}

+

{{ career.department }}

+
+ + + {{ career.location }} + + + + {{ career.get_employment_type_display }} + + + + {{ career.get_experience_level_display }} + +
+
+
+ {% if career.is_featured %} + + + + {% endif %} +
+
+
+ +
+

{{ career.description|truncatewords:25 }}

+ + {% if career.required_skills_list %} +
+ {% for skill in career.required_skills_list|slice:":4" %} + {{ skill }} + {% endfor %} + {% if career.required_skills_list|length > 4 %} + +{{ career.required_skills_list|length|add:"-4" }} + {% endif %} +
+ {% endif %} + +
+
+ {{ career.salary_range }} +
+ + Откликнуться + +
+
+ + {% if career.application_deadline %} +
+ + + Подача заявок до {{ career.application_deadline }} + +
+ {% endif %} +
+
+ {% endfor %} +
+
+
+{% else %} +
+
+
+
+ +
+

В данный момент открытых вакансий нет

+

Но мы всегда рады талантливым кандидатам! Отправьте нам своё резюме.

+ + + Связаться с HR + +
+
+
+{% endif %} + + +
+
+
+
+

Почему выбирают SmartSolTech?

+
+
+
+ +
Инновации
+

Работа с новейшими технологиями

+
+
+
+
+ +
Команда
+

Дружный коллектив профессионалов

+
+
+
+
+ +
Развитие
+

Постоянное обучение и рост

+
+
+
+
+ +
Баланс
+

Гибкий график и удаленка

+
+
+
+
+ + + Наша команда + + + + О компании + +
+
+
+
+
+{% endblock %} + +{% block extra_styles %} + +{% endblock %} + +{% block extra_scripts %} + +{% endblock %} \ No newline at end of file diff --git a/smartsoltech/web/templates/web/home.html b/smartsoltech/web/templates/web/home.html index 856938c..c22fb7c 100644 --- a/smartsoltech/web/templates/web/home.html +++ b/smartsoltech/web/templates/web/home.html @@ -442,6 +442,180 @@ document.addEventListener('DOMContentLoaded', function() { + + +{% if team_members %} +
+
+
+
+

Наша команда

+

+ Профессионалы, которые воплощают ваши идеи в реальность +

+
+
+ +
+ {% for member in team_members %} +
+
+
+ {% if member.photo %} + {{ member.full_name }} + {% else %} +
+ +
+ {% endif %} +
+ +
+
+
+
{{ member.full_name }}
+

{{ member.position }}

+ {% if member.department %} +

{{ member.department }}

+ {% endif %} + {% if member.experience_years > 0 %} +
+ + + {{ member.experience_years }}+ лет опыта + +
+ {% endif %} + {% if member.skills_list %} +
+ {% for skill in member.skills_list|slice:":3" %} + {{ skill }} + {% endfor %} + {% if member.skills_list|length > 3 %} + +{{ member.skills_list|length|add:"-3" }} + {% endif %} +
+ {% endif %} +
+
+
+ {% endfor %} +
+ +
+ + + Познакомиться с командой + +
+
+
+{% endif %} + + +{% if featured_careers %} +
+
+
+
+

Карьера в SmartSolTech

+

+ Присоединяйтесь к нашей команде и развивайтесь в мире технологий +

+
+
+ +
+ {% for career in featured_careers %} +
+
+
+
+ {{ career.get_employment_type_display }} + {% if career.is_featured %} + Рекомендуем + {% endif %} +
+

{{ career.title }}

+

+ + {{ career.department }} +

+
+ +
+
+ + {{ career.location }} +
+
+ + {{ career.get_experience_level_display }} +
+
+ + {{ career.salary_range }} +
+
+ +
+

{{ career.description|truncatewords:15 }}

+
+ + {% if career.required_skills_list %} +
+ {% for skill in career.required_skills_list|slice:":4" %} + {{ skill }} + {% endfor %} + {% if career.required_skills_list|length > 4 %} + +{{ career.required_skills_list|length|add:"-4" }} + {% endif %} +
+ {% endif %} + +
+ {% if career.application_deadline %} + + + До {{ career.application_deadline }} + + {% endif %} + + + Откликнуться + +
+
+
+ {% endfor %} +
+ +
+ + + Все вакансии + +
+
+
+{% endif %} {% endblock %} {% block extra_styles %} @@ -676,5 +850,254 @@ document.addEventListener('DOMContentLoaded', function() { padding: 8px 16px; } } + +/* Team Section Styles */ +.team-card { + background: white; + border-radius: 20px; + overflow: hidden; + transition: all 0.4s ease; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); + height: 100%; +} + +.team-card:hover { + transform: translateY(-10px); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); +} + +.team-image-wrapper { + position: relative; + width: 100%; + height: 250px; + overflow: hidden; +} + +.team-image { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.4s ease; +} + +.team-placeholder { + width: 100%; + height: 100%; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + display: flex; + align-items: center; + justify-content: center; + color: white; + font-size: 4rem; +} + +.team-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(135deg, rgba(102, 126, 234, 0.9), rgba(118, 75, 162, 0.9)); + opacity: 0; + transition: opacity 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} + +.team-card:hover .team-overlay { + opacity: 1; +} + +.team-card:hover .team-image { + transform: scale(1.1); +} + +.team-social { + display: flex; + gap: 15px; +} + +.social-link { + width: 50px; + height: 50px; + background: white; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: #667eea; + text-decoration: none; + font-size: 1.5rem; + transition: all 0.3s ease; +} + +.social-link:hover { + transform: scale(1.1) rotate(5deg); + color: #764ba2; +} + +.team-info { + padding: 25px 20px; +} + +.team-name { + font-weight: 600; + margin-bottom: 8px; + color: #2d3748; +} + +.team-position { + font-weight: 500; + margin-bottom: 8px; +} + +.team-department { + margin-bottom: 12px; +} + +.team-experience { + margin-bottom: 15px; +} + +.team-skills { + display: flex; + flex-wrap: wrap; + gap: 6px; +} + +.skill-tag { + background: #f7fafc; + border: 1px solid #e2e8f0; + border-radius: 12px; + padding: 4px 10px; + font-size: 0.75rem; + font-weight: 500; + color: #4a5568; + transition: all 0.2s ease; +} + +.skill-tag:hover { + background: #667eea; + color: white; + border-color: #667eea; +} + +.skill-tag.more { + background: #667eea; + color: white; + border-color: #667eea; +} + +/* Career Section Styles */ +.career-card { + background: white; + border-radius: 20px; + padding: 30px; + transition: all 0.4s ease; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); + height: 100%; + border: 2px solid transparent; + display: flex; + flex-direction: column; +} + +.career-card:hover { + transform: translateY(-5px); + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); + border-color: #667eea; +} + +.career-header { + margin-bottom: 20px; +} + +.career-badge { + margin-bottom: 15px; +} + +.career-badge .badge { + margin-right: 8px; + font-size: 0.75rem; + padding: 6px 12px; + border-radius: 20px; +} + +.career-title { + font-weight: 600; + margin-bottom: 8px; + color: #2d3748; + line-height: 1.3; +} + +.career-department { + margin-bottom: 0; + font-weight: 500; +} + +.career-details { + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #e2e8f0; +} + +.detail-item { + display: flex; + align-items: center; + margin-bottom: 10px; + font-size: 0.9rem; +} + +.detail-item i { + width: 20px; + margin-right: 10px; + flex-shrink: 0; +} + +.career-description { + margin-bottom: 20px; + flex-grow: 1; +} + +.career-skills { + display: flex; + flex-wrap: wrap; + gap: 6px; + margin-bottom: 25px; +} + +.career-skills .skill-tag.small { + font-size: 0.7rem; + padding: 3px 8px; +} + +.career-footer { + margin-top: auto; +} + +/* Responsive for Team and Career */ +@media (max-width: 768px) { + .team-image-wrapper { + height: 200px; + } + + .team-info { + padding: 20px 15px; + } + + .social-link { + width: 40px; + height: 40px; + font-size: 1.2rem; + } + + .career-card { + padding: 25px 20px; + } + + .career-title { + font-size: 1.1rem; + } +} {% endblock %} \ No newline at end of file diff --git a/smartsoltech/web/templates/web/navbar.html b/smartsoltech/web/templates/web/navbar.html index bd5e615..0c075ec 100644 --- a/smartsoltech/web/templates/web/navbar.html +++ b/smartsoltech/web/templates/web/navbar.html @@ -31,6 +31,18 @@ О нас +
  • + + Команда + +
    • +
  • + + Карьера + +
  • Контакты diff --git a/smartsoltech/web/templates/web/navbar_modern.html b/smartsoltech/web/templates/web/navbar_modern.html index bd5e615..0c075ec 100644 --- a/smartsoltech/web/templates/web/navbar_modern.html +++ b/smartsoltech/web/templates/web/navbar_modern.html @@ -31,6 +31,18 @@ О нас
    • +
  • + + Команда + +
    • +
  • + + Карьера + +
  • Контакты diff --git a/smartsoltech/web/templates/web/team.html b/smartsoltech/web/templates/web/team.html new file mode 100644 index 0000000..d5788d2 --- /dev/null +++ b/smartsoltech/web/templates/web/team.html @@ -0,0 +1,316 @@ +{% extends 'web/base_modern.html' %} +{% load static %} + +{% block title %}Наша команда - SmartSolTech{% endblock %} + +{% block content %} + +
    +
    +
    +
    +

    Познакомьтесь с нашей командой

    +

    + Профессионалы, которые превращают идеи в инновационные технологические решения +

    +
    +
    +
    +
    + + +
    +
    + {% if team_members %} +
    + {% for member in team_members %} +
    +
    +
    + {% if member.photo %} + {{ member.full_name }} + {% else %} +
    + +
    + {% endif %} +
    + +
    +
    + +
    +

    {{ member.full_name }}

    +

    {{ member.position }}

    + + {% if member.department %} +
    + + {{ member.department }} +
    + {% endif %} + + {% if member.experience_years > 0 %} +
    + + {{ member.experience_years }}+ лет опыта +
    + {% endif %} + + {% if member.bio %} +
    +

    {{ member.bio|truncatewords:20 }}

    +
    + {% endif %} + + {% if member.skills_list %} +
    +
    Навыки:
    +
    + {% for skill in member.skills_list %} + {{ skill }} + {% endfor %} +
    +
    + {% endif %} +
    +
    +
    + {% endfor %} +
    + {% else %} +
    +
    + +
    +

    Команда пока не добавлена

    +

    Мы работаем над обновлением информации о нашей команде.

    +
    + {% endif %} +
    +
    + + +
    +
    +
    +
    +

    Хотите присоединиться к нашей команде?

    +

    + Мы всегда ищем талантливых и мотивированных профессионалов +

    +
    + + + Открытые вакансии + + + + Связаться с HR + +
    +
    +
    +
    +
    +{% endblock %} + +{% block extra_styles %} + +{% endblock %} \ No newline at end of file diff --git a/smartsoltech/web/urls.py b/smartsoltech/web/urls.py index 2246c0b..ef3c2ae 100644 --- a/smartsoltech/web/urls.py +++ b/smartsoltech/web/urls.py @@ -15,6 +15,7 @@ urlpatterns = [ path('blog/', views.blog_view, name='blog'), path('news/', views.news_view, name='news'), path('career/', views.career_view, name='career'), + path('team/', views.team_view, name='team'), # path('create_order//', views.create_order, name='create_order'), path('about/', views.about_view, name="about"), path('service/generate_qr_code//', views.generate_qr_code, name='generate_qr_code'), diff --git a/smartsoltech/web/views.py b/smartsoltech/web/views.py index 529e78e..9be2801 100644 --- a/smartsoltech/web/views.py +++ b/smartsoltech/web/views.py @@ -1,5 +1,5 @@ from django.shortcuts import render, get_object_or_404, redirect -from .models import Service, Project, Client, BlogPost, Review, Order, ServiceRequest, HeroBanner, Category, ContactInfo +from .models import Service, Project, Client, BlogPost, Review, Order, ServiceRequest, HeroBanner, Category, ContactInfo, Team, Career from django.db.models import Avg from comunication.models import TelegramSettings import qrcode @@ -41,12 +41,18 @@ def home(request): latest_blog_posts = BlogPost.objects.all()[:2] # Последние статьи блога reviews = Review.objects.all()[:3] # Отзывы клиентов + # Данные для команды и карьеры + team_members = Team.objects.filter(is_active=True, show_on_about=True).order_by('display_order')[:4] # Показываем топ-4 участников команды + featured_careers = Career.objects.filter(status='active', is_featured=True).order_by('-created_at')[:3] # Топ-3 рекомендуемые вакансии + return render(request, 'web/home_modern.html', { 'services': services, 'hero_banners': hero_banners, 'latest_projects': latest_projects, 'latest_blog_posts': latest_blog_posts, 'reviews': reviews, + 'team_members': team_members, + 'featured_careers': featured_careers, }) def service_detail(request, pk): @@ -359,3 +365,30 @@ def check_request_status(request, request_id): except Exception as e: logger.error(f"Ошибка при проверке статуса заявки {request_id}: {str(e)}") return JsonResponse({'error': 'Ошибка сервера'}, status=500) + + +def team_view(request): + """Страница команды""" + team_members = Team.objects.filter(is_active=True).order_by('display_order', 'last_name') + return render(request, 'web/team.html', { + 'team_members': team_members, + }) + + +def career_view(request): + """Страница карьеры""" + # Активные вакансии + active_careers = Career.objects.filter(status='active').order_by('-is_featured', '-created_at') + + # Рекомендуемые вакансии + featured_careers = active_careers.filter(is_featured=True) + + # Статистика + departments = Career.objects.filter(status='active').values_list('department', flat=True).distinct() + + return render(request, 'web/career.html', { + 'active_careers': active_careers, + 'featured_careers': featured_careers, + 'departments': departments, + 'total_positions': active_careers.count(), + })