165 lines
5.7 KiB
PHP
165 lines
5.7 KiB
PHP
<?php
|
|
require_once __DIR__ . '/lang_helper.php';
|
|
|
|
$homeProofCards = [
|
|
[
|
|
'label' => 'home_proof_platform_label',
|
|
'title' => 'home_proof_platform_title',
|
|
'body' => 'home_proof_platform_body',
|
|
],
|
|
[
|
|
'label' => 'home_proof_scale_label',
|
|
'title' => 'home_proof_scale_title',
|
|
'body' => 'home_proof_scale_body',
|
|
],
|
|
[
|
|
'label' => 'home_proof_mlops_label',
|
|
'title' => 'home_proof_mlops_title',
|
|
'body' => 'home_proof_mlops_body',
|
|
],
|
|
];
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="<?php echo $lang; ?>">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title><?php echo $text['name']; ?></title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body class="home-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="index.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'; ?>
|
|
|
|
<section class="hero">
|
|
<div class="hero-text">
|
|
<h1><?php echo $text['name']; ?></h1>
|
|
<p class="hero-role"
|
|
data-translate data-key="job_title"
|
|
data-en="<?php echo htmlspecialchars($en['job_title']); ?>">
|
|
<?php echo $text['job_title']; ?>
|
|
</p>
|
|
<p class="bio-intro"
|
|
data-translate data-key="bio_intro"
|
|
data-en="<?php echo htmlspecialchars($en['bio_intro']); ?>">
|
|
<?php echo $text['bio_intro']; ?>
|
|
</p>
|
|
<p class="bio-story"
|
|
data-translate data-key="bio_story_1"
|
|
data-en="<?php echo htmlspecialchars($en['bio_story_1']); ?>">
|
|
<?php echo $text['bio_story_1']; ?>
|
|
</p>
|
|
<p class="bio-story"
|
|
data-translate data-key="bio_story_2"
|
|
data-en="<?php echo htmlspecialchars($en['bio_story_2']); ?>">
|
|
<?php echo $text['bio_story_2']; ?>
|
|
</p>
|
|
<p class="bio-story"
|
|
data-translate data-key="bio_story_3"
|
|
data-en="<?php echo htmlspecialchars($en['bio_story_3']); ?>">
|
|
<?php echo $text['bio_story_3']; ?>
|
|
</p>
|
|
<p class="cta">
|
|
<span data-translate data-key="bio_cta"
|
|
data-en="<?php echo htmlspecialchars($en['bio_cta']); ?>">
|
|
<?php echo $text['bio_cta']; ?>
|
|
</span>
|
|
<a href="cv.php?lang=<?php echo $lang; ?>"><?php echo $text['bio_cta_link']; ?></a>.
|
|
</p>
|
|
<div class="hero-actions" aria-label="Portfolio actions">
|
|
<a href="cv.php?lang=<?php echo $lang; ?>"
|
|
data-translate data-key="home_cta_cv"
|
|
data-en="<?php echo htmlspecialchars($en['home_cta_cv']); ?>">
|
|
<?php echo $text['home_cta_cv']; ?>
|
|
</a>
|
|
<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>
|
|
</div>
|
|
<div class="hero-image">
|
|
<img src="images/profile.webp" alt="profile">
|
|
</div>
|
|
</section>
|
|
|
|
<section class="positioning-proof" aria-labelledby="home-proof-title">
|
|
<p class="section-kicker"
|
|
data-translate data-key="home_proof_kicker"
|
|
data-en="<?php echo htmlspecialchars($en['home_proof_kicker']); ?>">
|
|
<?php echo $text['home_proof_kicker']; ?>
|
|
</p>
|
|
<h2 id="home-proof-title"
|
|
data-translate data-key="home_proof_title"
|
|
data-en="<?php echo htmlspecialchars($en['home_proof_title']); ?>">
|
|
<?php echo $text['home_proof_title']; ?>
|
|
</h2>
|
|
<div class="home-proof-grid">
|
|
<?php foreach ($homeProofCards as $card): ?>
|
|
<article class="home-proof-card">
|
|
<span data-translate data-key="<?php echo htmlspecialchars($card['label']); ?>"
|
|
data-en="<?php echo htmlspecialchars($en[$card['label']]); ?>">
|
|
<?php echo $text[$card['label']]; ?>
|
|
</span>
|
|
<h3 data-translate data-key="<?php echo htmlspecialchars($card['title']); ?>"
|
|
data-en="<?php echo htmlspecialchars($en[$card['title']]); ?>">
|
|
<?php echo $text[$card['title']]; ?>
|
|
</h3>
|
|
<p data-translate data-key="<?php echo htmlspecialchars($card['body']); ?>"
|
|
data-en="<?php echo htmlspecialchars($en[$card['body']]); ?>">
|
|
<?php echo $text[$card['body']]; ?>
|
|
</p>
|
|
</article>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
const OTHER_PAGES = ['cv.php', 'blog.php', 'demos.php'];
|
|
</script>
|
|
<script src="cv-theme.js"></script>
|
|
<?php require_once __DIR__ . '/partials/translation_ui.php'; ?>
|
|
|
|
</body>
|
|
</html>
|