From e83a4e72ffc980f7b7e32b437cde44b9857a4c4d Mon Sep 17 00:00:00 2001
From: Andrzej Stepien <andrzejjamesstepien@gmail.com>
Date: Fri, 26 Apr 2024 00:26:09 +0200
Subject: [PATCH] add sections and projects

---
 index.html | 155 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 105 insertions(+), 50 deletions(-)

diff --git a/index.html b/index.html
index 41b42b6..508a111 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 		<h1>Andrzej Stepien : Coder for Hire</h1>
 	</header>
 	<main>
-		<h1>Hello.</h1>
+		<h2>Hello.</h2>
 		<p>
 			My name is Andrzej, and until the pandemic I was an English teacher. If you're reading this, you
 			most
@@ -23,58 +23,113 @@
 			what
 			I'm capable of.
 		</p>
-		<h2>The website you are currently reading...</h2>
-		<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> because accessibility isn't an optional
-				extra!</li>
-			<li><b>… is styled with careful consideration for Responsive Web Design principles</b> (because
-				I have no
-				idea what device you're reading this on!)</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,  Nodejs,  Sql,  Jq,  Lua and 󱆃 Bash.</li>
-			<li><b>… was lovingly hand-coded by myself.</b> Naturally.</li>
-		</ul>
-		<h2>Certifications</h2>
-		<ul>
-			<h3>Freecodecamp certificates</h3>
+		<section>
+			<h1>The website you are currently reading...</h1>
 			<ul>
-				<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><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> because accessibility isn't an
+					optional
+					extra!</li>
+				<li><b>… is styled with careful consideration for Responsive Web Design principles</b>
+					(because
+					I have no
+					idea what device you're reading this on!)</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, Nodejs, Sql, Jq, Lua and Bash.</li>
+				<li><b>… was lovingly hand-coded by myself.</b> Naturally.</li>
 			</ul>
-			<h3>IBM certificates</h3>
-			<ul>
-				<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>
-		</ul>
+		</section>
+		<section>
+			<h2>Certifications</h2>
+			<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>
+			<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>
+		</section>
+		<section>
+
+			<figure>
+				<figcaption>
+					<h2>Projects</h2>
+				</figcaption>
+				<ul class="link-list">
+					<li>
+						<h3>Subman</h3>
+						<p>A self-hosted literary submission management system comprising a
+							Nodejs
+							backend server and React front end.
+						</p>
+						<a>demo</a>
+						<a>source</a>
+					</li>
+					<li>
+
+						<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>
+
+						<h3>PromptBot</h3>
+						<p>
+							A bot written in nodejs that delivers single-word writing
+							prompts from a database.
+						</p>
+						<a>demo</a>
+						<a>source</a>
+					</li>
+				</ul>
+			</figure>
+		</section>
 	</main>
 </body>