bitstream/uovidiu.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

21
portfolio/thompson/index.php
View File

@@ -7,10 +7,13 @@
* Copy this file as a starting point for new case studies.
*
* Required: $title, $description, $extra_css before require header.
* Back link: always points to /portfolio/ via .cs-back anchor.
* Back link: always points to /portfolio via .cs-back anchor.
* Images: store in /img/{slug}/ — see naming convention in CLAUDE.md.
* ─────────────────────────────────────────────────────────────────
*/
require __DIR__.'/../../data/projects.php';
$p = $projects['thompson'];
$title = 'Thompson Service Centre — Case Study';
$description = 'How we built a trust-first digital presence for a 25-year Peterborough garage.';
$extra_css = '/css/portfolio.css';
@@ -18,16 +21,16 @@ require __DIR__.'/../../includes/header.php';
?>
<div class="cs-breadcrumb">
<a href="/portfolio/" class="cs-back">← All Work</a>
<span class="cs-breadcrumb-label">[01 / WEB_DEV]</span>
<a href="/portfolio" class="cs-back">← All Work</a>
<span class="cs-breadcrumb-label">[<?= htmlspecialchars($p['num']) ?> / <?= htmlspecialchars($p['code']) ?>]</span>
</div>
<header class="hero">
<div class="hero-label">Case Study — 01</div>
<div class="hero-label">Case Study — <?= htmlspecialchars($p['num']) ?></div>
<h1>Thompson<br>Service Centre</h1>
<p class="hero-sub">Website Redesign · 2025</p>
<p class="hero-sub">Website Redesign - 2025</p>
<ul class="cs-meta-bar">
<li>HTML · Tailwind CSS v4 · GSAP</li>
<li>HTML - Tailwind CSS v4 - GSAP</li>
<li>Thompson Service Centre, Peterborough</li>
<li>2025</li>
</ul>
@@ -38,7 +41,7 @@ require __DIR__.'/../../includes/header.php';
<div class="section-label">Project Overview</div>
<div class="section-content">
<p>Thompson Service Centre needed more than a website — they needed a digital presence that matched 25 years of earned trust. We built a high-fidelity
landing page that puts credibility front and centre: a bold hero section, a trust bar loaded with real credentials, and service cards that
landing page that puts credibility front and center: a bold hero section, a trust bar loaded with real credentials, and service cards that
communicate competence without the usual garage-site clichés. Every element was designed to make a first-time visitor feel like they'd already found
their mechanic.</p>
</div>
@@ -64,6 +67,7 @@ require __DIR__.'/../../includes/header.php';
<div class="services-grid">
<div class="service-item screenshot-card">
<span class="service-num">Vehicle Lookup</span>
<p class="screenshot-card__desc">Enter your registration plate to pull vehicle details automatically.</p>
<div class="browser-chrome browser-chrome--sm">
<div class="browser-dots">
<span></span><span></span><span></span>
@@ -79,6 +83,7 @@ require __DIR__.'/../../includes/header.php';
</div>
<div class="service-item screenshot-card">
<span class="service-num">Booking Form</span>
<p class="screenshot-card__desc">Confirm your vehicle and fill in the booking details in one clean step.</p>
<div class="browser-chrome browser-chrome--sm">
<div class="browser-dots">
<span></span><span></span><span></span>
@@ -107,7 +112,7 @@ require __DIR__.'/../../includes/header.php';
<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>