truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update internship page with remote work details and application requirements

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-11 08:00:21 +03:00
parent a81f4fdf9e
commit 9a606991e3
3 changed files with 80 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/front/career/internship.blade.php
+62 -6
View File
@@ -16,11 +16,36 @@
<div class="container pt-10 pb-14 pb-md-16">
<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">Süreç Nasıl İşliyor?</h2>
<h3 class="display-4 mb-10">Tamamen Uzaktan Staj Deneyimi</h3>
<p class="mb-10 text-muted">Truncgil olarak stajyerlerimizi tamamen uzaktan (remote) kabul ediyoruz. Günlük çalışma sistemimiz de tamamen uzaktan yürütülmektedir. İşte başvuru ve değerlendirme sürecimiz:</p>
<div class="mermaid-container p-6 bg-white rounded-4 shadow-xl mb-10 overflow-auto">
<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>
<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">
<pre class="mermaid">
graph TD
A[İnternet Üzerinden Başvuru] --> B{Uzaktan Çalışma Koşulları}
@@ -46,6 +71,18 @@
<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>
@@ -187,13 +224,32 @@
.mermaid-container {
min-width: 300px;
}
.btn-soft-citrus {
background-color: var(--citrus-red-soft);
color: var(--citrus-red);
border: none;
}
.text-mutedSmall {
font-size: 0.9rem;
color: #6c757d;
}
</style>
@endpush
@push('scripts')
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true });
mermaid.initialize({
startOnLoad: true,
theme: 'default',
flowchart: {
useMaxWidth: true,
htmlLabels: true,
curve: 'basis'
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>