162 lines
5.3 KiB
HTML
162 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Andrzej Stepien : Coder for Hire</title>
|
|
<link rel="stylesheet" href="css/defaults.css" />
|
|
<link rel="stylesheet" href="css/styles.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Andrzej Stepien: Coder for Hire</h1>
|
|
</header>
|
|
<main>
|
|
|
|
<section>
|
|
<div class="container">
|
|
<h3>Allow me to introduce myself.</h3>
|
|
<p>My name is Andrzej. Since arriving in Spain from my native England in 2010, I have worked teaching English as a foreign language.</p> <p><b>But now it's time for a change.</b> This is why I have spent the last two years dedicating every spare moment to re-skilling as a web developer.</p> <p>If you are reading this, you most likely followed a link here from my CV. I thought this page would be the best way to demonstrate what I'm capable of.</p>
|
|
|
|
</div>
|
|
<div class="container">
|
|
<h1 id="this-website">This website...</h1>
|
|
<ul>
|
|
<li><b>… is hosted on bespoke hardware.</b> A mini-pc in my living room, to
|
|
be precise!</li>
|
|
<li><b>… has correctly managed security certificates, scoring an 'A' grade on <a
|
|
href="https://www.ssllabs.com/ssltest/analyze.html?d=sonarrr.ajstepien.xyz">sslabs.com</a>.</b>
|
|
</li>
|
|
<li><b>… is fully compliant with <a
|
|
href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web
|
|
Content
|
|
Accessibility Guidelines</a></b> </li>
|
|
<li><b>… is styled with careful consideration for Responsive Web Design
|
|
principles</b>
|
|
</li>
|
|
<li><b>… follows system light/dark theming.</b></li>
|
|
<li><b>… hosts a collection of projects demonstrating my proficiency in both frontend and backend development</b> including projects written in CSS, Html, Javascript, React, Nextjs, Nodejs, Sql, Lua, and Bash.</li>
|
|
<li><b>… is deployed via a self-hosted Jenkins CI/CD system.</b></li>
|
|
<li><b>… is fully source-available</b> on <a
|
|
href="https://projects.ajstepien.xyz/Resume">my self-hosted git
|
|
server.</a></li>
|
|
<li><b>… was lovingly hand-coded by myself.</b></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<h1>Certifications</h1>
|
|
<section>
|
|
<div class="container">
|
|
<figure>
|
|
<figcaption>
|
|
Freecodecamp certificates
|
|
</figcaption>
|
|
<ul class="link-list">
|
|
<li>
|
|
<a
|
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries">Front
|
|
End Development Libraries</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design">Responsive
|
|
Web Design</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures">Javascript
|
|
Algorithms and Data Structures</a>
|
|
</li>
|
|
</ul>
|
|
</figure>
|
|
</div>
|
|
<div class="container">
|
|
<figure>
|
|
<figcaption>
|
|
IBM certificates
|
|
</figcaption>
|
|
<ul class="link-list">
|
|
<li>
|
|
<a
|
|
href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction
|
|
to Cloud Computing</a>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098">Introduction
|
|
to Cloud Development with HTML, CSS, and JavaScript</a>
|
|
</li>
|
|
</ul>
|
|
</figure>
|
|
</div>
|
|
</section>
|
|
<h1>Selected projects</h1>
|
|
|
|
|
|
<section>
|
|
|
|
<figure>
|
|
<ul id="project-list">
|
|
<li class="ghost-container">
|
|
</li>
|
|
<li class="container">
|
|
<a href="https://subman.ajstepien.xyz">
|
|
<h3>Subman</h3>
|
|
</a>
|
|
<p>A self-hosted literary submission management system comprising a
|
|
Nextjs web-app with Sqlite back-end. Styled with Tailwind.
|
|
</p>
|
|
<div class="links-container">
|
|
<a href="https://subman.ajstepien.xyz">demo</a>
|
|
<a href="https://projects.ajstepien.xyz/Resume/subman-nextjs">source</a>
|
|
</div>
|
|
</li>
|
|
<!-- <li class="container"> -->
|
|
<!---->
|
|
<!-- <h3>Micro365</h3> -->
|
|
<!-- <p> -->
|
|
<!-- A bot written in nodejs that delivers single-word writing -->
|
|
<!-- prompts from a database. -->
|
|
<!-- </p> -->
|
|
<!-- <a>demo</a> -->
|
|
<!-- <a>source</a> -->
|
|
<!-- </li> -->
|
|
<li class="container">
|
|
|
|
<a href="https://demos.ajstepien.xyz/movie-explorer">
|
|
<h3>Movie-Explorer</h3>
|
|
</a>
|
|
<p>
|
|
An app for when you don't know what movie to watch, written in
|
|
Typescript/React and vanilla CSS.
|
|
</p>
|
|
<div class="links-container">
|
|
<a href="https://demos.ajstepien.xyz/movie-explorer">demo</a>
|
|
<a
|
|
href="https://projects.ajstepien.xyz/Resume/movie-explorer">source</a>
|
|
</div>
|
|
</li>
|
|
<li class="container">
|
|
|
|
<a href="https://demos.ajstepien.xyz/calculator">
|
|
<h3>Calculator</h3>
|
|
</a>
|
|
<p>
|
|
A simple calculator app written in React and vanilla CSS.
|
|
</p>
|
|
<div class="links-container">
|
|
<a href="https://demos.ajstepien.xyz/calculator/">demo</a>
|
|
<a href="https://projects.ajstepien.xyz/Resume/calculator">source</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</figure>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|