105 lines
3.5 KiB
PHP
105 lines
3.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 class="home-page cv-elegant">
|
|
|
|
<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>
|
|
|
|
<div class="cv-theme-toolbar" aria-label="<?php echo htmlspecialchars($en['cv_theme_label']); ?>">
|
|
<span data-translate data-key="cv_theme_label"
|
|
data-en="<?php echo htmlspecialchars($en['cv_theme_label']); ?>">
|
|
<?php echo $text['cv_theme_label']; ?>
|
|
</span>
|
|
<button type="button" class="cv-theme-option is-active" data-cv-theme="elegant"
|
|
data-translate data-key="cv_theme_elegant"
|
|
data-en="<?php echo htmlspecialchars($en['cv_theme_elegant']); ?>">
|
|
<?php echo $text['cv_theme_elegant']; ?>
|
|
</button>
|
|
<button type="button" class="cv-theme-option" data-cv-theme="fancy"
|
|
data-translate data-key="cv_theme_fancy"
|
|
data-en="<?php echo htmlspecialchars($en['cv_theme_fancy']); ?>">
|
|
<?php echo $text['cv_theme_fancy']; ?>
|
|
</button>
|
|
</div>
|
|
|
|
<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
|
|
?>
|
|
<script>
|
|
const OTHER_PAGES = ['cv.php', 'blog.php'];
|
|
</script>
|
|
<script src="cv-theme.js"></script>
|
|
<?php require_once __DIR__ . '/partials/translation_ui.php'; ?>
|
|
|
|
</body>
|
|
</html>
|
|
|