Initial commit - based off old webfolio
This commit is contained in:
askiiart
commit
da058b7fb5
GPG key ID:
EA85979611654C30
16 changed files with 276 additions and 0 deletions
11
feed.xml
Executable file
11
feed.xml
Executable file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<rss version="2.0">
|
||||||
|
|
||||||
|
<channel>
|
||||||
|
<title>Benjamin Zimmerman's webfolio</title>
|
||||||
|
<description>The feed for my webfolio, I guess</description>
|
||||||
|
<link>https://engl-webfolio.askiiart.net</link>
|
||||||
|
<lastBuildDate>Tue, 12 Nov 2024 15:46:22 +0000</lastBuildDate>
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
17
generate-rss.sh
Executable file
17
generate-rss.sh
Executable file
|
|
@ -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 "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n<rss version=\"2.0\">\n\n<channel>\n <title>Benjamin Zimmerman's webfolio</title>\n <description>The feed for my webfolio, I guess</description>\n <link>https://engl-webfolio.askiiart.net</link>\n <lastBuildDate>$(TZ='UTC' date --rfc-2822)</lastBuildDate>" >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 <item>\n <title>${TITLE}</title>\n <link>https://askiiart.net/${item}.html</link>\n </item>" >>feed.xml
|
||||||
|
done
|
||||||
|
printf "\n\n</channel>\n</rss>" >>feed.xml
|
||||||
20
generate-sitemap.sh
Executable file
20
generate-sitemap.sh
Executable file
|
|
@ -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='<?xml version="1.0" encoding="UTF-8"?><urlset
|
||||||
|
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
|
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||||
|
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
||||||
|
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">'
|
||||||
|
echo $header >sitemap.xml
|
||||||
|
|
||||||
|
find . -name "*.md" | while read -r item; do
|
||||||
|
item="${item:2}"
|
||||||
|
item="${item%.*}"
|
||||||
|
echo '<url><loc>'${sitedomain}/${item}.html'</loc></url>' >>sitemap.xml
|
||||||
|
done
|
||||||
|
|
||||||
|
echo "</urlset>" >> sitemap.xml
|
||||||
30
index.html
Normal file
30
index.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
|
||||||
|
<title>Webfolio</title>
|
||||||
|
<link href="/style.css" type="text/css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="navbar" id="navbar">
|
||||||
|
<a href="/" class="active">Home</a>
|
||||||
|
<a href="https://git.askiiart.net/askiiart/engl-2311-webfolio">Code</a>
|
||||||
|
</div>
|
||||||
|
<h1 id="webfolio">Webfolio</h1>
|
||||||
|
<h2 id="helloooooo">Helloooooo</h2>
|
||||||
|
<p>I'm Benjamin Zimmerman, and this is my webfolio for Business
|
||||||
|
and Technical Writing. The code is available <a
|
||||||
|
href="https://git.askiiart.net/askiiart/engl-2311-webfolio">here</a>
|
||||||
|
if you want to check it out.</p>
|
||||||
|
<p>Anyways, here a picture I took of a baby turtle I used to
|
||||||
|
have:</p>
|
||||||
|
<figure>
|
||||||
|
<img src="/static/askiiart.gif" alt="A baby turtle basking" />
|
||||||
|
<figcaption aria-hidden="true">A baby turtle
|
||||||
|
basking</figcaption>
|
||||||
|
</figure>
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<p>Created by Benjamin Zimmerman | <a href="/feed.xml">RSS</a></p>
|
||||||
|
</footer>
|
||||||
|
</html>
|
||||||
9
index.md
Executable file
9
index.md
Executable file
|
|
@ -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:
|
||||||
|
|
||||||
|
|
||||||
11
md2html.sh
Executable file
11
md2html.sh
Executable file
|
|
@ -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'
|
||||||
7
run.sh
Executable file
7
run.sh
Executable file
|
|
@ -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
|
||||||
3
sitemap.xml
Normal file
3
sitemap.xml
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||||
|
<url><loc>https://engl-webfolio.askiiart.net/index.html</loc></url>
|
||||||
|
</urlset>
|
||||||
BIN
static/AtkinsonHyperlegible-Bold.woff2
Normal file
BIN
static/AtkinsonHyperlegible-Bold.woff2
Normal file
Binary file not shown.
BIN
static/AtkinsonHyperlegible-BoldItalic.woff2
Normal file
BIN
static/AtkinsonHyperlegible-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
static/AtkinsonHyperlegible-Italic.woff2
Normal file
BIN
static/AtkinsonHyperlegible-Italic.woff2
Normal file
Binary file not shown.
BIN
static/AtkinsonHyperlegible-Regular.woff2
Normal file
BIN
static/AtkinsonHyperlegible-Regular.woff2
Normal file
Binary file not shown.
BIN
static/FiraCodeNerdFontMono-Regular.woff2
Normal file
BIN
static/FiraCodeNerdFontMono-Regular.woff2
Normal file
Binary file not shown.
BIN
static/askiiart.gif
Executable file
BIN
static/askiiart.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 789 KiB |
150
style.css
Executable file
150
style.css
Executable file
|
|
@ -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;
|
||||||
|
}
|
||||||
18
template.html
Executable file
18
template.html
Executable file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
|
||||||
|
<title>$title$</title>
|
||||||
|
<link href="/style.css" type="text/css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="navbar" id="navbar">
|
||||||
|
<a href="/" class="active">Home</a>
|
||||||
|
<a href="https://git.askiiart.net/askiiart/engl-2311-webfolio">Code</a>
|
||||||
|
</div>
|
||||||
|
$body$
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<p>Created by Benjamin Zimmerman | <a href="/feed.xml">RSS</a></p>
|
||||||
|
</footer>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue