Ready. Set. Go!HEADmaster

3 files changed, 158 insertions, 0 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
new file mode 100644
index 0000000..6beaff3
--- /dev/null
+++ b/assets/css/default.css
@@ -0,0 +1,112 @@
+/* Red is a low-luminance color, and luminance is what we need
+ * for reading and for detecting fine details. Saturated Red,
+ * Orange, Purple should generally be paired with white, and
+ * not black. This is true for standard vision but it's doubly
+ * true for individuals with certain color vision deficiencies
+ * (color blind) particularly protanopia, who see reds much darker.
+ */
+
+
+html {
+    color-scheme: dark;
+    --background-color: #0D1B1E;
+    --foreground-color: #D5D5D5;
+    --red-color: #FFADD6;
+    --yellow-color: #FFFF00;
+    --green-color: #00FF7F;
+    --blue-color: #00FFFF;
+    --purple-color: #DCC6E0;
+    --fs-tfc: clamp(2.25rem, 2vw + 1.5rem, 3.25rem);
+    --fs-tfb: clamp(1.25rem, 2vw + 0.2rem, 2rem);
+    --fs-tfa: clamp(1rem, 2vw + 0.1rem, 1.5rem);
+    --fs-tf: 1rem;
+    --fs-tfx: .75rem;
+    font-size: var(--fs-tf);
+    font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif;
+    font-variant-numeric: oldstyle-nums;
+}
+@media (prefers-color-scheme: light) {
+    html {
+        color-scheme: light;
+        --background-color: #D5D5D5;
+        --foreground-color: #0D1B1E;
+        --red-color: #AA0000;
+        --yellow-color: #804600;
+        --green-color: #205E3B;
+        --blue-color: #1B365D;
+        --purple-color: #360036;
+    }
+}
+
+body {
+    max-width: 100%;
+    min-height: 99dvh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    grid-template-rows: auto 1fr auto;
+}
+
+main {
+    max-width: 46rem; 
+    margin: clamp(1rem, 8vw, 5rem);
+}
+
+a {
+    color: var(--blue-color);
+}
+a:visited {
+    color: var(--yellow-color);
+}
+a[href$=".pdf"]::after {
+  content: " (PDF)";
+  vertical-align: super;
+  font-size: var(--fs-tfx);
+}
+
+abbr {
+    font-variant-caps: all-small-caps;
+    text-transform: lowercase;
+}
+footer {
+    height: 1rem;
+    font-size: var(--fs-tfx);
+    margin-left: clamp(1rem, 8vw, 5rem);
+}
+
+h1 {
+    color: var(--green-color);
+    font-size: var(--fs-tfc);
+    font-weight: bold;
+}
+
+h2 {
+    color: var(--blue-color);
+    font-size: var(--fs-tfb);
+    font-weight: bold;
+}
+
+h3 {
+    font-size: var(--fs-tfa);
+}
+
+.smallcaps {
+    font-variant-caps: all-small-caps;
+    text-transform: lowercase;
+}
+
+.hello {
+    color: var(--blue-color);
+}
+.name {
+    display: block;
+    margin: 10px 0;
+    color: var(--green-color);
+    font-size: var(--fs-tfc);
+    font-weight:bold;
+}
+.description {
+    font-size: var(--fs-tfc);
+    font-weight: normal;
+    color: var(--foreground-color);
+}
diff --git a/assets/cv.pdf b/assets/cv.pdf
new file mode 100644
index 0000000..1f2925b
--- /dev/null
+++ b/assets/cv.pdf
diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..358f7dd
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg25"
+   xml:space="preserve"
+   width="40.105179"
+   height="39.133156"
+   viewBox="0 0 40.105179 39.133156"
+   sodipodi:docname="logo.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs29" /><sodipodi:namedview
+     id="namedview27"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="21.874034"
+     inkscape:cx="20.069457"
+     inkscape:cy="24.138208"
+     inkscape:window-width="1920"
+     inkscape:window-height="1064"
+     inkscape:window-x="0"
+     inkscape:window-y="16"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g31" /><g
+     id="g31"
+     inkscape:groupmode="layer"
+     inkscape:label="logo"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,39.133157)"><g
+       id="g33"
+       transform="translate(15.03944,14.67493)"><g
+         id="g35"><g
+           id="g37"
+           transform="matrix(0.999584,0.577108,-0.028857,0.049983,0,0)"><path
+             d="m 11.77675,-69.549743 c 0.63506,43.01695 0.674091,89.07164 0.08407,133.10772 -0.842893,62.908843 -2.900582,116.548493 -5.721122,149.114903 -2.82054,32.56641 -6.172206,41.38402 -9.317859,24.52757 -3.145653,-16.85646 -5.82781,-58.00722 -7.45623,-114.41405 -2.081439,-72.098962 4.778732,-65.150454 8.250738,55.11637 v 0 c 0.438816,-32.75078 2.122103,-52.18627 3.759751,-43.41068 v 0 C 0.201911,93.819523 -0.280953,46.627473 0,0 v 0 c 0.280953,-46.627473 -0.201911,-93.819523 -1.376095,-134.49209 v 0 c 1.637648,8.77559 3.320935,-10.6599 3.759751,-43.41068 v 0 c 3.472006,120.266824 10.332177,127.215332 8.250738,55.11637 -1.62842,-56.40683 -4.310577,-97.55759 -7.45623,-114.41405 -3.145653,-16.85645 -6.497319,-8.03884 -9.317859,24.52757 -2.82054,32.56641 -4.878229,86.20606 -5.721122,149.114903 -0.590024,44.03608 -0.550993,90.09077 0.08407,133.10772"
+             style="fill:none;stroke:#9f0000;stroke-width:1.73278;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+             id="path39" /></g></g></g></g></svg>