Update project files
This commit is contained in:
186
index.html
Normal file
186
index.html
Normal file
@@ -0,0 +1,186 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta
|
||||
name="description"
|
||||
content="Portfolio for Luke Betteridge, a backend-focused Junior Software Engineer based in the Midlands."
|
||||
/>
|
||||
<title>Luke Betteridge | Junior Software Engineer</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="screen-noise" aria-hidden="true"></div>
|
||||
<main class="terminal-shell" aria-labelledby="terminal-title">
|
||||
<section class="terminal-window">
|
||||
<header class="terminal-topbar">
|
||||
<div class="window-controls" aria-hidden="true">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
<p>luke-betteridge.dev</p>
|
||||
<span id="localTime">--:--:--</span>
|
||||
</header>
|
||||
|
||||
<div class="terminal-body">
|
||||
<aside class="identity-panel">
|
||||
<p class="terminal-label">user</p>
|
||||
<h1 id="terminal-title">Luke Betteridge</h1>
|
||||
<p class="role">Junior Software Engineer</p>
|
||||
<dl class="quick-facts">
|
||||
<div>
|
||||
<dt>Location</dt>
|
||||
<dd>Midlands, UK</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Experience</dt>
|
||||
<dd>3 years</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Focus</dt>
|
||||
<dd>Backend systems</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Status</dt>
|
||||
<dd>Open to opportunities</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</aside>
|
||||
|
||||
<section class="console-panel" aria-label="Portfolio terminal">
|
||||
<nav class="command-tabs" aria-label="Portfolio pages">
|
||||
<button class="command-tab active" type="button" data-page="home">home</button>
|
||||
<button class="command-tab" type="button" data-page="work">work</button>
|
||||
<button class="command-tab" type="button" data-page="stack">stack</button>
|
||||
<button class="command-tab" type="button" data-page="projects">projects</button>
|
||||
<button class="command-tab" type="button" data-page="contact">contact</button>
|
||||
</nav>
|
||||
|
||||
<div class="terminal-output" aria-live="polite">
|
||||
<div class="command-line">
|
||||
<span class="prompt">guest@portfolio:~$</span>
|
||||
<span id="activeCommand">open home</span>
|
||||
<span class="cursor" aria-hidden="true"></span>
|
||||
</div>
|
||||
|
||||
<article class="terminal-page active" id="page-home">
|
||||
<p class="terminal-label">profile</p>
|
||||
<h2>Backend-focused engineer who learns fast and debugs calmly.</h2>
|
||||
<p>
|
||||
I am a Junior Software Engineer based in the Midlands with 3 years of
|
||||
experience across C#, SQL Server, VB.NET, system migrations, and client-facing
|
||||
software work.
|
||||
</p>
|
||||
<p>
|
||||
My strongest area is backend development: understanding existing systems,
|
||||
finding the source of problems, improving reliability, and building practical
|
||||
solutions that fit the architecture already in place.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="terminal-page" id="page-work">
|
||||
<p class="terminal-label">experience</p>
|
||||
<h2>Professional Experience</h2>
|
||||
<div class="timeline">
|
||||
<section>
|
||||
<span>Oct 2024 - Present</span>
|
||||
<h3>Junior Software Engineer | IAA UK Actions Ltd</h3>
|
||||
<p>
|
||||
Working across multiple systems and architectures, with a focus on backend
|
||||
development, database work, debugging, migrations, and client support.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<span>Apr 2023 - Oct 2024</span>
|
||||
<h3>Software Developer Apprentice | IAA UK Actions Ltd</h3>
|
||||
<p>
|
||||
Built a foundation in professional software delivery while contributing to
|
||||
system migration work and learning how different business-critical systems
|
||||
are structured.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="terminal-page" id="page-stack">
|
||||
<p class="terminal-label">toolkit</p>
|
||||
<h2>Core Stack</h2>
|
||||
<div class="stack-groups">
|
||||
<section>
|
||||
<h3>Strongest</h3>
|
||||
<ul>
|
||||
<li>C#</li>
|
||||
<li>T-SQL / SQL Server</li>
|
||||
<li>VB.NET</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Also Used</h3>
|
||||
<ul>
|
||||
<li>HTML, CSS, JavaScript, TypeScript, React</li>
|
||||
<li>Python and PowerShell</li>
|
||||
<li>GitHub Copilot, Claude Code, ChatGPT Codex</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="terminal-page" id="page-projects">
|
||||
<p class="terminal-label">projects</p>
|
||||
<h2>Project Case Studies Coming Soon</h2>
|
||||
<p>
|
||||
I do not have public projects ready to showcase yet, so this section is kept
|
||||
honest and intentionally light for now.
|
||||
</p>
|
||||
<p>
|
||||
In the meantime, my professional experience includes system migration work,
|
||||
debugging across multiple architectures, backend development, database work, and
|
||||
client-facing support.
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<article class="terminal-page" id="page-contact">
|
||||
<p class="terminal-label">contact</p>
|
||||
<h2>Open To Junior Software Engineering Opportunities</h2>
|
||||
<p>
|
||||
I am interested in any form of software engineering work where I can keep
|
||||
learning, solve practical problems, and contribute across backend systems and
|
||||
supporting frontend work when needed.
|
||||
</p>
|
||||
<div class="contact-links">
|
||||
<a href="mailto:luke.betteridge0129@gmail.com">Email</a>
|
||||
<a href="https://github.com/Ldbetteridge" target="_blank" rel="noreferrer">GitHub</a>
|
||||
<a
|
||||
href="https://www.linkedin.com/in/luke-betteridge-83b554226"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<form class="command-form" id="commandForm">
|
||||
<label for="commandInput">Command</label>
|
||||
<span>:</span>
|
||||
<input
|
||||
id="commandInput"
|
||||
name="command"
|
||||
type="text"
|
||||
autocomplete="off"
|
||||
spellcheck="false"
|
||||
placeholder="type home, work, stack, projects, contact"
|
||||
/>
|
||||
<button type="submit">run</button>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user