165 lines
5.9 KiB
PHP
165 lines
5.9 KiB
PHP
<?php require_once __DIR__ . '/lang_helper.php'; ?>
|
|
<!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>
|
|
|
|
<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>
|
|
const OTHER_PAGES = ['index.php', 'blog.php'];
|
|
</script>
|
|
<script src="cv-theme.js"></script>
|
|
<?php require_once __DIR__ . '/partials/translation_ui.php'; ?>
|
|
|
|
</body>
|
|
</html>
|
|
|