82 lines
2.5 KiB
PHP
82 lines
2.5 KiB
PHP
<?php require_once __DIR__ . '/lang_helper.php'; ?>
|
|
<!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>
|
|
|
|
<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="#"
|
|
data-translate data-key="nav_blog"
|
|
data-en="<?php echo htmlspecialchars($en['nav_blog']); ?>">
|
|
<?php echo $text['nav_blog']; ?>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<div class="hero-text">
|
|
<h1><?php echo $text['name']; ?></h1>
|
|
<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>
|
|
<div class="hero-image">
|
|
<img src="images/profile.webp" alt="profile">
|
|
</div>
|
|
</section>
|
|
|
|
<?php
|
|
// Tell translation.js to also translate these pages in the background
|
|
?>
|
|
<script>
|
|
const OTHER_PAGES = ['/cv.php'];
|
|
</script>
|
|
<?php require_once __DIR__ . '/partials/translation_ui.php'; ?>
|
|
|
|
</body>
|
|
</html>
|