my-homelab-configs/apps/website/cv.php

269 lines
9.3 KiB
PHP

<?php
require_once __DIR__ . '/lang_helper.php';
$impactKeys = [
'cv_impact_1',
'cv_impact_2',
'cv_impact_3',
'cv_impact_4',
];
$skillGroups = [
[
'title' => 'cv_skill_platform_title',
'body' => 'cv_skill_platform_body',
],
[
'title' => 'cv_skill_sre_title',
'body' => 'cv_skill_sre_body',
],
[
'title' => 'cv_skill_automation_title',
'body' => 'cv_skill_automation_body',
],
[
'title' => 'cv_skill_mlops_title',
'body' => 'cv_skill_mlops_body',
],
];
$recruiterKeys = [
'cv_recruiter_1',
'cv_recruiter_2',
'cv_recruiter_3',
];
?>
<!DOCTYPE html>
<html lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8">
<title>CV - <?php echo $text['name']; ?></title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="cv-page theme-dark">
<nav class="top-nav">
<div class="nav-left">Juvenal Diaz</div>
<div class="nav-right">
<?php foreach ($availableLangs as $code): ?>
<a href="cv.php?lang=<?php echo $code; ?>"><?php echo strtoupper($code); ?></a>
<?php endforeach; ?>
|
<a href="index.php?lang=<?php echo $lang; ?>"
data-translate data-key="nav_home"
data-en="<?php echo htmlspecialchars($en['nav_home']); ?>">
<?php echo $text['nav_home']; ?>
</a>
<a href="cv.php?lang=<?php echo $lang; ?>"
data-translate data-key="nav_cv"
data-en="<?php echo htmlspecialchars($en['nav_cv']); ?>">
<?php echo $text['nav_cv']; ?>
</a>
<a href="blog.php?lang=<?php echo $lang; ?>"
data-translate data-key="nav_blog"
data-en="<?php echo htmlspecialchars($en['nav_blog']); ?>">
<?php echo $text['nav_blog']; ?>
</a>
<a href="demos.php?lang=<?php echo $lang; ?>"
data-translate data-key="nav_demos"
data-en="<?php echo htmlspecialchars($en['nav_demos']); ?>">
<?php echo $text['nav_demos']; ?>
</a>
</div>
</nav>
<?php require __DIR__ . '/partials/theme_toolbar.php'; ?>
<div class="container cv-container">
<div class="cv-portrait-orbit" id="cv-portrait-orbit">
<svg viewBox="0 0 260 260" aria-hidden="true">
<defs>
<path id="cv-orbit-text-path" d="M 130,130 m -104,0 a 104,104 0 1,1 208,0 a 104,104 0 1,1 -208,0"></path>
</defs>
<text>
<textPath href="#cv-orbit-text-path" startOffset="0%"
data-translate data-key="cv_orbit_text"
data-en="<?php echo htmlspecialchars($en['cv_orbit_text']); ?>">
<?php echo $text['cv_orbit_text']; ?>
</textPath>
</text>
</svg>
<img class="cv-portrait-img" src="images/profile.webp" alt="Juvenal Diaz">
</div>
<div class="cv-header-text">
<h1><?php echo $text['name']; ?></h1>
<p data-translate data-key="job_title"
data-en="<?php echo htmlspecialchars($en['job_title']); ?>">
<?php echo $text['job_title']; ?>
</p>
<p><?php echo $text['contacts']; ?></p>
</div>
<h2 data-translate data-key="cv_summary_title"
data-en="<?php echo htmlspecialchars($en['cv_summary_title']); ?>">
<?php echo $text['cv_summary_title']; ?>
</h2>
<p data-translate data-key="cv_summary"
data-en="<?php echo htmlspecialchars($en['cv_summary']); ?>">
<?php echo $text['cv_summary']; ?>
</p>
<section class="cv-proof-section" aria-labelledby="cv-impact-title">
<h2 id="cv-impact-title"
data-translate data-key="cv_impact_title"
data-en="<?php echo htmlspecialchars($en['cv_impact_title']); ?>">
<?php echo $text['cv_impact_title']; ?>
</h2>
<div class="cv-impact-grid">
<?php foreach ($impactKeys as $impactKey): ?>
<p data-translate data-key="<?php echo htmlspecialchars($impactKey); ?>"
data-en="<?php echo htmlspecialchars($en[$impactKey]); ?>">
<?php echo $text[$impactKey]; ?>
</p>
<?php endforeach; ?>
</div>
</section>
<section class="cv-skill-section" aria-labelledby="cv-skills-title">
<h2 id="cv-skills-title"
data-translate data-key="cv_skills_title"
data-en="<?php echo htmlspecialchars($en['cv_skills_title']); ?>">
<?php echo $text['cv_skills_title']; ?>
</h2>
<div class="cv-skill-grid">
<?php foreach ($skillGroups as $group): ?>
<article>
<h3 data-translate data-key="<?php echo htmlspecialchars($group['title']); ?>"
data-en="<?php echo htmlspecialchars($en[$group['title']]); ?>">
<?php echo $text[$group['title']]; ?>
</h3>
<p data-translate data-key="<?php echo htmlspecialchars($group['body']); ?>"
data-en="<?php echo htmlspecialchars($en[$group['body']]); ?>">
<?php echo $text[$group['body']]; ?>
</p>
</article>
<?php endforeach; ?>
</div>
</section>
<section class="cv-recruiter-panel" aria-labelledby="cv-recruiter-title">
<h2 id="cv-recruiter-title"
data-translate data-key="cv_recruiter_title"
data-en="<?php echo htmlspecialchars($en['cv_recruiter_title']); ?>">
<?php echo $text['cv_recruiter_title']; ?>
</h2>
<ul>
<?php foreach ($recruiterKeys as $recruiterKey): ?>
<li data-translate data-key="<?php echo htmlspecialchars($recruiterKey); ?>"
data-en="<?php echo htmlspecialchars($en[$recruiterKey]); ?>">
<?php echo $text[$recruiterKey]; ?>
</li>
<?php endforeach; ?>
</ul>
<div class="cv-recruiter-actions">
<a href="blog.php?lang=<?php echo $lang; ?>#case-studies-title"
data-translate data-key="home_cta_cases"
data-en="<?php echo htmlspecialchars($en['home_cta_cases']); ?>">
<?php echo $text['home_cta_cases']; ?>
</a>
<a href="/demo-apps/mlops-platform/"
data-translate data-key="home_cta_mlops"
data-en="<?php echo htmlspecialchars($en['home_cta_mlops']); ?>">
<?php echo $text['home_cta_mlops']; ?>
</a>
<a href="mailto:juvenaldiaz522@gmail.com"
data-translate data-key="home_cta_email"
data-en="<?php echo htmlspecialchars($en['home_cta_email']); ?>">
<?php echo $text['home_cta_email']; ?>
</a>
</div>
</section>
<h2 data-translate data-key="cv_employment_title"
data-en="<?php echo htmlspecialchars($en['cv_employment_title']); ?>">
<?php echo $text['cv_employment_title']; ?>
</h2>
<p><strong><?php echo $text['cv_job1_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job1_title"
data-en="<?php echo htmlspecialchars($en['cv_job1_title']); ?>">
<?php echo $text['cv_job1_title']; ?>
</strong></p>
<p data-translate data-key="cv_job1_desc"
data-en="<?php echo htmlspecialchars($en['cv_job1_desc']); ?>">
<?php echo $text['cv_job1_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job2_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job2_title"
data-en="<?php echo htmlspecialchars($en['cv_job2_title']); ?>">
<?php echo $text['cv_job2_title']; ?>
</strong></p>
<p data-translate data-key="cv_job2_desc"
data-en="<?php echo htmlspecialchars($en['cv_job2_desc']); ?>">
<?php echo $text['cv_job2_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job3_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job3_title"
data-en="<?php echo htmlspecialchars($en['cv_job3_title']); ?>">
<?php echo $text['cv_job3_title']; ?>
</strong></p>
<p data-translate data-key="cv_job3_desc"
data-en="<?php echo htmlspecialchars($en['cv_job3_desc']); ?>">
<?php echo $text['cv_job3_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job4_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job4_title"
data-en="<?php echo htmlspecialchars($en['cv_job4_title']); ?>">
<?php echo $text['cv_job4_title']; ?>
</strong></p>
<p data-translate data-key="cv_job4_desc"
data-en="<?php echo htmlspecialchars($en['cv_job4_desc']); ?>">
<?php echo $text['cv_job4_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job5_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job5_title"
data-en="<?php echo htmlspecialchars($en['cv_job5_title']); ?>">
<?php echo $text['cv_job5_title']; ?>
</strong></p>
<p data-translate data-key="cv_job5_desc"
data-en="<?php echo htmlspecialchars($en['cv_job5_desc']); ?>">
<?php echo $text['cv_job5_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job6_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job6_title"
data-en="<?php echo htmlspecialchars($en['cv_job6_title']); ?>">
<?php echo $text['cv_job6_title']; ?>
</strong></p>
<p data-translate data-key="cv_job6_desc"
data-en="<?php echo htmlspecialchars($en['cv_job6_desc']); ?>">
<?php echo $text['cv_job6_desc']; ?>
</p>
<p><strong><?php echo $text['cv_job7_period']; ?></strong></p>
<p><strong data-translate data-key="cv_job7_title"
data-en="<?php echo htmlspecialchars($en['cv_job7_title']); ?>">
<?php echo $text['cv_job7_title']; ?>
</strong></p>
<p data-translate data-key="cv_job7_desc"
data-en="<?php echo htmlspecialchars($en['cv_job7_desc']); ?>">
<?php echo $text['cv_job7_desc']; ?>
</p>
</div>
<script>
window.OTHER_PAGES = ['index.php', 'blog.php'];
</script>
<script src="cv-theme.js"></script>
<?php require_once __DIR__ . '/partials/translation_ui.php'; ?>
</body>
</html>