refactor: update internship page layout with new application requirements and localization strings

This commit is contained in:
Ümit Tunç
2026-05-11 08:01:41 +03:00
parent 9a606991e3
commit 2fd3dbb63f
3 changed files with 58 additions and 51 deletions
+2
View File
@@ -29,4 +29,6 @@ return [
'daily_standup_desc' => 'Daily short meetings ensure in-team communication and progress tracking.',
'flexible_projects' => 'Flexible and Project Oriented',
'flexible_projects_desc' => 'Flexibility is essential in our projects. You will take part in real projects suitable for your talents.',
'focus_on_development' => 'Focus on Development',
'intent_letter' => 'Letter of Intent',
];
+2
View File
@@ -29,4 +29,6 @@ return [
'daily_standup_desc' => 'Her gün düzenlenen kısa toplantılarla ekip içi iletişim ve ilerleme takibi sağlanır.',
'flexible_projects' => 'Esnek ve Proje Odaklı',
'flexible_projects_desc' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.',
'focus_on_development' => 'Gelişim Odaklılık',
'intent_letter' => 'Niyet Mektubu',
];
@@ -17,35 +17,11 @@
<div class="row mb-12">
<div class="col-lg-10 col-xl-9 col-xxl-8 mx-auto text-center">
<h2 class="fs-15 text-uppercase text-citrus mb-3">{{ __('career.remote_work_title', ['default' => 'Süreç Nasıl İşliyor?']) }}</h2>
<h3 class="display-4 mb-6">{{ __('career.remote_work_title', ['default' => 'Tamamen Uzaktan Staj Deneyimi']) }}</h3>
<p class="mb-6 text-muted">{{ __('career.remote_work_details', ['default' => 'Truncgil olarak stajyerlerimizi tamamen uzaktan (remote) kabul ediyoruz. Günlük çalışma sistemimiz de tamamen uzaktan yürütülmektedir.']) }}</p>
<h3 class="display-4 mb-10">{{ __('career.remote_work_title', ['default' => 'Tamamen Uzaktan Staj Deneyimi']) }}</h3>
<div class="row text-start mb-10">
<div class="col-md-6 mb-5 mb-md-0">
<div class="card shadow-lg border-0 h-100">
<div class="card-body p-6">
<div class="d-flex align-items-center mb-3">
<div class="icon btn btn-circle btn-soft-citrus disabled me-4"><i class="uil uil-users-alt"></i></div>
<h4 class="mb-0">{{ __('career.daily_standup', ['default' => 'Günlük Standup']) }}</h4>
</div>
<p class="mb-0 text-mutedSmall">{{ __('career.daily_standup_desc', ['default' => 'Her gün düzenlenen kısa toplantılarla ekip içi iletişim ve ilerleme takibi sağlanır.']) }}</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card shadow-lg border-0 h-100">
<div class="card-body p-6">
<div class="d-flex align-items-center mb-3">
<div class="icon btn btn-circle btn-soft-citrus disabled me-4"><i class="uil uil-laptop-cloud"></i></div>
<h4 class="mb-0">{{ __('career.flexible_projects', ['default' => 'Esnek ve Proje Odaklı']) }}</h4>
</div>
<p class="mb-0 text-mutedSmall">{{ __('career.flexible_projects_desc', ['default' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.']) }}</p>
</div>
</div>
</div>
</div>
<div class="mermaid-container p-6 bg-white rounded-4 shadow-xl mb-10 overflow-auto d-flex justify-content-center">
<div class="row align-items-center mb-10 text-start">
<div class="col-lg-6 mb-10 mb-lg-0">
<div class="mermaid-container p-6 bg-white rounded-4 shadow-xl overflow-auto d-flex justify-content-center">
<pre class="mermaid">
graph TD
A[İnternet Üzerinden Başvuru] --> B{Uzaktan Çalışma Koşulları}
@@ -61,6 +37,29 @@
</pre>
</div>
</div>
<div class="col-lg-6 ps-lg-10">
<h4 class="display-6 mb-4">{{ __('career.application_conditions_title', ['default' => 'Başvuru Şartları ve Çalışma Modeli']) }}</h4>
<ul class="icon-list bullet-citrus mb-0 ps-0">
<li class="mb-3">
<span class="fw-bold text-dark">{{ __('career.daily_standup', ['default' => 'Günlük Standup:']) }}</span>
{{ __('career.daily_standup_desc', ['default' => 'Her gün düzenlenen kısa toplantılarla ekip içi iletişim ve ilerleme takibi sağlanır.']) }}
</li>
<li class="mb-3">
<span class="fw-bold text-dark">{{ __('career.flexible_projects', ['default' => 'Esnek Projeler:']) }}</span>
{{ __('career.flexible_projects_desc', ['default' => 'Projelerimizde esneklik esastır. Yeteneklerinize uygun gerçek projelerde görev alırsınız.']) }}
</li>
<li class="mb-3">
<span class="fw-bold text-dark">{{ __('career.focus_on_development', ['default' => 'Gelişim Odaklılık:']) }}</span>
{{ __('career.condition_not_only_for_internship', ['default' => 'Yalnızca staj yapmak için yapmak isteyen kişiler alınmamaktadır.']) }}
</li>
<li>
<span class="fw-bold text-dark">{{ __('career.intent_letter', ['default' => 'Niyet Mektubu:']) }}</span>
{{ __('career.condition_intent_letter', ['default' => 'Mesaj bölümünde nasıl bir katkı sağlayacağınızın niyet mektubu iletilmelidir.']) }}
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
@@ -71,18 +70,6 @@
<div class="col-12">
<h2 class="h3 mb-2 text-dark">Staj Başvuru Formu</h2>
<div class="divider-citrus"></div>
<div class="alert alert-info border-0 shadow-sm rounded-4 mb-8 text-start">
<div class="d-flex">
<div class="me-3"><i class="uil uil-info-circle fs-24"></i></div>
<div>
<h5 class="mb-1">{{ __('career.application_conditions_title', ['default' => 'Başvuru Şartları']) }}</h5>
<ul class="mb-0 ps-4">
<li>{{ __('career.condition_not_only_for_internship', ['default' => 'Yalnızca staj yapmak için yapmak isteyen kişiler alınmamaktadır.']) }}</li>
<li>{{ __('career.condition_intent_letter', ['default' => 'Mesaj bölümünde nasıl bir katkı sağlayacağınızın niyet mektubu iletilmelidir.']) }}</li>
</ul>
</div>
</div>
</div>
</div>
</div>
@@ -235,6 +222,22 @@
font-size: 0.9rem;
color: #6c757d;
}
.icon-list.bullet-citrus li::before {
color: var(--citrus-red);
content: "\e9dd"; /* UIL Check Circle icon */
font-family: 'unicons';
font-size: 1.2rem;
left: 0;
position: absolute;
top: 0.1rem;
}
.icon-list li {
list-style: none;
padding-left: 2rem;
position: relative;
}
</style>
@endpush