dejvino/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

last and past experiences split

Browse Source
This commit is contained in:
Dejvino 2026-05-20 09:28:01 +02:00
parent 6d776b74c0
commit e7cb2ec37a
1 changed files with 66 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
index.php
View File

@ -151,32 +151,51 @@ $cv_skills = $cvData['skills'] ?? [];
<div class="cv-content">
<?php $file_mod_time = filemtime(__FILE__); ?>
<p class="cv-modified hidden">Modified: <?= date("Y-m-d", $file_mod_time) ?></p>
<p class="cv-modified hidden hidden-toggle">Modified: <?= date("Y-m-d", $file_mod_time) ?></p>
<?php
$firstJob = $cv_experience[0] ?? null;
if ($firstJob):
?>
<section class="cv-section first-experience hidden hidden-toggle">
<h2>Latest Experience</h2>
<article class="cv-item">
<header class="cv-item-header">
<h3 class="cv-title"><?= $firstJob['title'] ?></h3>
<time class="cv-date"><?= $firstJob['date'] ?></time>
</header>
<p class="cv-org"><?= $firstJob['org'] ?></p>
<p class="cv-desc"><?= $firstJob['desc'] ?></p>
</article>
</section>
<?php endif; ?>
<section class="cv-section skills hidden hidden-toggle">
<h2>Skills</h2>
<div class="skill-categories">
<?php
$global_i = 0;
foreach ($cv_skills as $category => $skills): ?>
<div class="skill-group">
<h3><?= $category ?></h3>
<div class="skill-tags">
<?php foreach ($skills as $skill):
$fontSize = 0.85 + (($global_i * 3) % 5) * 0.2;
$opacity = 0.6 + (($global_i * 2) % 4) * 0.1;
?>
<span class="tag" style="transition-delay: <?= 0.6 + ($global_i * 0.05) ?>s; font-size: <?= $fontSize ?>rem; opacity: <?= $opacity ?>;"><?= $skill ?></span>
<?php $global_i++; endforeach; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</section>
<section class="cv-section skills hidden">
<h2>Skills</h2>
<div class="skill-categories">
<?php
$global_i = 0;
foreach ($cv_skills as $category => $skills): ?>
<div class="skill-group">
<h3><?= $category ?></h3>
<div class="skill-tags">
<?php foreach ($skills as $skill):
$fontSize = 0.85 + (($global_i * 3) % 5) * 0.2;
$opacity = 0.6 + (($global_i * 2) % 4) * 0.1;
?>
<span class="tag" style="transition-delay: <?= 0.6 + ($global_i * 0.05) ?>s; font-size: <?= $fontSize ?>rem; opacity: <?= $opacity ?>;"><?= $skill ?></span>
<?php $global_i++; endforeach; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</section>
<section class="cv-section experience hidden">
<h2>Experience</h2>
<?php foreach ($cv_experience as $job): ?>
<section class="cv-section experience hidden hidden-toggle">
<h2>Past Experience</h2>
<?php foreach (array_slice($cv_experience, 1) as $job): ?>
<article class="cv-item">
<header class="cv-item-header">
<h3 class="cv-title"><?= $job['title'] ?></h3>
@ -188,7 +207,7 @@ $cv_skills = $cvData['skills'] ?? [];
<?php endforeach; ?>
</section>
<section class="cv-section education hidden">
<section class="cv-section education hidden hidden-toggle">
<h2>Education</h2>
<?php foreach ($cv_education as $edu): ?>
<article class="cv-item">
@ -200,6 +219,27 @@ $cv_skills = $cvData['skills'] ?? [];
<?php if ($edu['desc']): ?>
<p class="cv-desc"><?= $edu['desc'] ?></p>
<?php endif; ?>
<section class="cv-section skills hidden hidden-toggle">
<h2>Skills</h2>
<div class="skill-categories">
<?php
$global_i = 0;
foreach ($cv_skills as $category => $skills): ?>
<div class="skill-group">
<h3><?= $category ?></h3>
<div class="skill-tags">
<?php foreach ($skills as $skill):
$fontSize = 0.85 + (($global_i * 3) % 5) * 0.2;
$opacity = 0.6 + (($global_i * 2) % 4) * 0.1;
?>
<span class="tag" style="transition-delay: <?= 0.6 + ($global_i * 0.05) ?>s; font-size: <?= $fontSize ?>rem; opacity: <?= $opacity ?>;"><?= $skill ?></span>
<?php $global_i++; endforeach; ?>
</div>
</div>
<?php endforeach; ?>
</div>
</section>
</article>
<?php endforeach; ?>
</section>
@ -223,12 +263,7 @@ $cv_skills = $cvData['skills'] ?? [];
if (labelText) labelText.innerText = show ? 'SYSTEM ACCESS: CV_DATA' : 'Looking to hire?';
const cvPanels = [
document.querySelector('.cv-modified'),
document.querySelector('.experience'),
document.querySelector('.skills'),
document.querySelector('.education')
].filter(el => el);
const cvPanels = Array.from(document.querySelectorAll('.hidden-toggle')).filter(el => el);
if (show) {
grid.classList.add('cv-mode');