Restructure portfolio to separate index and case study pages, extract projects array to shared data file

This commit is contained in:
Ovidiu U
2026-03-13 12:52:40 +00:00
parent 5bc807210d
commit f2d497db9a
10 changed files with 34 additions and 104 deletions

View File

@@ -9,7 +9,7 @@
* ──────────
* 1. Copy this folder to portfolio/{slug}/
* 2. Fill in every TODO below — nothing should say TODO when live
* 3. Add the project to the $projects array in portfolio/index.php
* 3. Add the project to the $projects array in portfolio.php
* 4. Drop screenshots into /img/{slug}/
*
* IMAGES
@@ -42,7 +42,7 @@ $cs_domain = 'TODO'; // e.g. 'example.co.uk' (no https://)
?>
<div class="cs-breadcrumb">
<a href="/portfolio/" class="cs-back">← All Work</a>
<a href="/portfolio" class="cs-back">← All Work</a>
<span class="cs-breadcrumb-label">[<?= htmlspecialchars($cs_num) ?> / <?= htmlspecialchars($cs_code) ?>]</span>
</div>
@@ -58,18 +58,14 @@ $cs_domain = 'TODO'; // e.g. 'example.co.uk' (no https://)
</header>
<!-- ── PROJECT OVERVIEW ──────────────────────────────────────────── -->
<!-- ── HERO SCREENSHOT ───────────────────────────────────────────── -->
<section class="section">
<div class="section-label">Project Overview</div>
<div class="section-label">Project Overview</div><!-- e.g. Homepage / Dashboard / Listings -->
<div class="section-content">
<p>TODO What problem did the client have and what did you build to fix it? Keep it to 23 sentences. Be specific — name the feature, the constraint, the outcome.</p>
</div>
</section>
<!-- ── HERO SCREENSHOT ───────────────────────────────────────────── -->
<section class="section">
<div class="section-label">TODO Section label</div><!-- e.g. Homepage / Dashboard / Listings -->
<div class="screenshot-hero-wrap">
<div class="browser-chrome">
<div class="browser-dots">
@@ -90,11 +86,12 @@ $cs_domain = 'TODO'; // e.g. 'example.co.uk' (no https://)
<!-- ── FEATURE / FLOW SCREENSHOTS (2-col) ────────────────────────── -->
<!-- Delete this section if you don't have feature screenshots -->
<section class="section">
<div class="section-label">TODO Section label</div><!-- e.g. Booking Flow / Admin Panel / Listings -->
<div class="section-label">Project Overview</div><!-- e.g. Booking Flow / Admin Panel / Listings -->
<div class="services-grid">
<div class="service-item screenshot-card">
<span class="service-num">TODO Feature label</span><!-- e.g. Step 1 / Vehicle Lookup -->
<p class="screenshot-card__desc">TODO Feature description.</p>
<div class="browser-chrome browser-chrome--sm">
<div class="browser-dots">
<span></span><span></span><span></span>
@@ -111,6 +108,7 @@ $cs_domain = 'TODO'; // e.g. 'example.co.uk' (no https://)
<div class="service-item screenshot-card">
<span class="service-num">TODO Feature label</span>
<p class="screenshot-card__desc">TODO Feature description.</p>
<div class="browser-chrome browser-chrome--sm">
<div class="browser-dots">
<span></span><span></span><span></span>
@@ -143,7 +141,7 @@ $cs_domain = 'TODO'; // e.g. 'example.co.uk' (no https://)
<section class="section section-cta">
<div class="section-label">— Next</div>
<div class="section-content">
<a href="/portfolio/" class="cs-back cs-back--lg">← Back to All Work</a>
<a href="/portfolio" class="cs-back cs-back--lg">← Back to All Work</a>
<p class="large-text">Got a project in mind?</p>
<a href="mailto:hello@uovidiu.com" class="btn">Get in Touch →</a>
</div>