commit da058b7fb5d037868d99d36607ea144cd2b3350f Author: askiiart Date: Tue Nov 12 09:53:36 2024 -0600 Initial commit - based off old webfolio diff --git a/feed.xml b/feed.xml new file mode 100755 index 0000000..735ed45 --- /dev/null +++ b/feed.xml @@ -0,0 +1,11 @@ + + + + + Benjamin Zimmerman's webfolio + The feed for my webfolio, I guess + https://engl-webfolio.askiiart.net + Tue, 12 Nov 2024 15:46:22 +0000 + + + \ No newline at end of file diff --git a/generate-rss.sh b/generate-rss.sh new file mode 100755 index 0000000..a760397 --- /dev/null +++ b/generate-rss.sh @@ -0,0 +1,17 @@ +#!/usr/bin/env bash + +# Makes RSS feed (feed.xml) +# Currently missing description and pubDate +# Based off https://en.wikipedia.org/wiki/RSS, particularly the example +printf "\n\n\n\n Benjamin Zimmerman's webfolio\n The feed for my webfolio, I guess\n https://engl-webfolio.askiiart.net\n $(TZ='UTC' date --rfc-2822)" >feed.xml +find . -name '*.html' -print | while read -r item; do + # Skip template and index + if [[ $item == "./index.html" || $item == "./template.html" ]]; then + continue + fi + item="${item%.*}" + item="${item#./}" + TITLE=$(grep -m 1 -oP '(?<=^# ).*' ${item}.md | cat) + printf "\n \n ${TITLE}\n https://askiiart.net/${item}.html\n " >>feed.xml +done +printf "\n\n\n" >>feed.xml \ No newline at end of file diff --git a/generate-sitemap.sh b/generate-sitemap.sh new file mode 100755 index 0000000..74afac4 --- /dev/null +++ b/generate-sitemap.sh @@ -0,0 +1,20 @@ +#!/usr/bin/env bash + +# Based on this: https://www.lostsaloon.com/technology/how-to-create-an-xml-sitemap-using-wget-and-shell-script/ +# (https://web.archive.org/web/20231202193251/https://www.lostsaloon.com/technology/how-to-create-an-xml-sitemap-using-wget-and-shell-script/) (https://archive.ph/qtdMP) +sitedomain=https://engl-webfolio.askiiart.net +dir=$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" &>/dev/null && pwd) +header='' +echo $header >sitemap.xml + +find . -name "*.md" | while read -r item; do + item="${item:2}" + item="${item%.*}" + echo ''${sitedomain}/${item}.html'' >>sitemap.xml +done + +echo "" >> sitemap.xml \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..bd7ae4a --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + Webfolio + + + + +

Webfolio

+

Helloooooo

+

I'm Benjamin Zimmerman, and this is my webfolio for Business + and Technical Writing. The code is available here + if you want to check it out.

+

Anyways, here a picture I took of a baby turtle I used to + have:

+
+ A baby turtle basking + +
+ + + diff --git a/index.md b/index.md new file mode 100755 index 0000000..96b601a --- /dev/null +++ b/index.md @@ -0,0 +1,9 @@ +# Webfolio + +## Helloooooo + +I'm Benjamin Zimmerman, and this is my webfolio for Business and Technical Writing. The code is available [here](https://git.askiiart.net/askiiart/engl-2311-webfolio) if you want to check it out. + +Anyways, here a picture I took of a baby turtle I used to have: + +![A baby turtle basking](/static/askiiart.gif) diff --git a/md2html.sh b/md2html.sh new file mode 100755 index 0000000..3bfac64 --- /dev/null +++ b/md2html.sh @@ -0,0 +1,11 @@ +#!/usr/bin/env bash +set -e + +dir=$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" &>/dev/null && pwd) +find . -name "*.md" | while read -r item; do + item="${item%.*}" + echo "Currently processing ${item}" + pandoc -f markdown-smart --data-dir . --template ${dir}/template.html -t html -o ${item}.html ${item}.md --metadata title="$(grep -m 1 -oP '(?<=^# ).*' ${item}.md | cat)" +done + +find . \( ! -regex './md2html.sh' \) -type f | xargs sed -i 's/sourceCode /language-/g' diff --git a/run.sh b/run.sh new file mode 100755 index 0000000..698e26a --- /dev/null +++ b/run.sh @@ -0,0 +1,7 @@ +#!/usr/bin/env bash +set -e +SCRIPT_DIR=$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" &>/dev/null && pwd) + +cd $SCRIPT_DIR +./md2html.sh +./generate-rss.sh diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..e7fb793 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,3 @@ + +https://engl-webfolio.askiiart.net/index.html + diff --git a/static/AtkinsonHyperlegible-Bold.woff2 b/static/AtkinsonHyperlegible-Bold.woff2 new file mode 100644 index 0000000..19b6f67 Binary files /dev/null and b/static/AtkinsonHyperlegible-Bold.woff2 differ diff --git a/static/AtkinsonHyperlegible-BoldItalic.woff2 b/static/AtkinsonHyperlegible-BoldItalic.woff2 new file mode 100644 index 0000000..9ba2ce0 Binary files /dev/null and b/static/AtkinsonHyperlegible-BoldItalic.woff2 differ diff --git a/static/AtkinsonHyperlegible-Italic.woff2 b/static/AtkinsonHyperlegible-Italic.woff2 new file mode 100644 index 0000000..9f77e5a Binary files /dev/null and b/static/AtkinsonHyperlegible-Italic.woff2 differ diff --git a/static/AtkinsonHyperlegible-Regular.woff2 b/static/AtkinsonHyperlegible-Regular.woff2 new file mode 100644 index 0000000..73c00b9 Binary files /dev/null and b/static/AtkinsonHyperlegible-Regular.woff2 differ diff --git a/static/FiraCodeNerdFontMono-Regular.woff2 b/static/FiraCodeNerdFontMono-Regular.woff2 new file mode 100644 index 0000000..e996595 Binary files /dev/null and b/static/FiraCodeNerdFontMono-Regular.woff2 differ diff --git a/static/askiiart.gif b/static/askiiart.gif new file mode 100755 index 0000000..45e3cfb Binary files /dev/null and b/static/askiiart.gif differ diff --git a/style.css b/style.css new file mode 100755 index 0000000..0c776b7 --- /dev/null +++ b/style.css @@ -0,0 +1,150 @@ +@font-face { + /* from https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode */ + font-family: "FiraCode"; + src: url('/static/FiraCodeNerdFontMono-Regular.woff2'); +} + +/* from Google Fonts, under the Open Font License */ +@font-face { + font-family: "Atkinson Hyperlegible"; + src: local('Atkinson Hyperlegible'), url('/static/AtkinsonHyperlegible-Regular.woff2'); +} + +@font-face { + font-family: "Atkinson Hyperlegible Bold"; + src: local('Atkinson Hyperlegible Bold'), url('/static/AtkinsonHyperlegible-Bold.woff2'); +} + +@font-face { + font-family: "Atkinson Hyperlegible Italic"; + src: local('Atkinson Hyperlegible Italic'), url('/static/AtkinsonHyperlegible-Italic.woff2'); +} + +@font-face { + font-family: "Atkinson Hyperlegible Bold Italic"; + src: local('Atkinson Hyperlegible Bold Italic'), url('/static/AtkinsonHyperlegible-BoldItalic.woff2'); +} + +body { + color: #dadada; + background: #181a1b; + margin: 1em auto; + max-width: 90vw; + padding: 0 .62em; +} + +li { + font-family: 'Atkinson Hyperlegible'; +} + +p, +footer { + font: 18px/1.35 'Atkinson Hyperlegible', sans-serif; +} + +figcaption { + font: 14px/1.35 'Atkinson Hyperlegible', sans-serif; +} + +small { + font: 14px/1.35 'Atkinson Hyperlegible', sans-serif; +} + +a:link, +a:visited { + color: #80c47b; +} + +a:hover, +a:visited:hover { + color: #6bb794 +} + +h1 { + font: 36px/1.2 'Atkinson Hyperlegible Bold', sans-serif; +} + +h2, +h3 { + font: 24px/1.2 'Atkinson Hyperlegible Bold', sans-serif; +} + +h4 { + font: 20px/1.2 'Atkinson Hyperlegible Bold', sans-serif; +} + +code { + background: #0e0f0f; + border-radius: .2em; + padding: .125em; +} + +.force-word-wrap pre code { + white-space: normal; + word-wrap: break-word; + } + +@media (max-device-width: 1200px) { + h1 { + line-height: 1.2; + font-size: 40px; + } + + h2 { + line-height: 1.2; + font-size: 30px; + } + + body { + font-size: 20px; + } +} + +@media print { + body { + max-width: none + } +} + +footer { + text-align: center; +} + +blockquote { + border-left: 3px solid #59997a; + padding-left: 1em; + margin-left: 0.5; +} + +img { + max-width: 90vw; +} + +/* navbar code is stolen from https://www.w3schools.com/howto/howto_js_topnav.asp */ +.navbar { + font-family: 'Atkinson Hyperlegible'; + background-color: #2a2a2a; + overflow: hidden; +} + +/* Style the links inside the navigation bar */ +.navbar a { + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} + +/* Change the color of links on hover */ +.navbar a:hover { + background-color: #ddd; + color: #000; +} + +/* Add a color to the active/current link */ +.navbar a.active { + background-color: #047baa; + color: #fff; +} diff --git a/template.html b/template.html new file mode 100755 index 0000000..9a48ba0 --- /dev/null +++ b/template.html @@ -0,0 +1,18 @@ + + + + + $title$ + + + + + $body$ + + +