Files
pflores.linkedcorp.net/frontend/cvfolio-theme/front-page.php
T

81 lines
4.0 KiB
PHP

<?php
declare(strict_types=1);
get_header();
$hero_name = get_theme_mod('cvolio_hero_name', get_bloginfo('name'));
$hero_role = get_theme_mod('cvolio_hero_role', __('Profesional creativo y estratega digital', 'cvolio'));
$hero_intro = get_theme_mod('cvolio_hero_intro', __('Presenta tu experiencia, logros, proyectos y propuesta de valor con un formato claro, elegante y listo para cualquier dispositivo.', 'cvolio'));
$hero_location = get_theme_mod('cvolio_contact_location', 'Guayaquil, Ecuador');
$hero_email = get_theme_mod('cvolio_contact_email', 'hola@ejemplo.com');
$hero_phone = get_theme_mod('cvolio_contact_phone', '+593 999 999 999');
$hero_cta_label = get_theme_mod('cvolio_hero_cta_label', __('Ver experiencia', 'cvolio'));
$hero_cta_url = get_theme_mod('cvolio_hero_cta_url', '#perfil');
$skills = array_filter(array_map('trim', explode(',', (string) get_theme_mod('cvolio_skills_list', 'UX Strategy, Liderazgo, Frontend, WordPress, SEO, Analitica'))));
$linkedin = get_theme_mod('cvolio_social_linkedin', '');
$github = get_theme_mod('cvolio_social_github', '');
$portfolio = get_theme_mod('cvolio_social_portfolio', '');
?>
<section class="hero">
<div class="hero__copy">
<p class="eyebrow"><?php esc_html_e('Hoja de vida digital', 'cvolio'); ?></p>
<h1><?php echo esc_html($hero_name); ?></h1>
<p class="hero__role"><?php echo esc_html($hero_role); ?></p>
<p class="hero__intro"><?php echo esc_html($hero_intro); ?></p>
<div class="hero__actions">
<a class="btn btn--primary" href="<?php echo esc_url($hero_cta_url); ?>">
<?php echo esc_html($hero_cta_label); ?>
</a>
<?php echo wp_kses_post(cvolio_render_contact_link('email', $hero_email)); ?>
</div>
</div>
<aside class="hero__panel">
<div class="profile-card">
<p class="profile-card__label"><?php esc_html_e('Disponible para', 'cvolio'); ?></p>
<h2><?php esc_html_e('Proyectos, consultoria y liderazgo de equipos', 'cvolio'); ?></h2>
<div class="chip-grid">
<?php echo wp_kses_post(cvolio_render_contact_link('phone', $hero_phone)); ?>
<span class="cv-chip"><?php echo esc_html($hero_location); ?></span>
<?php if ($linkedin) : ?><a class="cv-chip" href="<?php echo esc_url($linkedin); ?>" target="_blank" rel="noreferrer">LinkedIn</a><?php endif; ?>
<?php if ($github) : ?><a class="cv-chip" href="<?php echo esc_url($github); ?>" target="_blank" rel="noreferrer">GitHub</a><?php endif; ?>
<?php if ($portfolio) : ?><a class="cv-chip" href="<?php echo esc_url($portfolio); ?>" target="_blank" rel="noreferrer">Portfolio</a><?php endif; ?>
</div>
</div>
</aside>
</section>
<section id="perfil" class="content-wrap content-wrap--front">
<div class="content-card">
<?php while (have_posts()) : the_post(); ?>
<article <?php post_class('front-article'); ?>>
<div class="entry-content">
<?php the_content(); ?>
</div>
</article>
<?php endwhile; ?>
</div>
<aside class="side-stack">
<section class="side-card">
<p class="eyebrow"><?php esc_html_e('Fortalezas', 'cvolio'); ?></p>
<h2><?php esc_html_e('Habilidades clave', 'cvolio'); ?></h2>
<div class="skill-cloud">
<?php foreach ($skills as $skill) : ?>
<span class="skill-pill"><?php echo esc_html($skill); ?></span>
<?php endforeach; ?>
</div>
</section>
<section class="side-card">
<p class="eyebrow"><?php esc_html_e('Consejo de uso', 'cvolio'); ?></p>
<h2><?php esc_html_e('Edita esta portada con bloques', 'cvolio'); ?></h2>
<p><?php esc_html_e('Puedes crear secciones de experiencia, estudios, casos de exito, certificados o servicios usando Gutenberg y los patrones del tema.', 'cvolio'); ?></p>
</section>
</aside>
</section>
<?php get_footer(); ?>