From 3140267ea0a3b37032003992695afd7dc1f4f46c Mon Sep 17 00:00:00 2001 From: Kevin Hoerr Date: Sat, 23 Dec 2023 23:59:02 -0500 Subject: 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 --- src/static/favicon-32x32.png | Bin 0 -> 3058 bytes src/static/icons/code.svg | 4 + src/static/icons/github.svg | 4 + src/static/icons/icon-144x144.png | Bin 0 -> 42763 bytes src/static/icons/icon-192x192.png | Bin 0 -> 72918 bytes src/static/icons/icon-256x256.png | Bin 0 -> 122738 bytes src/static/icons/icon-384x384.png | Bin 0 -> 252395 bytes src/static/icons/icon-48x48.png | Bin 0 -> 6080 bytes src/static/icons/icon-512x512.png | Bin 0 -> 414864 bytes src/static/icons/icon-72x72.png | Bin 0 -> 11641 bytes src/static/icons/icon-96x96.png | Bin 0 -> 20144 bytes src/static/icons/mastodon.svg | 4 + src/static/manifest.webmanifest | 34 ++++ .../6cac9/main.webp | Bin 0 -> 13260 bytes .../88e48/main.png | Bin 0 -> 43389 bytes src/static/styles.css | 205 +++++++++++++++++++++ 16 files changed, 251 insertions(+) create mode 100644 src/static/favicon-32x32.png create mode 100644 src/static/icons/code.svg create mode 100644 src/static/icons/github.svg create mode 100644 src/static/icons/icon-144x144.png create mode 100644 src/static/icons/icon-192x192.png create mode 100644 src/static/icons/icon-256x256.png create mode 100644 src/static/icons/icon-384x384.png create mode 100644 src/static/icons/icon-48x48.png create mode 100644 src/static/icons/icon-512x512.png create mode 100644 src/static/icons/icon-72x72.png create mode 100644 src/static/icons/icon-96x96.png create mode 100644 src/static/icons/mastodon.svg create mode 100644 src/static/manifest.webmanifest create mode 100644 src/static/static/81e0da73927123f3f6b0c9a2d0750e76/6cac9/main.webp create mode 100644 src/static/static/81e0da73927123f3f6b0c9a2d0750e76/88e48/main.png create mode 100644 src/static/styles.css (limited to 'src/static') diff --git a/src/static/favicon-32x32.png b/src/static/favicon-32x32.png new file mode 100644 index 0000000..baa2b5e Binary files /dev/null and b/src/static/favicon-32x32.png differ diff --git a/src/static/icons/code.svg b/src/static/icons/code.svg new file mode 100644 index 0000000..ddd0a7d --- /dev/null +++ b/src/static/icons/code.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/src/static/icons/github.svg b/src/static/icons/github.svg new file mode 100644 index 0000000..2179508 --- /dev/null +++ b/src/static/icons/github.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/src/static/icons/icon-144x144.png b/src/static/icons/icon-144x144.png new file mode 100644 index 0000000..18f5e4f Binary files /dev/null and b/src/static/icons/icon-144x144.png differ diff --git a/src/static/icons/icon-192x192.png b/src/static/icons/icon-192x192.png new file mode 100644 index 0000000..7d6c60c Binary files /dev/null and b/src/static/icons/icon-192x192.png differ diff --git a/src/static/icons/icon-256x256.png b/src/static/icons/icon-256x256.png new file mode 100644 index 0000000..9f331e2 Binary files /dev/null and b/src/static/icons/icon-256x256.png differ diff --git a/src/static/icons/icon-384x384.png b/src/static/icons/icon-384x384.png new file mode 100644 index 0000000..39bdf43 Binary files /dev/null and b/src/static/icons/icon-384x384.png differ diff --git a/src/static/icons/icon-48x48.png b/src/static/icons/icon-48x48.png new file mode 100644 index 0000000..951cbe7 Binary files /dev/null and b/src/static/icons/icon-48x48.png differ diff --git a/src/static/icons/icon-512x512.png b/src/static/icons/icon-512x512.png new file mode 100644 index 0000000..be1b067 Binary files /dev/null and b/src/static/icons/icon-512x512.png differ diff --git a/src/static/icons/icon-72x72.png b/src/static/icons/icon-72x72.png new file mode 100644 index 0000000..ac5beec Binary files /dev/null and b/src/static/icons/icon-72x72.png differ diff --git a/src/static/icons/icon-96x96.png b/src/static/icons/icon-96x96.png new file mode 100644 index 0000000..5ae5b70 Binary files /dev/null and b/src/static/icons/icon-96x96.png differ diff --git a/src/static/icons/mastodon.svg b/src/static/icons/mastodon.svg new file mode 100644 index 0000000..b298458 --- /dev/null +++ b/src/static/icons/mastodon.svg @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/src/static/manifest.webmanifest b/src/static/manifest.webmanifest new file mode 100644 index 0000000..516cdf7 --- /dev/null +++ b/src/static/manifest.webmanifest @@ -0,0 +1,34 @@ +{ + "name": "Kevin J Hoerr", + "short_name": "kjhoerr", + "start_url": "/", + "background_color": "#e1e1e1", + "theme_color": "#e1e1e1", + "display": "browser", + "icons": [ + { "src": "icons/icon-48x48.png", "sizes": "48x48", "type": "image/png" }, + { "src": "icons/icon-72x72.png", "sizes": "72x72", "type": "image/png" }, + { "src": "icons/icon-96x96.png", "sizes": "96x96", "type": "image/png" }, + { + "src": "icons/icon-144x144.png", + "sizes": "144x144", + "type": "image/png" + }, + { + "src": "icons/icon-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "icons/icon-256x256.png", + "sizes": "256x256", + "type": "image/png" + }, + { + "src": "icons/icon-384x384.png", + "sizes": "384x384", + "type": "image/png" + }, + { "src": "icons/icon-512x512.png", "sizes": "512x512", "type": "image/png" } + ] +} diff --git a/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/6cac9/main.webp b/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/6cac9/main.webp new file mode 100644 index 0000000..185b64e Binary files /dev/null and b/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/6cac9/main.webp differ diff --git a/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/88e48/main.png b/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/88e48/main.png new file mode 100644 index 0000000..5139f93 Binary files /dev/null and b/src/static/static/81e0da73927123f3f6b0c9a2d0750e76/88e48/main.png differ diff --git a/src/static/styles.css b/src/static/styles.css new file mode 100644 index 0000000..90e7842 --- /dev/null +++ b/src/static/styles.css @@ -0,0 +1,205 @@ +body { + background-color: #e1e1e1; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXpUWHRUaXRsZQAACNdLSkzOTi/KL81LAQAWSwQhPQTyzQAAABt6VFh0QXV0aG9yAAAI1/NOLcvMU/DITy0qAgAYDwQeUS3vvwAAAZNJREFUeNrt3bFtQ0EMREH5x+q/M3Wi3IJaMGR7yHtbwCWDBY4J+fV4PL5vH879fr9tz/P5/JV3rzAcjI+DhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhAGBhDHglxXG/+RdjisMB2N1QyZirAWZirESZDLGOpDpGKtANmCsAdmCsQJkE8Z4kG0Yo0E2YowF2YoxEmQzxjiQ7RijQE7AGANyCsYIkJMweJDTMGiQEzFYkFMxSJCTMTiQ0zEokDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAgkDAGTuph/E3e5bjCcDBGNOS03fRXGA4GDXLq1YYrDAeDBDn9nskVhoNBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYQBgYTxs7wA+yQwVSKvoHMAAAAASUVORK5CYII=); + background-repeat: repeat; + font-display: serif; + font-family: Merriweather, serif; + font-size: 16px; + color: #000; +} + +::selection { + background-color: #999; + color: #fff; +} + +em, +p, +q { + display: block; + text-indent: 28px; +} + +p { + margin: 0 0 16px; +} + +p > a, +p > a:hover, +p > a:visited { + color: #000; + padding: 1px 3px; + text-decoration: none; +} + +p > a, +p > a:visited { + background-color: #e1e1e1; +} + +p > a:hover { + background-color: #d5d5d5; +} + +i.icon { + display: inline-block; + stroke-width: 0; + overflow-clip-margin: content-box; + overflow: hidden; + margin-bottom: -4px; + height: 20px; + width: 20px; + filter: invert(37%) sepia(0%) saturate(1906%) hue-rotate(177deg) + brightness(97%) contrast(72%); +} +i.icon.fa-code { + background-image: url(icons/code.svg); +} +i.icon.fa-github { + background-image: url(icons/github.svg); +} +i.icon.fa-mastodon { + background-image: url(icons/mastodon.svg); +} + +article { + width: 350px; + margin: 0px auto; + margin-bottom: 120px; + padding-top: 136px; +} + +article > picture { + width: 350px; + height: 350px; +} + +section { + background-color: #fff; + border: 1px #000 solid; + border-left: 3px #000 solid; + border-right: 3px #000 solid; + padding: 4px 8px; +} + +section:has(h1) { + border: 0px; + background-color: #000; + width: 100%; + margin-top: 3px; + padding: 4px 0px 0px; +} + +section + section { + margin-top: 3px; +} + +section:has(h1) + section { + margin-top: 0px; +} + +section > h1 { + text-align: center; + color: #fff; + font-size: 36px; + font-weight: bold; + margin: 0px; + padding: 0px; +} + +section:has(a) { + padding: 0; +} + +section:has(a):hover { + background-color: #ddd; + color: #222; +} + +section > a { + padding: 8px; + width: 328px; + display: block; + text-align: center; + -webkit-text-decoration: none; + text-decoration: none; + color: #777; +} + +section > a:visited, +section > a:active { + padding: 8px; + width: 328px; + display: block; + text-align: center; + -webkit-text-decoration: none; + text-decoration: none; + color: #777; +} + +section:last-child, +section:last-child > a { + border-bottom-left-radius: 18px; + border-bottom-right-radius: 18px; +} + +footer { + width: 100%; + position: fixed; + left: 0px; + bottom: 0px; + text-align: center; + font-size: 12px; +} + +footer > span { + padding: 2px; + background: #e1e1e1; +} + +@media (prefers-color-scheme: dark) { + body { + background-color: #424242; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAltJREFUeF7t3cuKwzAMheHprs/VZd//YbqbIS10CLk5sSTr8mfvYPOBQPIhuT2fz98f4ef1egm/0d/r7ve7yqZu0iBg9DmJgoDRhzGtFgMBox9DDAQMGQwREDDkMLpBwJDF6AIBQx7jMggYOhiXQMDQwzgNAoYuxikQMPQxmkHAsMFoAgHDDuMQBAxbjF0QMOwxNkHAGIOxCgLGOIwFCBhjMWYgYIzH+IKA4QPjDfJ4PMRDDn6O99mJViBB45zpQSJhTJUqNUg0jNQlKyJGWpCoGClBImOkA4mOkQokA0YakCwYKUAyYYQHyYYRGiQjRliQrBghQTJjhAPJjhEKpAJGGJAqGCFAKmG4B6mG4RqkIoZbkKoYLkEqY7gDqY7hCgSMT6jIReoEjP+E13AQMOZxu6EgYCyzj8NAwFgPog4BAWM7FWwOAsZ+RNsUBIzjvLwZCBjHGGZ9CBhtGCYgYLRjqIOAcQ5DFQSM8xhqIGBcw1ABAeM6hjgIGH0YoiBg9GOIgYAhgyECAoYcRjcIGLIYXSBgyGNcBgFDB+MSCBh6GKdBwNDFOAUChj5GMwgYNhhNIGDYYRyCgGGLsQsChj3GJggYYzBWQcAYh7EAAWMsxgwEjPEYXxAwfGC8QaR/Tqx5tApf4A4DUgFjqlQhQKpghChZlTDcg1TDcA1SEcMtSFUMlyCVMdyBVMdwBQLGp6V20YeA8T/fGA4CxnzYNBQEjOXkbxgIGOtj2CEgYGzPxM1BwNi/oDAFAeP4tsgMBIxjDLM+BIw2DBMQMNox1EHAOIehCgLGeYxpxR8MpN5wf4mWVQAAAABJRU5ErkJggg==); + color: #ddd; + } + + p > a, + p > a:hover, + p > a:visited { + color: #fff; + } + + i.icon { + filter: invert(77%) sepia(0%) saturate(0%) hue-rotate(26deg) brightness(88%) + contrast(92%); + } + + section { + background-color: #000; + border-color: #777; + } + + section:has(h1) { + background-color: #777; + } + + section > h1 { + color: #000; + } + + section > a, + section > a:visited, + section > a:active { + color: #aaa; + } + + section:has(a):hover { + background-color: #222; + color: #ddd; + } + + footer > span { + background: #646464; + } +} -- cgit