commit d82daa7fa56cfc35d82ddc1f9558a82b601f550f
parent 2459b8baf40f9859eeb0fcf13104f509f7e16dc8
Author: Jake Bauer <jbauer@paritybit.ca>
Date: Sun, 25 Aug 2019 00:04:39 -0400
Add css file naming to page generation script
Diffstat:
14 files changed, 350 insertions(+), 305 deletions(-)
diff --git a/build/base.css b/build/base.css
@@ -116,14 +116,14 @@ kbd {
.eff-banner {
float: right;
- margin-right: 11%;
+ margin-right: 14%;
width: 75px;
height: 75px;
}
.debian-banner {
float: left;
- margin-left: 11%;
+ margin-left: 15%;
width: 68px;
height: 85px;
}
@@ -164,7 +164,7 @@ kbd {
}
#content {
- padding: 0 15% 0 15%;
+ padding: 0 5% 0 20%;
}
#content > p, #content > ul, #content > ol, #content > pre, #content>div {
@@ -180,7 +180,7 @@ kbd {
#footer p {
text-indent: 0;
font-size: .8em;
- max-width: 65%;
+ max-width: 60%;
margin: 0 auto;
padding: 0 15em 0 15em;
}
@@ -205,159 +205,6 @@ kbd {
padding-left: 10px;
font-size: 1em;
}
-/* ====================== */
-/* roll.html specific css */
-/* ====================== */
-
-#dice-table {
- float: left;
- width: 15%;
-}
-
-.dice-td {
- width: 100%;
- line-height: 0px;
- text-align: center;
-}
-
-.dice-td>button {
- width: 100%;
-}
-
-.dice-td>input {
- width: 50px;
-}
-
-.field {
- margin-left: -10px;
-}
-
-#d20row {
- background-color: #b77;
-}
-
-#history {
- display: inline-block;
- position: relative;
-}
-
-#history-text {
- display: inline-block;
- margin: 1em;
- float: left;
- width: 100%;
- background-color: #eaeaea;
-}
-
-#clear-history {
- position: absolute;
- margin-left: 1em;
- margin-bottom: 1em;
- bottom: 1px;
- left: 1px;
- width: 10em;
- height: 1.5em;
-}
-
-/* ========================== */
-/* End roll.html specific css */
-/* ========================== */
-
-/* ============================ */
-/* initiative.html specific css */
-/* ============================ */
-
-.initiative-list {
- width: 60%;
- padding: 1em 0 1em 0;
-}
-
-.initiative-div {
- border-radius: 20px;
- background-color: #585858;
- margin-top: 10px;
- padding-bottom: 3px;
-}
-
-.initiative-div > * {
- display: inline-block;
-}
-
-.in-name {
- font-weight: bold;
- width: 50%;
- margin-right: 5px;
-}
-
-.in-val {
- margin-right: 15px;
- text-align: center;
- font-weight: bold;
- position: relative;
- float: right;
- left: -200px;
- width: 40px;
-}
-
-.in-rem-btn, .in-edit-btn {
- border-radius: 30px;
- position: relative;
- float: right;
-}
-
-.in-rem-btn {
- left: 110px;
- top: 15px;
-}
-
-.in-edit-btn {
- left: -70px;
- top: 15px;
-}
-
-.red-x {
- color: darkred;
-}
-
-.green-pencil {
- color: green;
-}
-
-#add-char > * {
- display: inline-block;
-}
-
-/* =============================== */
-/* End initative.html specific css */
-/* =============================== */
-
-/* ================================================== */
-/* Begin morrowind-character-roller.html specific css */
-/* ================================================== */
-
-#genButton {
- margin: 0.5em 0 0 7.7em;
- width: 16.5em;
-}
-
-.fieldTitle {
- font-weight: bold;
- padding: 0 1em 0 0;
- text-align: right;
-}
-
-.charField {
- color: #eee;
- background-color: #5b5b5b;
- border: 2px inset black;
- padding: 0.1em;
- width: 16em;
- height: 1.5em;
-}
-
-/* ================================================ */
-/* End morrowind-character-roller.html specific css */
-/* ================================================ */
/* Ensure proper scaling with differently-sized displays */
@media all and (max-width: 900px) {
@@ -378,36 +225,6 @@ kbd {
max-width: 100%;
padding-right: 0;
}
- .initiative-list {
- width: 90%;
- }
- .in-name {
- width: 100%;
- text-align: center;
- }
- .in-edit-btn, .in-rem-btn {
- height: 40px;
- }
- .in-rem-btn {
- left: 50px;
- top: 0px;
- width: 110px;
- }
- .in-edit-btn {
- left: -140px;
- top: 0px;
- width: 70px;
- }
- .in-val {
- left: 20px;
- bottom: 7px;
- width: 10%;
- float: none;
- text-decoration: underline;
- }
- #add-char>button, #add-char>*>* {
- height: 30px;
- }
}
@media all and (max-width: 550px) {
@@ -427,15 +244,4 @@ kbd {
#footer p {
padding: 0;
}
- #add-char>button, #add-char>*>* {
- margin-top: 0.5em;
- margin-left: 20%;
- }
- #add-char>button {
- height: 40px;
- margin-left: 30%;
- }
- #init-val {
- margin-left: 22%;
- }
}
diff --git a/build/footer.html b/build/footer.html
@@ -1,6 +1,7 @@
+<!-- BEGINNING OF FOOTER -->
</div>
<div id="footer">
- <hr width="80%">
+ <hr width="70%">
<a class="debian-banner" href="https://www.debian.org"><img
class="debian-banner"
src="/img/debian-openlogo-75.png"
diff --git a/build/header.html b/build/header.html
@@ -1,19 +1,15 @@
<!DOCTYPE html>
-
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>paritybit.ca</title>
- <link rel="stylesheet" href="/css/base.min.css">
</head>
<body>
<div id="header">
<h1 id="web-title"><a href="/">paritybit.ca</a></h1>
- <!-- <p id="downtime-banner">Paritybit.ca will be experiencing -->
- <!-- downtimefrom Access to all web services will not be available -->
- <!-- during that window.</p> -->
+ <!-- <p id="downtime-banner">[DOWNTIME ANNOUNCEMENT HERE]</p> -->
</div>
<div id="side-bar">
<ul>
@@ -28,3 +24,4 @@
</div>
<div id="content">
+<!-- END OF HEADER FILE -->
diff --git a/build/initiative.css b/build/initiative.css
@@ -0,0 +1,107 @@
+.initiative-list {
+ width: 60%;
+ padding: 1em 0 1em 0;
+}
+
+.initiative-div {
+ border-radius: 20px;
+ background-color: #585858;
+ margin-top: 10px;
+ padding-bottom: 3px;
+}
+
+.initiative-div > * {
+ display: inline-block;
+}
+
+.in-name {
+ font-weight: bold;
+ width: 50%;
+ margin-right: 5px;
+}
+
+.in-val {
+ margin-right: 15px;
+ text-align: center;
+ font-weight: bold;
+ position: relative;
+ float: right;
+ left: -200px;
+ width: 40px;
+}
+
+.in-rem-btn, .in-edit-btn {
+ border-radius: 30px;
+ position: relative;
+ float: right;
+}
+
+.in-rem-btn {
+ left: 110px;
+ top: 15px;
+}
+
+.in-edit-btn {
+ left: -70px;
+ top: 15px;
+}
+
+.red-x {
+ color: darkred;
+}
+
+.green-pencil {
+ color: green;
+}
+
+#add-char > * {
+ display: inline-block;
+}
+
+/* Ensure proper scaling with differently-sized displays */
+@media all and (max-width: 900px) {
+ .initiative-list {
+ width: 90%;
+ }
+ .in-name {
+ width: 100%;
+ text-align: center;
+ }
+ .in-edit-btn, .in-rem-btn {
+ height: 40px;
+ }
+ .in-rem-btn {
+ left: 50px;
+ top: 0px;
+ width: 110px;
+ }
+ .in-edit-btn {
+ left: -140px;
+ top: 0px;
+ width: 70px;
+ }
+ .in-val {
+ left: 20px;
+ bottom: 7px;
+ width: 10%;
+ float: none;
+ text-decoration: underline;
+ }
+ #add-char>button, #add-char>*>* {
+ height: 30px;
+ }
+}
+
+@media all and (max-width: 550px) {
+ #add-char>button, #add-char>*>* {
+ margin-top: 0.5em;
+ margin-left: 20%;
+ }
+ #add-char>button {
+ height: 40px;
+ margin-left: 30%;
+ }
+ #init-val {
+ margin-left: 22%;
+ }
+}
diff --git a/build/morrowind.css b/build/morrowind.css
@@ -0,0 +1,19 @@
+#genButton {
+ margin: 0.5em 0 0 7.7em;
+ width: 16.5em;
+}
+
+.fieldTitle {
+ font-weight: bold;
+ padding: 0 1em 0 0;
+ text-align: right;
+}
+
+.charField {
+ color: #eee;
+ background-color: #5b5b5b;
+ border: 2px inset black;
+ padding: 0.1em;
+ width: 16em;
+ height: 1.5em;
+}
diff --git a/build/roll.css b/build/roll.css
@@ -0,0 +1,48 @@
+#dice-table {
+ float: left;
+ width: 15%;
+}
+
+.dice-td {
+ width: 100%;
+ line-height: 0px;
+ text-align: center;
+}
+
+.dice-td>button {
+ width: 100%;
+}
+
+.dice-td>input {
+ width: 50px;
+}
+
+.field {
+ margin-left: -10px;
+}
+
+#d20row {
+ background-color: #b77;
+}
+
+#history {
+ display: inline-block;
+ position: relative;
+}
+
+#history-text {
+ display: inline-block;
+ margin: 1em;
+ float: left;
+ width: 100%;
+ background-color: #eaeaea;
+}
+
+#clear-history {
+ position: absolute;
+ margin-left: 1em;
+ margin-bottom: 1em;
+ bottom: 1px;
+ left: 1px;
+ width: 10em;
+ height: 1.5em;
diff --git a/createpages.sh b/createpages.sh
@@ -15,34 +15,51 @@
# along with this program. If not, see <https://www.gnu.org/licenses/>.
if [[ $1 == '-h' || $1 == '--help' ]]; then
- echo -e "Usage: createpages.sh [-hc] [<pages_to_compile>]\n"
- echo -e "Options:"
- echo -e " -h | --help – View this help screen"
- echo -e " -c | --css – Minify CSS and exit"
- echo -e "\nExamples:"
- echo -e " createpages.sh -c"
- echo -e " createpages.sh pages/**"
- echo -e " createpages.sh pages/guides/new-guide.md pages/guides.md"
+ printf "Usage: createpages.sh [-h|c] [<pages_to_compile>]\n"
+ printf "Options:"
+ printf " -h | --help – View this help screen"
+ printf " -c | --css – Treat file names as css files"
+ printf "\nExamples:"
+ printf " createpages.sh pages/**"
+ printf " createpages.sh pages/guides/new-guide.md pages/guides.md"
+ printf " createpages.sh -c base.css tables.css"
+ printf " createpages.sh -c build/*.css"
exit 0
fi
if [[ $1 == '-c' || $1 == '--css' ]]; then
cssdir="public/css"
- mkdir -p $cssdir/
- echo "Minifying CSS..."
- curl --data "input=`cat build/base.css`" https://cssminifier.com/raw > \
- $cssdir/base.min.css
+ mkdir -p "$cssdir"
+
+ tput setaf 3; tput bold; tput smul
+ printf "### MINIFYING CSS...\n\n"
+ tput sgr0
+
+ for file in "${@:2}"; do
+ fileName=$(basename "$file" | cut -f 1 -d '.')
+ printf " "
+ tput bold; tput smul
+ echo "$file > $cssdir/$fileName.min.css"
+ tput sgr0
+ curl --data "input=`cat $file`" https://cssminifier.com/raw > \
+ "$cssdir"/"$fileName".min.css
+ if [[ $? != 0 ]]; then
+ exit 1
+ fi
+ echo ""
+ done
+
exit 0
fi
htmldir="public/html"
-mkdir -p $htmldir/
+mkdir -p "$htmldir"/
echo "Building $@..."
for page in $@; do
- pagename=$(basename $page | cut -f 1 -d '.')
- pagedir=$(dirname $page)
- checkpage=$(echo $pagedir | cut -f 1 -d '/')
+ pagename=$(basename "$page" | cut -f 1 -d '.')
+ pagedir=$(dirname "$page")
+ checkpage=$(echo "$pagedir" | cut -f 1 -d '/')
# Stripts "pages" from the file path so files are saved in the root of
# $htmldir
@@ -52,40 +69,81 @@ for page in $@; do
savepath=$(echo ${pagedir#$checkpage/})
fi
+ # Make the requisite directories in the output and intermediate build folder
if [[ ! -d "$htmldir/$savepath" ]]; then
- mkdir -p $htmldir/$savepath
- mkdir -p build/$savepath
+ mkdir -p "$htmldir"/"$savepath"
+ mkdir -p build/"$savepath"
fi
- if [[ "$page" != "" && ! -d $page && "$pagename" != "" ]]; then
- echo "=====Creating $htmldir/$savepath/$pagename.html====="
+ # Compile the page content if valid page name given
+ if [[ "$page" != "" && ! -d "$page" && "$pagename" != "" && "$pagename" != "-c" ]]; then
+ tput setaf 3; tput bold; tput smul
+ echo "### CREATING: $htmldir/$savepath/$pagename.html"
+ tput sgr0
- echo " Compiling page content..."
- markdown $pagedir/$pagename.md > build/$savepath/$pagename-content.html
+ # Turns the markdown into pure html
+ printf " Compiling page content..."
+ markdown "$pagedir"/"$pagename".md > build/"$savepath"/"$pagename"-content.html
+ tput setaf 2; tput bold
+ echo " [DONE]"
+ tput sgr0
- echo " Constructing full page..."
- > $htmldir/$savepath/$pagename.html
+ # Combines output from above with pre-compiled header/footer html
+ printf " Constructing full page..."
+ > "$htmldir"/"$savepath"/"$pagename".html
cat build/header.html >> $htmldir/$savepath/$pagename.html
- cat build/$savepath/$pagename-content.html >> $htmldir/$savepath/$pagename.html
- cat build/footer.html >> $htmldir/$savepath/$pagename.html
+ cat build/"$savepath"/"$pagename"-content.html >> "$htmldir"/"$savepath"/"$pagename".html
+ cat build/footer.html >> "$htmldir"/"$savepath"/"$pagename".html
+ tput setaf 2; tput bold
+ echo " [DONE]"
+ tput sgr0
# Assumes first line of every markdown file is the header in the format:
# "## Title of The Page"
- pagetitle=$(head -n 1 $pagedir/$pagename.md | cut -f 2- -d " ")
- echo " Setting page title..."
+ # And sets the html title tag to be the content of that first line
+ pagetitle=$(head -n 1 "$pagedir"/"$pagename".md | cut -f 2- -d " ")
+ printf " Setting page title..."
sed -i "s/<title>.*<\/title>/<title>paritybit.ca – ${pagetitle//&/\\&}<\/title>/" \
- $htmldir/$savepath/$pagename.html
+ "$htmldir"/"$savepath"/"$pagename".html
+ tput setaf 2; tput bold
+ echo " [DONE]"
+ tput sgr0
# Assumes the third line of every markdown file is the <meta> tag
- # information (preceded by [//]: #
- metatext=$(sed '3!d' $pagedir/$pagename.md | cut -d# -f 2)
+ # information (preceded by '[//]: #') and sets html meta tag as such
+ metaText=$(sed '3!d' "$pagedir"/"$pagename".md | cut -d# -f 2)
# Remove leading whitespace
- metatextclean=$(echo -e "${metatext}" | sed -e 's/^[[:space:]]*//')
- echo " Setting meta tag..."
- sed -i "s/content=\"\"/content=${metatextclean//&/\\&}/" \
- $htmldir/$savepath/$pagename.html
+ metaTextClean=$(echo -e "${metaText}" | sed -e 's/^[[:space:]]*//')
+ # Remove any forward slash characters
+ metaTextClean=$(sed -e 's/\//\\\//' <<< "$metaTextClean")
+ printf " Setting meta tag..."
+ sed -i "s/content=\"\"/content=${metaTextClean//&/\\&}/" \
+ "$htmldir"/"$savepath"/"$pagename".html
+ tput setaf 2; tput bold
+ echo " [DONE]"
+ tput sgr0
+
+ # Assumes the fifth line of every markdown file defines the requisite
+ # css files (preceded by '[//]: #') and adds link elements as necessary
+ CSSTags=$(sed '5!d' "$pagedir"/"$pagename".md | cut -d# -f 2)
+ # Remove leading whitespace and quote marks
+ CSSTagsClean=$(echo -e "${CSSTags}" | sed -e 's/^[[:space:]]*//')
+ CSSTagsClean=$(sed -e 's/^"//' -e 's/"$//' <<< "$CSSTagsClean")
+ printf " Adding CSS link elements..."
+ # Split fifth line into separate css file names, separated by a space
+ IFS=' ' read -r -a CSSFileList <<< "$CSSTagsClean"
+ # Add each link element after the <title> tag
+ for CSSFile in "${CSSFileList[@]}"; do
+ sed -i "/<title>paritybit.ca/a \ \ \ \ <link rel=\"stylesheet\" href=\"\/css\/$CSSFile\">" \
+ $htmldir/$savepath/$pagename.html
+ done
+ tput setaf 2; tput bold
+ echo " [DONE]"
+ tput sgr0
- echo -e "=====Created $htmldir/$savepath/$pagename.html=====\n"
+ tput bold
+ echo -e "### CREATED: $htmldir/$savepath/$pagename.html\n"
+ tput sgr0
fi
done
exit 0
diff --git a/pages/about-me.md b/pages/about-me.md
@@ -1,11 +1,38 @@
## About Me
-[//]: # ""
+[//]: # "I am a student of computer science with a strong interest in computer security, networking, and low-level stuff. I enjoy programming, figuring out how systems work, and completing hacking challenges when I have/make the time."
[//]: # "base.min.css"
-Coming soon to this page is the following:
+My name is Jake though I usually go by the handle "jbauer" online. I am a
+student of computer science with a strong interest in computer security,
+networking, and low-level stuff. I enjoy programming, figuring out how systems
+work, and completing hacking challenges when I have/make the time. You can find
+out which tools I use on a daily basis, what operating system I like and why,
+plus some more information related to that over on the page about [my
+toolset](/toolset).
-* A list of the utilities and programs I use
-* My interests and hobbies
-* Which organizations I support and why
+In my spare time, if it's not being wasted watching useless things, is usually
+occupied with learning, programming, gardening, or getting outside. I enjoy
+watching talks from conferences and listening to technology podcasts such as
+[Darknet Diaries](https://darknetdiaries.com/) and those from [Jupiter
+Broadcasting](https://www.jupiterbroadcasting.com/). I also try to keep up with
+the goings on in the Linux community by reading [LWN.net](https://lwn.net/) of
+which I am a subscriber. I do also like writing the occasional blog post about
+topics that I enjoy or am passionate about and those can be found on [the blog
+page](/blog).
+
+I am a staunch supporter of online freedom, privacy rights, and the advancement
+of society through free and open access to information and knowledge. These are
+the main reasons why I evangelize free software (though I do recognize the
+current need for proprietary drivers and the like) and why I support the
+Electronic Frontier Foundation and the Wikimedia Foundation through monetary
+contributions. If you also share these values and have the means to donate, I
+would encourage you to also make either a time- or money-based contriution to
+those organizations.
+
+I think that about covers a brief overview of who I am and what I like. If you
+want to get in touch, or have any questions, you can drop me a line at
+[jbauer@paritybit.ca](mailto:jbauer@paritybit.ca). [Here is my GPG public
+key](/share/pubkey.txt). It should have the fingerprint:
+24854C7EB4D8E61DEF4A139FAFFE5575C207163D.
diff --git a/pages/about-site.md b/pages/about-site.md
@@ -8,12 +8,13 @@ I created this website as a place for me to share my projects, thoughts on
various computing and computer science topics, configuration files, tips and
tricks, and other things that I think others could find useful.
-The code for this website <a href=#1>[1]</a> is licensed under the GPL-3.0-or-later. I chose this
-license because of what the license stands for and what I see my website being
-used for. I think people should be able to audit everything about my site and
-if they take my code and distribute it I want them to also share what they've
-done to the code with the world. Free software is beneficial to the software
-development ecosystem and I want to continue supporting that model.
+The code for this website <a href=#1>[1]</a> is licensed under the
+GPL-3.0-or-later. I chose this license because of what the license stands for
+and what I see my website being used for. I think people should be able to audit
+everything about my site and if they take my code and distribute it I want them
+to also share what they've done to the code with the world. Free software is
+beneficial to the software development ecosystem and I want to continue
+supporting that model.
The content for this website is licensed under the Creative Commons
Attribution-ShareAlike 4.0 International License. I chose this license for the
@@ -32,13 +33,6 @@ monetize my website using ad services or paywalls because I believe in giving
back to the community the knowledge that I have gained and the things that I
have created for free and without hassle.
-The only thing I keep track of is how many times my pages have been visited.
-You can see how I do this by taking a look at the code for this website below
-<a href=#1>[1]</a> but it essentially just counts when a page is served and
-periodically saves that information into a file. I do this just because I like
-to see what people are interested in, what things of mine have been useful, and
-if any pages have "gone viral" so to speak.
-
### Design
I designed this website with the principles of minimalism and simplicity in
@@ -54,31 +48,22 @@ fast.
### The Technical Side
-This website is built using Node.js as the back-end. This may cause some people
-to cringe, especially since this is a website serving mostly static pages, but
-hear me out. I built this website using Node.js because that's the back-end
-that I learned how to use in university and it's the one that I know the best
-and am most comfortable with. Although in the future I may move to Nginx/PHP
-for it's faster serving speeds and better database support (databases being
-used in projects hosted on the site), for now Node.js seemed like the best
-and easiest way for me to get my website up and my stuff out there.
-
-That being said... I don't use npm. At all. Whatsoever. All of the code that
-makes up my website has been written by me with help from the Node.js
-documentation and the ever-helpful StackOverflow. There will eventually be an
-essay on why I dislike sub-system package managers like npm but the gist of it
-is that I don't like running someone else's code that I haven't fully audited,
-and which could contain anything because it doesn't have to be validated by
-third parties (unlike, for example, Debian packages). Also, I would have to rely
-on them to maintain their packages properly. It is just way easier to write
-something like this from scratch, given the simplicity, than to try to read and
-understand someone else's code.
-
-The pages themselves are written in the Markdown markup language. This is then
-compiled into HTML, has a header and footer stuck on to it, and is released as
-a fully-formed HTML webpage. Because of the ease of writing in Markdown and
-then being able to translate that into HTML, it just made sense to do it this
-way.
+The website's backend server is NGINX running on a Debian 10 Buster VM which is
+hosted on my Dell R415 server located in my house. If the site appears down
+without any warning, it's safe to assume that it's due to factors outside of my
+control like ISP infrastructure failures or a power-outage which would cause the
+server to shut down to prevent data loss.
+
+The pages themselves are written in the Markdown markup language with bits of
+HTML sprinkled in as necessary. This is then compiled into HTML, has a header
+and footer stuck on to it, and is released as a fully-formed HTML webpage.
+Because of the ease of writing in Markdown and then being able to translate that
+into HTML, it just made sense to do it this way instead of manually writing all
+of the HTML.
+
+Of course I could use a static site generator or some other program but I enjoy
+finding my own way to do things since it represents a fun challenge and is a way
+to practice/develop my skills.
The CSS for the website is sent through a CSS minifier to make it as small as
possible for serving to clients. The service I use is linked below
diff --git a/pages/home.md b/pages/home.md
@@ -1,17 +1,16 @@
## Welcome to paritybit.ca!
-[//]: # "Welcome to paritybit.ca! On this website you can find interesting guides, essays, projects and more from D&D to actual parity bits. Check it out because there may be something that interests you."
+[//]: # "Welcome to paritybit.ca! This is the personal website of Jake Bauer. On here I post blogs, guides, and my various projects."
[//]: # "base.min.css"
-Thank you for taking interest in my little corner of the internet. I am a
-student of computer science (<a href=about-me>read more about me here</a>)
-and I created this website as a place for me to post my projects, guides,
-configuration tips and tricks, rants and essays, and all manner of little
-things that I find interesting or think people should know more about.
+This is the website of Jake Bauer, a student of computer science ([read more
+about me here](/about-me)). I created this website as a place for me to post my
+projects, guides, configuration tips and tricks, rants and essays, and all
+manner of little things that I find interesting or want to share with the world.
If you are interested and have the time, check out the stuff below. There may
-be something that interests you!
+be something that interests you.
<div class="feed-wrapper">
<h3 class="feed-candidate">Recently Updated:</h3>
@@ -29,13 +28,12 @@ Buster with Encrypted LVM and btrfs Subvolumes</a>
2019-06-20 <a href="blog/qutebrowser-to-firefox">New Blog Post: Why I Switched
Back to Firefox from Qutebrowser</a>
-
### What is a Parity Bit?
-Essentially, it is a bit (in the 1's and 0's sense) used for checking for and
-correcting errors in digital transmissions. Wikipedia has a great article on
-<a href="https://wikipedia.org/wiki/Parity_bit">Parity bits</a> if you want to
-learn more.
+It is a bit (in the 1's and 0's sense) used in checking for errors in digital
+transmissions. It is the simplest form of error detection in this respect.
+Wikipedia has a great article on [Parity
+bits](https://wikipedia.org/wiki/Parity_bit) if you would like to learn more.
### What Can You Find Here?
@@ -43,10 +41,9 @@ While I compile a big list of the different things to find here, have a poke
around the links in the navigation panel to the right (or above if you're using
a small screen or CSS-less browser).
-This website is self hosted on physical hardware that I own. Therefore, I
-expect availability to probably only live up to the "one nine" standard (total
-owntime of 36.53 days in a year) which means that if you consider anything on
-this site worth more than a simple bookmark, you should probably download it
-(or you could recompile the pages yourself through cloning the git repository).
-I will try to post a large banner across all the pages when the website is
-scheduled to go down however not all downtime is planned.
+This website is self hosted on physical hardware that I own. Therefore, don't
+expect big-tech levels of availability. If you consider anything on this site
+worth more than a simple bookmark, you should probably download it (or you could
+recompile the pages yourself through cloning the git repository). I will try to
+post a large banner across all of the pages when the website is scheduled to go
+down. However, not all downtime is planned.
diff --git a/pages/projects/dnd/initiative.md b/pages/projects/dnd/initiative.md
@@ -2,7 +2,7 @@
[//]: # "A simple tool for keeping track of combat initiative in Dungeons and Dragons."
-[//]: # "base.min.css"
+[//]: # "base.min.css initiative.min.css"
<script type="text/javascript" src=/js/initiative.js></script>
<noscript>Your browser must support or enable Javascript for this applet to
diff --git a/pages/projects/dnd/roll.md b/pages/projects/dnd/roll.md
@@ -2,7 +2,7 @@
[//]: # "A super simple dice roller for Dungeons and Dragons with every die from the d4 to the d20 to the dX."
-[//]: # "base.min.css"
+[//]: # "base.min.css roll.min.css"
<script type="text/javascript" src=/js/roll.js></script>
<noscript>Your browser must support or enable Javascript for this applet to
diff --git a/pages/projects/morrowind-character-roller.md b/pages/projects/morrowind-character-roller.md
@@ -2,7 +2,7 @@
[//]: # "Generate a random scenario for role-playing a character in TES III: Morrowind. "
-[//]: # "base.min.css"
+[//]: # "base.min.css morrowind.min.css"
<script type="text/javascript" src=/js/generator.js></script>
<noscript>Your browser must support or enable Javascript for this applet to
diff --git a/public/public/html/about-me.html b/public/public/html/about-me.html
