diff --git a/css/styles.css b/css/styles.css index 10cb61a..0915129 100644 --- a/css/styles.css +++ b/css/styles.css @@ -252,7 +252,7 @@ li::marker { list-style-type: none; @media screen and (min-width:601px) { - width: 60%; + width: 61%; } @media screen and (max-width:600px) { @@ -278,6 +278,23 @@ img { margin-bottom: 2rem; } +.desktop-screen { + max-width: 400px; +} + +.mobile-screen { + max-height: 240px; +} + +.gallery { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + width: 100%; + +} + #intro { height: 100%; padding: 1rem; diff --git a/images/calculator.png b/images/calculator.png new file mode 100644 index 0000000..696b035 Binary files /dev/null and b/images/calculator.png differ diff --git a/images/movie-explorer-mobile.png b/images/movie-explorer-mobile.png new file mode 100644 index 0000000..9001d25 Binary files /dev/null and b/images/movie-explorer-mobile.png differ diff --git a/images/movie-explorer.png b/images/movie-explorer.png new file mode 100644 index 0000000..c031aed Binary files /dev/null and b/images/movie-explorer.png differ diff --git a/images/subman-mobile.png b/images/subman-mobile.png new file mode 100644 index 0000000..6e3ede7 Binary files /dev/null and b/images/subman-mobile.png differ diff --git a/index.html b/index.html index a542b2e..13055a7 100644 --- a/index.html +++ b/index.html @@ -1,264 +1,238 @@ - - - - - Andrzej Stepien : Coder for Hire - - - - -
-

Andrzej Stepien: Coder for Hire

-
-
-
-
-

Allow me to introduce myself...

- A photo of myself, smiling to camera. + + + + + Andrzej Stepien : Coder for Hire + + + -
-

- My name is Andrzej. I am an experienced fullstack web developer - from England, currently residing in Spain. -

-

- 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. -

-
-
-
-

This website...

-
    -
  • - … is hosted on bespoke hardware. A mini-pc in my living - room, to be precise! -
    • -
  • - … is served by a custom-coded http server written in Java. -
    • -
  • - … has self-managed security certificates, scoring an 'A' grade - on - sslabs.com. -
    • -
  • - … is fully compliant with - Web Content Accessibility Guidelines. -
    • -
  • - … is styled with careful consideration for Responsive Web - Design principles. -
    • -
  • … follows system light/dark theming.
    • -
  • - … hosts a collection of projects demonstrating my proficiency - in both frontend and backend development - including projects written in CSS, Html, Javascript, React, - Nextjs, Nodejs, Sql, Lua, Golang, Java and Bash. -
    • -
  • - … is deployed via a self-hosted Jenkins CI/CD system. -
    • -
  • - … is fully source-available on - my self-hosted git server. -
    • -
  • … was lovingly hand-coded by myself.
    • -
-
-
-

Professional highlights

-
-
-
    -
  • - I designed and implemented an order system for the English company - Woodmech Ltd. lowering administration costs by 25%. -
    • -
  • - I built a website for the English social enterprise company - Excluded Ltd, gaining them thousands of daily impressions, and - significant growth in their customer base. -
    • -
  • - I administered the website and educational platform of The Adrian - Hawley School of English. -
    • -
  • - I offer a multi-user file synchronization service for several - clients, significantly lowering expenditure in the face of - ever-increasing cloud bills. -
    • -
-
-
-

Certifications

-
-
-
-
Freecodecamp certificates
- -
-
-
-
-
IBM certificates
- -
-
-
-

Selected projects

+ +
+

Andrzej Stepien: Coder for Hire

+
+
+
+
+

Allow me to introduce myself...

+ A photo of myself, smiling to camera. -
+
+

+ My name is Andrzej. I am an experienced fullstack web developer + from England, currently residing in Spain. +

+

+ 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. +

+
+
+
+

This website...

+
    +
  • + … is hosted on bespoke hardware. A mini-pc in my living + room, to be precise! +
    • +
  • + … is served by a custom-coded http server written in Java. +
    • +
  • + … has self-managed security certificates, scoring an 'A' grade + on + sslabs.com. +
    • +
  • + … is fully compliant with + Web Content Accessibility Guidelines. +
    • +
  • + … is styled with careful consideration for Responsive Web + Design principles. +
    • +
  • … follows system light/dark theming.
    • +
  • + … hosts a collection of projects demonstrating my proficiency + in both frontend and backend development + including projects written in CSS, Html, Javascript, React, + Nextjs, Nodejs, Sql, Lua, Golang, Java and Bash. +
    • +
  • + … is deployed via a self-hosted Jenkins CI/CD system. +
    • +
  • + … is fully source-available on + my self-hosted git server. +
    • +
  • … was lovingly hand-coded by myself.
    • +
+
+
+

Professional highlights

+
+
+
    +
  • + I designed and implemented an order system for the English company + Woodmech Ltd. lowering administration costs by 25%. +
    • +
  • + I built a website for the English social enterprise company + Excluded Ltd, gaining them thousands of daily impressions, and + significant growth in their customer base. +
    • +
  • + I administered the website and educational platform of The Adrian + Hawley School of English. +
    • +
  • + I offer a multi-user file synchronization service for several + clients, significantly lowering expenditure in the face of + ever-increasing cloud bills. +
    • +
+
+
+

Certifications

+
+
-
-
-
- + +
+
+
IBM certificates
+ +
+
+ +

Selected projects

+ +
+
+
    +
  • +
  • + +

    Subman

    +     +
    + A screenshot of subman in action. + +
    +

    + A self-hosted literary submission management system comprising a + Nextjs web-app with Sqlite back-end. CRUD app styled with + Tailwind. +

    +
    + demo + source +
    +
    • + + + + + + + + + + +
  • + +

    Movie-Explorer

    +     +
    + A screenshot of Movie-Explorer in action. + A screenshot of Movie-Explorer in action on a mobile device. +
    +

    + An app for when you don't know what movie to watch, written in + Typescript/React and vanilla CSS. +

    +
    + demo + source +
    +
    • +
  • + +

    GoPaper

    +     + A screenshot of GoPaper in action. +

    A wallpaper slideshow daemon for Hyprland, written in Go.

    +
    + source +
    +
    • +
  • + +

    Micro365

    +     +

    + A bot for posting single-word writing prompts to social media. + Node.js with an SQLite backend. +

    +
    + source +
    +
    • +
  • + +

    Calculator

    +     + A screenshot of the calculator app in action. +

    A simple calculator app written in React and vanilla CSS. Scales responsively to look great on any + screen.

    +
    + demo + source +
    +
    • +
+
+
+
+ +