Resume
/
resume
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

images
Gitea/resume/pipeline/head This commit looks good Details

This commit is contained in:
andrzej 2024-11-12 18:18:40 +01:00
parent 7cbfbc5a84
commit 8af9a3f43f
4 changed files with 263 additions and 212 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/styles.css
View File

@ -268,11 +268,14 @@ li::marker {
font-size: 3rem; font-size: 3rem;
} }
.image { img {
border-radius: 1rem; border-radius: 1rem;
box-shadow: 0.5em 0.5em var(--shadow-color); box-shadow: 0.5em 0.5em var(--shadow-color);
margin: 3rem; margin: 3rem;
max-width: 80%; max-width: 80%;
margin: auto;
margin-top: 2rem;
margin-bottom: 2rem;
} }
#intro { #intro {

BIN
images/gopaper.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1000 KiB

BIN
images/subman.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

204
index.html
View File

@ -1,10 +1,9 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Andrzej Stepien : Coder for Hire</title> <title>Andrzej Stepien : Coder for Hire</title>
<link rel="stylesheet" href="css/defaults.css" /> <link rel="stylesheet" href="css/defaults.css" />
<link rel="stylesheet" href="css/styles.css" /> <link rel="stylesheet" href="css/styles.css" />
@ -15,43 +14,79 @@
<h1>Andrzej Stepien: Coder for Hire</h1> <h1>Andrzej Stepien: Coder for Hire</h1>
</header> </header>
<main> <main>
<section> <section>
<div class="container"> <div class="container">
<h3>Allow me to introduce myself...</h3> <h3>Allow me to introduce myself...</h3>
<img src="images/cv.png" class="image" alt="A photo of myself, smiling to camera."> <img
src="images/cv.png"
class="image"
alt="A photo of myself, smiling to camera."
/>
<div id="intro"> <div id="intro">
<p>My name is Andrzej. I am an experienced fullstack web developer from England, currently residing in Spain. <p>
My name is Andrzej. I am an experienced fullstack web developer
from England, currently residing in Spain.
</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> </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>
</div> </div>
<div class="container"> <div class="container">
<h1 id="this-website">This website...</h1> <h1 id="this-website">This website...</h1>
<ul> <ul>
<li><b>… is hosted on bespoke hardware.</b> A mini-pc in my living room, to <li>
be precise!</li> <b>… is hosted on bespoke hardware.</b> A mini-pc in my living
<li><b>… is served by a custom-coded http server written in Java.</b></li> room, to be precise!
<li><b>… has self-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>
<li><b>… is fully compliant with <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web <li>
Content <b>… is served by a custom-coded http server written in Java.</b>
Accessibility Guidelines</a>.</b> </li> </li>
<li><b>… is styled with careful consideration for Responsive Web Design <li>
principles.</b> <b
>… has self-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>
<li><b>… follows system light/dark theming.</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 <li>
development</b> including projects written in CSS, Html, Javascript, React, Nextjs, Nodejs, Sql, Lua, <b
Golang, Java and >… hosts a collection of projects demonstrating my proficiency
Bash.</li> in both frontend and backend development</b
<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 including projects written in CSS, Html, Javascript, React,
server.</a></li> Nextjs, Nodejs, Sql, Lua, Golang, Java 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> <li><b>… was lovingly hand-coded by myself.</b></li>
</ul> </ul>
</div> </div>
@ -61,24 +96,22 @@
<div class="container"> <div class="container">
<ul> <ul>
<li> <li>
I designed and implemented an order system for the English company Woodmech Ltd. lowering administration I designed and implemented an order system for the English company
costs Woodmech Ltd. lowering administration costs by 25%.
by
25%.
</li> </li>
<li> <li>
I built a website for the English social enterprise company Excluded Ltd, gaining them thousands of daily I built a website for the English social enterprise company
impressions, and Excluded Ltd, gaining them thousands of daily impressions, and
significant growth in their customer base. significant growth in their customer base.
</li> </li>
<li> <li>
I administered the website and educational platform of The Adrian Hawley School of English. I administered the website and educational platform of The Adrian
Hawley School of English.
</li> </li>
<li> <li>
I offer a multi-user file synchronization service for several clients, significantly lowering expenditure in I offer a multi-user file synchronization service for several
the face of clients, significantly lowering expenditure in the face of
ever-increasing ever-increasing cloud bills.
cloud bills.
</li> </li>
</ul> </ul>
</div> </div>
@ -87,41 +120,45 @@
<section> <section>
<div class="container"> <div class="container">
<figure> <figure>
<figcaption> <figcaption>Freecodecamp certificates</figcaption>
Freecodecamp certificates
</figcaption>
<ul class="link-list"> <ul class="link-list">
<li> <li>
<a <a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries">Front href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries"
End Development Libraries</a> >Front End Development Libraries</a
>
</li> </li>
<li> <li>
<a <a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design">Responsive href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design"
Web Design</a> >Responsive Web Design</a
>
</li> </li>
<li> <li>
<a <a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures">Javascript href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures"
Algorithms and Data Structures</a> >Javascript Algorithms and Data Structures</a
>
</li> </li>
</ul> </ul>
</figure> </figure>
</div> </div>
<div class="container"> <div class="container">
<figure> <figure>
<figcaption> <figcaption>IBM certificates</figcaption>
IBM certificates
</figcaption>
<ul class="link-list"> <ul class="link-list">
<li> <li>
<a href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction <a
to Cloud Computing</a> href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22"
>Introduction to Cloud Computing</a
>
</li> </li>
<li> <li>
<a href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098">Introduction <a
to Cloud Development with HTML, CSS, and JavaScript</a> href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098"
>Introduction to Cloud Development with HTML, CSS, and
JavaScript</a
>
</li> </li>
</ul> </ul>
</figure> </figure>
@ -129,23 +166,28 @@
</section> </section>
<h1>Selected projects</h1> <h1>Selected projects</h1>
<section> <section>
<figure> <figure>
<ul id="project-list"> <ul id="project-list">
<li class="ghost-container"> <li class="ghost-container"></li>
</li>
<li class="container"> <li class="container">
<a href="https://subman.ajstepien.xyz"> <a href="https://subman.ajstepien.xyz">
<h3>Subman</h3> <h3>Subman</h3>
</a> </a>
<p>A self-hosted literary submission management system comprising a <img
Nextjs web-app with Sqlite back-end. Styled with Tailwind. src="images/subman.png"
alt="A screenshot of subman in action."
/>
<p>
A self-hosted literary submission management system comprising a
Nextjs web-app with Sqlite back-end. CRUD app styled with
Tailwind.
</p> </p>
<div class="links-container"> <div class="links-container">
<a href="https://subman.ajstepien.xyz">demo</a> <a href="https://subman.ajstepien.xyz">demo</a>
<a href="https://projects.ajstepien.xyz/Resume/subman-nextjs">source</a> <a href="https://projects.ajstepien.xyz/Resume/subman-nextjs"
>source</a
>
</div> </div>
</li> </li>
<!-- <li class="container"> --> <!-- <li class="container"> -->
@ -159,7 +201,6 @@
<!-- <a>source</a> --> <!-- <a>source</a> -->
<!-- </li> --> <!-- </li> -->
<li class="container"> <li class="container">
<a href="https://demos.ajstepien.xyz/movie-explorer"> <a href="https://demos.ajstepien.xyz/movie-explorer">
<h3>Movie-Explorer</h3> <h3>Movie-Explorer</h3>
</a> </a>
@ -169,42 +210,50 @@
</p> </p>
<div class="links-container"> <div class="links-container">
<a href="https://demos.ajstepien.xyz/movie-explorer">demo</a> <a href="https://demos.ajstepien.xyz/movie-explorer">demo</a>
<a href="https://projects.ajstepien.xyz/Resume/movie-explorer">source</a> <a href="https://projects.ajstepien.xyz/Resume/movie-explorer"
>source</a
>
</div> </div>
</li> </li>
<li class="container"> <li class="container">
<a href="https://projects.ajstepien.xyz/andrzej/gopaper"> <a href="https://projects.ajstepien.xyz/andrzej/gopaper">
<h3>GoPaper</h3> <h3>GoPaper</h3>
</a> </a>
<p> <img
A wallpaper slideshow daemon for Hyprland, written in Go. src="images/gopaper.png"
</p> alt="A screenshot of GoPaper in action."
/>
<p>A wallpaper slideshow daemon for Hyprland, written in Go.</p>
<div class="links-container"> <div class="links-container">
<a href="https://projects.ajstepien.xyz/andrzej/gopaper">source</a> <a href="https://projects.ajstepien.xyz/andrzej/gopaper"
>source</a
>
</div> </div>
</li> </li>
<li class="container"> <li class="container">
<a href="https://projects.ajstepien.xyz/andrzej/micro365"> <a href="https://projects.ajstepien.xyz/andrzej/micro365">
<h3>Micro365</h3> <h3>Micro365</h3>
</a> </a>
<p>A bot for posting single-word writing prompts to social media. Node.js with an SQLite backend.</p> <p>
A bot for posting single-word writing prompts to social media.
Node.js with an SQLite backend.
</p>
<div class="links-container"> <div class="links-container">
<a href="https://projects.ajstepien.xyz/andrzej/micro365">source</a> <a href="https://projects.ajstepien.xyz/andrzej/micro365"
>source</a
>
</div> </div>
</li> </li>
<li class="container"> <li class="container">
<a href="https://demos.ajstepien.xyz/calculator"> <a href="https://demos.ajstepien.xyz/calculator">
<h3>Calculator</h3> <h3>Calculator</h3>
</a> </a>
<p> <p>A simple calculator app written in React and vanilla CSS.</p>
A simple calculator app written in React and vanilla CSS.
</p>
<div class="links-container"> <div class="links-container">
<a href="https://demos.ajstepien.xyz/calculator/">demo</a> <a href="https://demos.ajstepien.xyz/calculator/">demo</a>
<a href="https://projects.ajstepien.xyz/Resume/calculator">source</a> <a href="https://projects.ajstepien.xyz/Resume/calculator"
>source</a
>
</div> </div>
</li> </li>
</ul> </ul>
@ -212,5 +261,4 @@
</section> </section>
</main> </main>
</body> </body>
</html> </html>