From e7cb2ec37a1c7373fe9b0ba084301e833ef80efa Mon Sep 17 00:00:00 2001
From: Dejvino <dejvino@gmail.com>
Date: Wed, 20 May 2026 09:28:01 +0200
Subject: [PATCH] last and past experiences split

---
 index.php | 97 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 66 insertions(+), 31 deletions(-)

diff --git a/index.php b/index.php
index ea03e7c..d68301b 100644
--- a/index.php
+++ b/index.php
@@ -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');