Unify label styling by replacing hero-label with section-label and comment out portfolio CTA section
This commit is contained in:
2
404.php
2
404.php
@@ -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">
|
||||||
|
|||||||
@@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========================================
|
/* ========================================
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
16
index.php
16
index.php
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user