Unify label styling by replacing hero-label with section-label and comment out portfolio CTA section

This commit is contained in:
Ovidiu U
2026-03-14 07:45:23 +00:00
parent a4be60147d
commit 43ba520dae
5 changed files with 19 additions and 19 deletions

View File

@@ -22,7 +22,7 @@
</nav> </nav>
<header class="hero" style="text-align: center; align-items: center;"> <header class="hero" style="text-align: center; align-items: center;">
<div class="hero-label">Error 404</div> <div class="section-label">Error 404</div>
<h1>Not<br>Found</h1> <h1>Not<br>Found</h1>
<p class="hero-sub" style="text-align: center;">This page doesn't exist. It probably never did.</p> <p class="hero-sub" style="text-align: center;">This page doesn't exist. It probably never did.</p>
<div class="hero-cta"> <div class="hero-cta">

View File

@@ -126,15 +126,11 @@ a {
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
.hero-label { .hero .section-label {
font-family: var(--mono);
font-size: 0.85rem;
text-transform: uppercase;
background: var(--accent); background: var(--accent);
color: var(--black); color: var(--black);
display: inline-block; font-size: 0.85rem;
padding: 4px 12px; padding: 4px 12px;
font-weight: 900;
margin-bottom: 2rem; margin-bottom: 2rem;
width: fit-content; width: fit-content;
} }
@@ -322,8 +318,8 @@ a {
} }
.service-row-title { .service-row-title {
font-family: 'Archivo Black', sans-serif; font-family: var(--mono), serif;
font-size: clamp(2.5rem, 6vw, 6rem); font-size: clamp(3rem, 8vw, 8rem);
font-weight: 900; font-weight: 900;
text-transform: uppercase; text-transform: uppercase;
color: #ffffff; color: #ffffff;
@@ -372,6 +368,10 @@ a {
.service-row-arrow { .service-row-arrow {
display: none; display: none;
} }
.service-row-title {
font-size: clamp(2rem, 10vw, 3rem);
}
} }
/* ======================================== /* ========================================

View File

@@ -27,7 +27,7 @@ require __DIR__ . '/header.php';
</div> </div>
<header class="hero"> <header class="hero">
<div class="hero-label">Case Study — <?= htmlspecialchars($p['num']) ?></div> <div class="section-label">Case Study — <?= htmlspecialchars($p['num']) ?></div>
<h1><?= htmlspecialchars($p['h1'][0]) ?><br><span class="h1-sub"><?= htmlspecialchars($p['h1'][1]) ?></span></h1> <h1><?= htmlspecialchars($p['h1'][0]) ?><br><span class="h1-sub"><?= htmlspecialchars($p['h1'][1]) ?></span></h1>
<p class="hero-sub"><?= htmlspecialchars($p['sub']) ?></p> <p class="hero-sub"><?= htmlspecialchars($p['sub']) ?></p>
<ul class="cs-meta-bar"> <ul class="cs-meta-bar">

View File

@@ -6,7 +6,7 @@ require __DIR__.'/includes/header.php';
?> ?>
<header class="hero"> <header class="hero">
<div class="hero-label">Web Developer — UK</div> <div class="section-label">Web Developer — UK</div>
<h1>Ovidiu<br>Ungureanu</h1> <h1>Ovidiu<br>Ungureanu</h1>
<p class="hero-sub">I build web applications that work.<br>PHP, MySQL, clean code, no nonsense.</p> <p class="hero-sub">I build web applications that work.<br>PHP, MySQL, clean code, no nonsense.</p>
<div class="hero-cta"> <div class="hero-cta">
@@ -82,13 +82,13 @@ require __DIR__.'/includes/header.php';
</div> </div>
</section> </section>
<section class="section section-cta"> <!--<section class="section section-cta">-->
<div class="section-label">003 — Work</div> <!-- <div class="section-label">003 — Work</div>-->
<div class="section-content"> <!-- <div class="section-content">-->
<p class="large-text">A few recent builds.</p> <!-- <p class="large-text">A few recent builds.</p>-->
<a href="/portfolio" class="btn">View Work →</a> <!-- <a href="/portfolio" class="btn">View Work →</a>-->
</div> <!-- </div>-->
</section> <!--</section>-->
<section id="contact" class="section"> <section id="contact" class="section">
<div class="section-label">004 — Contact</div> <div class="section-label">004 — Contact</div>

View File

@@ -9,7 +9,7 @@ require __DIR__ . '/data/projects.php';
?> ?>
<header class="hero"> <header class="hero">
<div class="hero-label">Portfolio — Selected Work</div> <div class="section-label">Portfolio — Selected Work</div>
<h1>Selected<br>Work</h1> <h1>Selected<br>Work</h1>
<p class="hero-sub">Client projects and builds.</p> <p class="hero-sub">Client projects and builds.</p>
</header> </header>