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

Compare commits

base: Resume:ea50ae89fb2f0951ea1dfad05820ac934e227151
Branches Tags
Resume:main
..
compare: Resume:c8027f250f304431b6fc49a501f3fd61124f48c6
Branches Tags
Resume:main

No commits in common. "ea50ae89fb2f0951ea1dfad05820ac934e227151" and "c8027f250f304431b6fc49a501f3fd61124f48c6" have entirely different histories.
ea50ae89fb ... c8027f250f

3 changed files with 35 additions and 77 deletions
Show Stats Expand all files Collapse all files

11
Jenkinsfile vendored
View File

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

30
index.html
View File

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

71
styles.css
View File

@ -11,47 +11,21 @@
} }
:root { :root {
@media (prefers-color-scheme: dark) { --text: #e0def4;
--text: #e0def4; --love: #eb6f92;
--love: #eb6f92; --gold: #f6c177;
--gold: #f6c177; --rose: #ebbcba;
--rose: #ebbcba; --pine: #31748f;
--pine: #31748f; --foam: #9ccfd8;
--foam: #9ccfd8; --iris: #c4a7e7;
--iris: #c4a7e7;
--base: #191724; --base: #191724;
--surface: #1f1d2e; --surface: #1f1d2e;
--overlay: #26233a; --overlay: #26233a;
--hl-low: #21202e; --hl-low: #21202e;
--hl-med: #403d52; --hl-med: #403d52;
--hl-high: #524f67; --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 { body {
@ -64,22 +38,20 @@ h3,
h4 { h4 {
font-family: League, Verdana, Geneva, Tahoma, sans-serif; font-family: League, Verdana, Geneva, Tahoma, sans-serif;
color: var(--gold); color: var(--gold);
margin: 0px; text-shadow: 0.8rem 0.8rem var(--base);
} }
h1 { h1 {
font-size: 8rem; font-size: 8rem;
text-shadow: var(--text-shadow);
} }
h2 { h2 {
font-size: 6rem; font-size: 6rem;
text-shadow: var(--text-shadow);
} }
h3 { h3 {
font-size: 4rem; font-size: 4rem;
color: var(--iris); color: var(--love);
} }
main { main {
@ -87,21 +59,16 @@ main {
font-size: 2rem; font-size: 2rem;
width: 60%; width: 60%;
margin: auto; margin: auto;
font-weight: 600;
color: var(--text); color: var(--text);
} }
section { p,
margin-bottom: 8rem; ul {
}
.container {
background-color: var(--surface); background-color: var(--surface);
border-radius: 10rem; border-radius: 10rem;
padding: 5rem; padding: 5rem;
box-shadow: 1rem 1rem var(--shadow-color); box-shadow: 1rem 1rem var(--base);
} }
figcaption { figcaption {
@ -109,7 +76,7 @@ figcaption {
font-size: 2em; font-size: 2em;
font-weight: 1000; font-weight: 1000;
color: var(--iris); color: var(--iris);
/* text-shadow: var(--text-shadow); */ text-shadow: 0.08em 0.08em var(--base);
} }
b { b {