Compare commits
No commits in common. "ea50ae89fb2f0951ea1dfad05820ac934e227151" and "c8027f250f304431b6fc49a501f3fd61124f48c6" have entirely different histories.
ea50ae89fb
...
c8027f250f
|
@ -1,11 +0,0 @@
|
|||
pipeline {
|
||||
agent any
|
||||
|
||||
stages {
|
||||
stage('Do nothing') {
|
||||
steps {
|
||||
sh '/bin/true'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
30
index.html
30
index.html
|
@ -16,7 +16,7 @@
|
|||
</header>
|
||||
<main>
|
||||
<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
|
||||
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 class="container">
|
||||
<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
|
||||
|
@ -50,12 +50,12 @@
|
|||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h1>Certifications</h1>
|
||||
<h2>Certifications</h2>
|
||||
<figure>
|
||||
<figcaption>
|
||||
Freecodecamp certificates
|
||||
</figcaption>
|
||||
<ul class="link-list container">
|
||||
<ul class="link-list">
|
||||
<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 container">
|
||||
<ul class="link-list">
|
||||
<li>
|
||||
<a
|
||||
href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction
|
||||
|
@ -95,18 +95,19 @@
|
|||
|
||||
<figure>
|
||||
<figcaption>
|
||||
<h1>Projects</h1>
|
||||
<h2>Projects</h2>
|
||||
</figcaption>
|
||||
<ul class="link-list">
|
||||
<li class="container">
|
||||
<li>
|
||||
<h3>Subman</h3>
|
||||
<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>
|
||||
<a>demo</a>
|
||||
<a>source</a>
|
||||
</li>
|
||||
<li class="container">
|
||||
<li>
|
||||
|
||||
<h3>Micro365</h3>
|
||||
<p>
|
||||
|
@ -116,14 +117,15 @@
|
|||
<a>demo</a>
|
||||
<a>source</a>
|
||||
</li>
|
||||
<li class="container">
|
||||
<li>
|
||||
|
||||
<h3>Calculator</h3>
|
||||
<h3>PromptBot</h3>
|
||||
<p>
|
||||
A simple calculator app written in React.
|
||||
A bot written in nodejs that delivers single-word writing
|
||||
prompts from a database.
|
||||
</p>
|
||||
<a href="https://demos.ajstepien.xyz/calculator/">demo</a>
|
||||
<a href="https://projects.ajstepien.xyz/andrzej/calculator">source</a>
|
||||
<a>demo</a>
|
||||
<a>source</a>
|
||||
</li>
|
||||
</ul>
|
||||
</figure>
|
||||
|
|
71
styles.css
71
styles.css
|
@ -11,47 +11,21 @@
|
|||
}
|
||||
|
||||
:root {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
--text: #e0def4;
|
||||
--love: #eb6f92;
|
||||
--gold: #f6c177;
|
||||
--rose: #ebbcba;
|
||||
--pine: #31748f;
|
||||
--foam: #9ccfd8;
|
||||
--iris: #c4a7e7;
|
||||
--text: #e0def4;
|
||||
--love: #eb6f92;
|
||||
--gold: #f6c177;
|
||||
--rose: #ebbcba;
|
||||
--pine: #31748f;
|
||||
--foam: #9ccfd8;
|
||||
--iris: #c4a7e7;
|
||||
|
||||
--base: #191724;
|
||||
--surface: #1f1d2e;
|
||||
--overlay: #26233a;
|
||||
--base: #191724;
|
||||
--surface: #1f1d2e;
|
||||
--overlay: #26233a;
|
||||
|
||||
--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);
|
||||
--hl-low: #21202e;
|
||||
--hl-med: #403d52;
|
||||
--hl-high: #524f67;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -64,22 +38,20 @@ h3,
|
|||
h4 {
|
||||
font-family: League, Verdana, Geneva, Tahoma, sans-serif;
|
||||
color: var(--gold);
|
||||
margin: 0px;
|
||||
text-shadow: 0.8rem 0.8rem var(--base);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 8rem;
|
||||
text-shadow: var(--text-shadow);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 6rem;
|
||||
text-shadow: var(--text-shadow);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 4rem;
|
||||
color: var(--iris);
|
||||
color: var(--love);
|
||||
}
|
||||
|
||||
main {
|
||||
|
@ -87,21 +59,16 @@ main {
|
|||
font-size: 2rem;
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
|
||||
|
||||
.container {
|
||||
p,
|
||||
ul {
|
||||
|
||||
background-color: var(--surface);
|
||||
border-radius: 10rem;
|
||||
padding: 5rem;
|
||||
box-shadow: 1rem 1rem var(--shadow-color);
|
||||
box-shadow: 1rem 1rem var(--base);
|
||||
}
|
||||
|
||||
figcaption {
|
||||
|
@ -109,7 +76,7 @@ figcaption {
|
|||
font-size: 2em;
|
||||
font-weight: 1000;
|
||||
color: var(--iris);
|
||||
/* text-shadow: var(--text-shadow); */
|
||||
text-shadow: 0.08em 0.08em var(--base);
|
||||
}
|
||||
|
||||
b {
|
||||
|
|
Loading…
Reference in New Issue