jenkinsfile

Jenkinsfile

@@ -0,0 +1,11 @@
+pipeline {
+    agent any
+
+    stages {
+        stage('Do nothing') {
+            steps {
+                sh '/bin/true'
+            }
+        }
+    }
+}

index.html

@@ -16,7 +16,7 @@
 	</header>
 	<main>
 		<h2>Hello.</h2>
-		<p>
+		<p class="container">
 			My name is Andrzej, and until the pandemic I was an English teacher. If you're reading this, you
 			most
 			likely followed a link here from my CV. I thought this page would be the best way to demonstrate
@@ -25,7 +25,7 @@
 		</p>
 		<section>
 			<h1>The website you are currently reading...</h1>
-			<ul>
+			<ul class="container">
 				<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
@@ -50,12 +50,12 @@
 			</ul>
 		</section>
 		<section>
-			<h2>Certifications</h2>
+			<h1>Certifications</h1>
 			<figure>
 				<figcaption>
 					Freecodecamp certificates
 				</figcaption>
-				<ul class="link-list">
+				<ul class="link-list container">
 					<li>
 						<a
 							href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries">Front
@@ -77,7 +77,7 @@
 				<figcaption>
 					IBM certificates
 				</figcaption>
-				<ul class="link-list">
+				<ul class="link-list container">
 					<li>
 						<a
 							href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction
@@ -95,19 +95,18 @@
 
 			<figure>
 				<figcaption>
-					<h2>Projects</h2>
+					<h1>Projects</h1>
 				</figcaption>
 				<ul class="link-list">
-					<li>
+					<li class="container">
 						<h3>Subman</h3>
 						<p>A self-hosted literary submission management system comprising a
-							Nodejs
+							Nodejs back-end server and React front end.
-							backend server and React front end.
 						</p>
 						<a>demo</a>
 						<a>source</a>
 					</li>
-					<li>
+					<li class="container">
 
 						<h3>Micro365</h3>
 						<p>
@@ -117,15 +116,14 @@
 						<a>demo</a>
 						<a>source</a>
 					</li>
-					<li>
+					<li class="container">
 
-						<h3>PromptBot</h3>
+						<h3>Calculator</h3>
 						<p>
-							A bot written in nodejs that delivers single-word writing
+							A simple calculator app written in React.
-							prompts from a database.
 						</p>
-						<a>demo</a>
+						<a href="https://demos.ajstepien.xyz/calculator/">demo</a>
-						<a>source</a>
+						<a href="https://projects.ajstepien.xyz/andrzej/calculator">source</a>
 					</li>
 				</ul>
 			</figure>

styles.css

@@ -11,6 +11,7 @@
 }
 
 :root {
+	@media (prefers-color-scheme: dark) {
 		--text: #e0def4;
 		--love: #eb6f92;
 		--gold: #f6c177;
@@ -26,6 +27,31 @@
 		--hl-low: #21202e;
 		--hl-med: #403d52;
 		--hl-high: #524f67;
+	}
+
+	@media (prefers-color-scheme: light) {
+
+		--text: #575279;
+		--love: #b4637a;
+		--gold: #ea9d34;
+		--rose: #d7827e;
+		--pine: #286983;
+		--foam: #56949f;
+		--iris: #907aa9;
+
+		--base: #faf4ed;
+		--surface: #fffaf3;
+		--overlay: #f2e9e1;
+
+		--hl-low: #f4ede8;
+		--hl-med: #dfdad9;
+		--hl-high: #cecacd;
+
+
+	}
+
+	--shadow-color: rgba(0, 0, 0, 0.6);
+	--text-shadow: 0.04em 0.04em var(--shadow-color);
 }
 
 body {
@@ -38,20 +64,22 @@ h3,
 h4 {
 	font-family: League, Verdana, Geneva, Tahoma, sans-serif;
 	color: var(--gold);
-	text-shadow: 0.8rem 0.8rem var(--base);
+	margin: 0px;
 }
 
 h1 {
 	font-size: 8rem;
+	text-shadow: var(--text-shadow);
 }
 
 h2 {
 	font-size: 6rem;
+	text-shadow: var(--text-shadow);
 }
 
 h3 {
 	font-size: 4rem;
-	color: var(--love);
+	color: var(--iris);
 }
 
 main {
@@ -59,16 +87,21 @@ main {
 	font-size: 2rem;
 	width: 60%;
 	margin: auto;
+	font-weight: 600;
 	color: var(--text);
 }
 
-p,
+section {
-ul {
+	margin-bottom: 8rem;
+}
+
+
+.container {
 
 	background-color: var(--surface);
 	border-radius: 10rem;
 	padding: 5rem;
-	box-shadow: 1rem 1rem var(--base);
+	box-shadow: 1rem 1rem var(--shadow-color);
 }
 
 figcaption {
@@ -76,7 +109,7 @@ figcaption {
 	font-size: 2em;
 	font-weight: 1000;
 	color: var(--iris);
-	text-shadow: 0.08em 0.08em var(--base);
+	/* text-shadow: var(--text-shadow); */
 }
 
 b {