modified: main_dc/yalarba/easySite/easySite/app/components/layout/Careers.vue

modified:   main_dc/yalarba/easySite/easySite/app/components/layout/Footer.vue
add emogy into Open Vocation link in footer layout
This commit is contained in:
2025-11-01 04:32:50 +05:00
parent 0b53761192
commit 511dc100a9
2 changed files with 68 additions and 104 deletions
@@ -278,42 +278,6 @@
<p>В стартап-среде мы ценим <strong>универсальность и способность работать на стыке
специальностей</strong>. Если вы чувствуете силу в нескольких направлениях это
огромное преимущество!</p>
<div class="combination-examples">
<h4>🎭 Возможные комбинации:</h4>
<div class="combination-grid">
<div class="combination-item">
<div class="combination-badges">
<span class="badge badge-success">SEO</span>
<span class="badge badge-secondary">Copy</span>
</div>
<p>SEO + Копирайтинг</p>
</div>
<div class="combination-item">
<div class="combination-badges">
<span class="badge badge-primary">SMM</span>
<span class="badge badge-secondary">Copy</span>
</div>
<p>SMM + Копирайтинг</p>
</div>
<div class="combination-item">
<div class="combination-badges">
<span class="badge badge-primary">SMM</span>
<span class="badge badge-success">SEO</span>
</div>
<p>SMM + SEO</p>
</div>
<div class="combination-item">
<div class="combination-badges">
<span class="badge badge-primary">SMM</span>
<span class="badge badge-success">SEO</span>
<span class="badge badge-secondary">Copy</span>
</div>
<p>Digital Marketing Generalist</p>
</div>
</div>
</div>
<div class="explanation-grid">
<div class="explanation-item">
<div class="explanation-icon">🔄</div>
@@ -578,7 +542,7 @@ const submitForm = async () => {
// SEO мета-теги
useSeoMeta({
title: 'Присоединиться к команде - ЯЛ АРБА',
description: 'Станьте частью команды, создающей digital-будущее через open-source. Frontend, Backend, Design, Analytics вакансии.',
description: 'Станьте частью команды, создающей цифровое-будущее через open-source создание SaaS сервисов. Frontend, Backend, Design, Analytics вакансии.',
ogTitle: 'Вакансии в стартап ЯЛ АРБА',
ogDescription: 'Ищем тимейтов для роста и прорыва. Создаем будущее вместе.'
})
@@ -1144,120 +1108,120 @@ useSeoMeta({
/* Стили для обновленной секции вакансий */
.roles-explanation {
margin-top: var(--space-2xl);
margin-top: var(--space-2xl);
}
.explanation-card {
background: var(--bg-secondary);
border-radius: var(--radius-lg);
padding: var(--space-2xl);
border: 1px solid var(--border-light);
background: var(--bg-secondary);
border-radius: var(--radius-lg);
padding: var(--space-2xl);
border: 1px solid var(--border-light);
}
.explanation-card h3 {
margin-bottom: var(--space-lg);
color: var(--primary-600);
text-align: center;
margin-bottom: var(--space-lg);
color: var(--primary-600);
text-align: center;
}
.combination-examples {
margin: var(--space-xl) 0;
padding: var(--space-lg);
background: var(--bg-primary);
border-radius: var(--radius-lg);
border: 1px solid var(--border-light);
margin: var(--space-xl) 0;
padding: var(--space-lg);
background: var(--bg-primary);
border-radius: var(--radius-lg);
border: 1px solid var(--border-light);
}
.combination-examples h4 {
margin-bottom: var(--space-lg);
color: var(--text-primary);
text-align: center;
margin-bottom: var(--space-lg);
color: var(--text-primary);
text-align: center;
}
.combination-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--space-lg);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--space-lg);
}
.combination-item {
text-align: center;
padding: var(--space-lg);
background: var(--gray-50);
border-radius: var(--radius-md);
border: 1px solid var(--border-light);
text-align: center;
padding: var(--space-lg);
background: var(--gray-50);
border-radius: var(--radius-md);
border: 1px solid var(--border-light);
}
.combination-badges {
display: flex;
justify-content: center;
gap: var(--space-xs);
margin-bottom: var(--space-sm);
flex-wrap: wrap;
display: flex;
justify-content: center;
gap: var(--space-xs);
margin-bottom: var(--space-sm);
flex-wrap: wrap;
}
.combination-item p {
margin: 0;
font-weight: var(--font-medium);
color: var(--text-primary);
margin: 0;
font-weight: var(--font-medium);
color: var(--text-primary);
}
.explanation-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--space-lg);
margin: var(--space-xl) 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--space-lg);
margin: var(--space-xl) 0;
}
.explanation-item {
text-align: center;
padding: var(--space-lg);
text-align: center;
padding: var(--space-lg);
}
.explanation-icon {
font-size: 2rem;
margin-bottom: var(--space-md);
font-size: 2rem;
margin-bottom: var(--space-md);
}
.explanation-item h4 {
margin-bottom: var(--space-sm);
color: var(--primary-600);
margin-bottom: var(--space-sm);
color: var(--primary-600);
}
.explanation-item p {
color: var(--text-secondary);
line-height: var(--leading-relaxed);
color: var(--text-secondary);
line-height: var(--leading-relaxed);
}
.cta-note {
background: var(--primary-50);
border-radius: var(--radius-md);
padding: var(--space-lg);
text-align: center;
border-left: 4px solid var(--primary-500);
background: var(--primary-50);
border-radius: var(--radius-md);
padding: var(--space-lg);
text-align: center;
border-left: 4px solid var(--primary-500);
}
.cta-note p {
margin: 0;
color: var(--primary-700);
margin: 0;
color: var(--primary-700);
}
/* Адаптивность */
@media (max-width: 768px) {
.combination-grid {
grid-template-columns: 1fr;
}
.explanation-grid {
grid-template-columns: 1fr;
}
.explanation-card {
padding: var(--space-lg);
}
.combination-examples {
padding: var(--space-md);
}
.combination-grid {
grid-template-columns: 1fr;
}
.explanation-grid {
grid-template-columns: 1fr;
}
.explanation-card {
padding: var(--space-lg);
}
.combination-examples {
padding: var(--space-md);
}
}
</style>
@@ -78,7 +78,7 @@
<div class="footer-section">
<h3 class="footer-title">Карьера</h3>
<div class="footer-links">
<NuxtLink to="/vacations" class="footer-link">Открытые вакансии</NuxtLink>
<NuxtLink to="/vacations" class="footer-link">💼 Открытые вакансии</NuxtLink>
<a href="#" class="footer-link">👥 Стать партнером</a>
<nuxt-link class="footer-link" href="/about">🏢 О компании</nuxt-link>
<a href="#" class="footer-link">📰 Новости</a>