De gatsby (#326)

* de-gatsby

* Add inversed image for dark background

* eleventy

* Reinstate workflows to prior state

* Strip inline styling for index image

* Passthrough src/public/ files

* Use global data to encode build date encoded string

* Clean public directory before build

* Reinstall eslint, prettier

* Reinstate .gitattributes for public dir

* build.yml: escape config file for version numbering

* Revert public changes for PR validation

* Rename src/public/ to src/static/

* Include github-actions in dependabot updates

* re-establish typescript

* Update prevent-file-change-action to v1.5.1

* Re-add typescript to linting

* Re-add typescript for eslint

* Fix whitespace diff for tsconfig.json

* Fix whitespace in .eslintrc.json

4 files changed, 43 insertions, 96 deletions

diff --git a/src/pages/404.njk b/src/pages/404.njk
new file mode 100644
index 0000000..3c965ac
--- /dev/null
+++ b/src/pages/404.njk
@@ -0,0 +1,10 @@
+---
+layout: layouts/page.njk
+---
+<section><h1>Not found</h1></section>
+<section>
+  Sorry! We couldn&apos;t find what you were looking for&nbsp;<span role="img" aria-label="Pensive emoji">😔</span>
+</section>
+<section>
+  <a href="/" aria-label="Return to the front page">Home</a>
+</section>
\ No newline at end of file
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
deleted file mode 100644
index 782a349..0000000
--- a/src/pages/404.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from "react";
-import { BlockLink, Layout } from "../components";
-import { BlockBody, BlockHeader } from "../styles";
-
-const NotFoundPage = (): React.ReactElement => {
-  return (
-    <Layout>
-      <BlockHeader>Not found</BlockHeader>
-      <BlockBody>
-        Sorry! We couldn&apos;t find what you were looking for
-        <span role="img" aria-label="Pensive emoji">
-          😔
-        </span>
-      </BlockBody>
-      <BlockLink href="/" aria-label="Return to the front page">
-        Home
-      </BlockLink>
-    </Layout>
-  );
-};
-
-export default NotFoundPage;
-export { Head } from "../components/SEO";
diff --git a/src/pages/index.njk b/src/pages/index.njk
new file mode 100644
index 0000000..67d8506
--- /dev/null
+++ b/src/pages/index.njk
@@ -0,0 +1,33 @@
+---
+layout: layouts/page.njk
+---
+<picture>
+  <source type="image/webp" srcSet="static/81e0da73927123f3f6b0c9a2d0750e76/6cac9/main.webp 350w" sizes="350px"/>
+  <img sizes="350px" loading="lazy" src="static/81e0da73927123f3f6b0c9a2d0750e76/88e48/main.png" alt="Picture of Kevin Hoerr"/>
+</picture>
+<section><h1>Hello!</h1></section>
+<section>
+  <p>I&apos;m a computer science and math graduate from Millersville University. I work as a Solutions Architect and specialize in development operations and systems validation for web applications.</p>
+  <p>During my time at Millersville I was the lead Linux admin for the Cyber Defense Organization (CDO). In addition to constructing a new computer lab for our efforts, we participated in NCL and MACCDC.</p>
+  <p>Most of my development experience is focused around full stack development. For the front-end I use TypeScript and ReactJS using create-react-app or NextJS. For back-end systems I have used both Java with Spring Boot and rust with actix-web extensively. To mediate APIs I have used Apache Kafka, OpenAPI, and GraphQL.</p>
+  <p>My free time is spent engaging in general computing hobbies. When I&apos;m not trying out new application frameworks, I am fiddling around with Guix or NixOS. I run a kubernetes cluster at home to manage, maintain, and secure my personal network as well as experimenting with distributed workloads.</p>
+  <em>- Kevin H.</em>
+</section>
+<section>
+  <a href="https://github.com/kjhoerr" rel="me" aria-label="My GitHub account with my most active personal projects">
+    <i role="img" class="icon fa-github"></i>
+    kjhoerr on GitHub
+  </a>
+</section>
+<section>
+  <a href="https://github.com/kjhoerr/pantry" aria-label="Source code repository of Kevin&apos;s current pet project Pantry">
+    <i role="img" class="icon fa-code"></i>
+    Pantry (pet project)
+  </a>
+</section>
+<section>
+  <a href="https://cybr.es/@kjhoerr" rel="me" aria-label="My Mastodon account">
+    <i role="img" class="icon fa-mastodon"></i>
+    @kjhoerr@cybr.es
+  </a>
+</section>
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
deleted file mode 100644
index fe407c4..0000000
--- a/src/pages/index.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-import { StaticImage } from "gatsby-plugin-image";
-import { FaCode, FaGithub, FaMastodon } from "react-icons/fa";
-import { BlockLink, Layout } from "../components";
-import { BlockBody, BlockHeader } from "../styles";
-
-const IndexPage = (): React.ReactElement => {
-  return (
-    <Layout>
-      <div>
-        <StaticImage
-          src="../images/main.png"
-          alt="Picture of Kevin Hoerr"
-          placeholder="blurred"
-          layout="fixed"
-          width={350}
-          height={350}
-        />
-      </div>
-      <BlockHeader>Hello!</BlockHeader>
-      <BlockBody>
-        <p>
-          I&apos;m a computer science and math graduate from Millersville
-          University. I work as a Solutions Architect and specialize in
-          development operations and systems validation for web applications.
-        </p>
-        <p>
-          During my time at Millersville I was the lead Linux admin for the
-          Cyber Defense Organization (CDO). In addition to constructing a new
-          computer lab for our efforts, we participated in NCL and MACCDC.
-        </p>
-        <p>
-          Most of my development experience is focused around full stack
-          development. For the front-end I use TypeScript and ReactJS using
-          create-react-app or NextJS. For back-end systems I have used both Java
-          with Spring Boot and rust with actix-web extensively. To mediate APIs
-          I have used Apache Kafka, OpenAPI, and GraphQL.
-        </p>
-        <p>
-          My free time is spent engaging in general computing hobbies. When
-          I&apos;m not trying out new application frameworks, I am fiddling
-          around with Guix or NixOS. I run a kubernetes cluster at home to
-          manage, maintain, and secure my personal network as well as
-          experimenting with distributed workloads.
-        </p>
-        <em>- Kevin H.</em>
-      </BlockBody>
-      <BlockLink
-        href="https://github.com/kjhoerr"
-        rel="me"
-        aria-label="My GitHub account with my most active personal projects"
-      >
-        <FaGithub /> kjhoerr on GitHub
-      </BlockLink>
-      <BlockLink
-        href="https://github.com/kjhoerr/pantry"
-        aria-label="Source code repository of Kevin's current pet project Pantry"
-      >
-        <FaCode /> Pantry (pet project)
-      </BlockLink>
-      <BlockLink
-        href="https://cybr.es/@kjhoerr"
-        rel="me"
-        aria-label="My Mastodon account"
-      >
-        <FaMastodon /> @kjhoerr@cybr.es
-      </BlockLink>
-    </Layout>
-  );
-};
-
-export default IndexPage;
-export { Head } from "../components/SEO";