Simplify homepage copy and adjust spacing for better mobile layout

This commit is contained in:
Ovidiu U
2026-03-13 11:27:04 +00:00
parent 123830a27e
commit ee3c07b9ef
2 changed files with 11 additions and 5 deletions

View File

@@ -138,7 +138,7 @@ a {
background: var(--black); background: var(--black);
padding: 1rem; padding: 1rem;
max-width: clamp(280px, 40vw, 550px); max-width: clamp(280px, 40vw, 550px);
margin-bottom: 1rem; margin-bottom: 2rem;
border-left: 8px solid var(--accent); border-left: 8px solid var(--accent);
} }
@@ -146,6 +146,12 @@ a {
BUTTONS - INDUSTRIAL ACTUATORS BUTTONS - INDUSTRIAL ACTUATORS
======================================== */ ======================================== */
.hero-cta {
display: flex;
gap: 1.5rem;
align-items: center;
}
.btn { .btn {
display: inline-block; display: inline-block;
font-family: var(--mono); font-family: var(--mono);
@@ -182,7 +188,7 @@ a {
======================================== */ ======================================== */
.section { .section {
padding: 5rem 3rem; padding: 3rem 2.5rem;
background: var(--grey-light); background: var(--grey-light);
border: var(--border-thick); border: var(--border-thick);
margin-bottom: 2rem; margin-bottom: 2rem;

View File

@@ -18,8 +18,8 @@ require __DIR__.'/includes/header.php';
<section id="about" class="section"> <section id="about" class="section">
<div class="section-label">001 — About</div> <div class="section-label">001 — About</div>
<div class="section-content"> <div class="section-content">
<p class="large-text">I'm a PHP/MySQL developer based in Peterborough. I build custom web apps, backend systems, and the kind of tools businesses actually need but can't find off the shelf.</p> <p class="large-text">I'm a web developer based in Peterborough. I build websites and online tools for small businesses — things like booking systems, customer dashboards, and the bits that make your day-to-day easier to manage.</p>
<p>Most of my work is ERP systems, booking tools, and bespoke admin backends. I use PHP and MySQL because they're the right tools for what I build — not because I haven't heard of anything else. Performance matters. So does code you can actually read six months later.</p> <p>Whether you need a fresh website, an online booking page for your garage, or a simple system to keep track of jobs and customers — I'll build it quickly, affordably, and without the jargon.</p>
</div> </div>
</section> </section>
@@ -53,7 +53,7 @@ require __DIR__.'/includes/header.php';
<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 Portfolio →</a> <a href="/portfolio" class="btn">View Work →</a>
</div> </div>
</section> </section>