55 lines
2.1 KiB
PHP
55 lines
2.1 KiB
PHP
<?php
|
|
|
|
/*
|
|
* Case Study Header Partial
|
|
* ─────────────────────────────────────────────────────────────────
|
|
* Requires the following variable set by the calling page:
|
|
* $cs_slug string Key into $projects, e.g. 'thompson'
|
|
* ─────────────────────────────────────────────────────────────────
|
|
*/
|
|
|
|
$extra_css = '/css/portfolio.css';
|
|
require __DIR__ . '/../data/projects.php';
|
|
$p = $projects[$cs_slug];
|
|
$title = $p['page_title'];
|
|
$description = $p['page_desc'];
|
|
$nav_back = ['url' => '/portfolio', 'label' => '← Portfolio'];
|
|
//$nav_cta = ['url' => 'https://' . $p['domain'], 'label' => 'Visit Site →'];
|
|
require __DIR__ . '/header.php';
|
|
?>
|
|
|
|
<header class="hero hero--cs">
|
|
<div class="hero-content">
|
|
<div class="hero-divider"></div>
|
|
<div class="hero-meta-row">
|
|
<div class="hero-meta">
|
|
<span><?php echo htmlspecialchars($p['num']); ?> / WEB_DEV · <?php echo htmlspecialchars($p['year']); ?></span>
|
|
<span><?php echo htmlspecialchars($p['location']); ?></span>
|
|
</div>
|
|
</div>
|
|
<h1 class="hero-headline">
|
|
<span class="line1"><?php echo htmlspecialchars($p['h1'][0]); ?></span>
|
|
<span class="line2"><?php echo htmlspecialchars($p['h1'][1]); ?></span>
|
|
</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="meta-bar">
|
|
<div class="meta-col">
|
|
<span class="meta-col-label">Client</span>
|
|
<span class="meta-col-value"><?php echo htmlspecialchars($p['title']); ?></span>
|
|
</div>
|
|
<div class="meta-col">
|
|
<span class="meta-col-label">Year</span>
|
|
<span class="meta-col-value"><?php echo htmlspecialchars($p['year']); ?></span>
|
|
</div>
|
|
<div class="meta-col">
|
|
<span class="meta-col-label">Stack</span>
|
|
<span class="meta-col-value"><?php echo htmlspecialchars($p['stack']); ?></span>
|
|
</div>
|
|
<div class="meta-col">
|
|
<span class="meta-col-label">Location</span>
|
|
<span class="meta-col-value"><?php echo htmlspecialchars($p['location']); ?></span>
|
|
</div>
|
|
</div>
|