paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit fd7e864f799cf0a6d0d44fb8ee3bdf873fd8465e
parent 52ecd63e06b5af689e837b0cd51e945a4b0430ae
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Fri, 22 Jan 2021 03:11:59 -0500

Overhaul home page

Diffstat:
Mhttp/build/footer.html | 17-----------------
Mhttp/build/header.html | 2--
Dhttp/pages/about-site.md | 175-------------------------------------------------------------------------------
Dhttp/pages/about.md | 55-------------------------------------------------------
Dhttp/pages/contact.md | 40----------------------------------------
Mhttp/pages/home.md | 119++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
Dhttp/public/img/debian-openlogo-75.png | 0
Mhttp/style/main.css | 47+++++------------------------------------------
8 files changed, 71 insertions(+), 384 deletions(-)

diff --git a/http/build/footer.html b/http/build/footer.html @@ -1,21 +1,4 @@ <!-- BEGINNING OF FOOTER --> </main> -<footer id="footer"> - <hr> - <a class="debian-banner" href="https://www.debian.org"><img - class="debian-banner" - src="/img/debian-openlogo-75.png" - alt="Powered by Debian"></a> - <a class="eff-banner" href="https://www.eff.org/join"><img - class="eff-banner" - src="/img/eff-join2_0.png" - alt="Join the EFF!"></a> - <p> - All content on this website (the html/css/images/etc) is licensed under the - <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0 International License</a>. - All code for this website (the javascript) is licensed under the - <a href="https://www.gnu.org/licenses/gpl.txt">GNU GPL-3.0-or-later</a>. - </p> -</footer> </body> </html> diff --git a/http/build/header.html b/http/build/header.html @@ -26,10 +26,8 @@ <a href="/blog">Blog</a> <a href="/links">Links</a> <a href="/projects">Projects</a> - <a href="/about">About</a> <a href="/uses">Uses</a> <a href="/now">Now</a> - <a href="/contact">Contact</a> </nav> <hr> <main> diff --git a/http/pages/about-site.md b/http/pages/about-site.md @@ -1,175 +0,0 @@ -## About This Site - -[//]: # "The leading design goals and principles behind paritybit.ca" - -[//]: # "main.min.css" - -[//]: # "Introduction; Licensing; Privacy; Design; The Technical Side; Current Uptime Statistics; Web Badges" - -**Note:** Nothing on this website represents the views or beliefs of my -employer(s). - -### Introduction - -The design of this reflects my opinions and beliefs. I believe that spying on or -tracking users without their informed consent is wrong, I believe that the -internet is made worse by current advertising and web design practices, I -believe in giving back to the wider world the things that I have learned without -hassle, and I believe that anything I make available should be able to be freely -shared, modified, redistributed, and hacked on. The world is made better when -people can freely exchange information, ideas, and beliefs. - -### Licensing - -The code for this website (including the JavaScript) is licensed under the -GPL-3.0-or-later. The content for this website is licensed under the Creative -Commons Attribution-ShareAlike 4.0 International License. I have no problem with -people sharing or doing what they want with the things that I post or make -available on the website, so long as they don't try to pass off the work as -their own and don't try to make it closed-source. - -### Privacy - -This site respects your privacy. There are no tracking cookies, social media -buttons, or fingerprinting scripts. I've even turned off logging on my web -server which means I'm not even storing your User Agent or IP address. I store -nothing, know nothing, and share nothing about you. This is one of the few sites -left on the Internet where you can feel safe from the prying eyes of the likes -of Google and Facebook. - -### Design - -I designed this website with the principles of minimalism and simplicity in -mind. There is no client-side JavaScript except where necessary on project -pages, the server backend is simply nginx serving static pages, and I've taken -steps to optimize the pages so that they load quickly and aren't heavy. I took -an article by Drew DeVault on [Conservative web -development](https://drewdevault.com/2018/09/04/Conservative-web-development.html) -as inspiration for the philosophy behind the design of this website as well as -sources such as the [Viewable with Any Browser -campaign](https://anybrowser.org/campaign/). - -I also try as hard as I can to make sure that my website is as accessible to -anybody with any sort of disability. I have put a lot of time and effort into -[making my website more -accessible](https://www.paritybit.ca/blog/website-redesign) and I constantly -test with validators, screen reader software, and other browsers (especially -text-only ones) to try to achieve this goal. - -### The Technical Side - -The website's backend server is nginx running on a Debian 10 Buster virtual -machine 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 all statically compiled and are written in Markdown with -bits of HTML added where needed. Each page is then compiled into pure HTML, has -a header and footer stuck on to it, gets its title, meta description, and CSS -links set, plus a table of contents is added if necessary, then the page is -released as a fully-formed HTML webpage. I do it this way because writing in -Markdown makes it near effortless to write without needing to consider the -structure of the page like I would if I had to place `<p>` or `<h3>` tags -manually. - -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 called -[cssminifier.com](https://cssminifier.com) and is interacted with through their -API from my webpage compilation script. I do the same thing with PNGs through -[tinypng.com](https://tinypng.com/) although this is a more manual process right -now. - -The static pages of my website are generated by a shell script that I wrote -specifically for my website which makes heavy use of *nix tools such as `sed`. I -also have a script that I wrote to publish posts to my site/RSS feeds in which I -even got to use `ed` ([the standard text -editor](https://www.gnu.org/fun/jokes/ed-msg.html)) for the first time. You can -view these scripts in all their <del>horror</del> glory in the [repository for -this site](https://git.sr.ht/~jbauer/paritybit.ca) -([mirror](https://git.paritybit.ca/jbauer/paritybit.ca)). - -Of course I could use a static site generator like [Hugo](https://gohugo.io/) or -some other program but I enjoy doing things myself as a challenge and as a way -to learn. Plus, I find it very fun to hack on scripts like these. - -Once the pages and necessary accompanying files are created and compiled, the -files are uploaded to the web server into a folder called `uploads/` using the -command `rsync -rR` so that the parent folders are also copied along with the -file. On the web server, a script runs which detects changes in the `uploads/` -directory and copies the files it finds, maintaining the folder structure, into -the directory from which the site is served. - -### Current Uptime Statistics - -The statistics below are updated once every hour, on the hour (time is EST/EDT, -Ontario, Canada): - -If the statistics below appear as a bunch of `X`s then this page has just been -freshly compiled and re-uploaded. Please wait for the information to be filled -in on the hour. - -<pre><code>System startups: XX since XX:XX:XX XX/XX/XX -System shutdowns: XX ok <- X bad -System uptime: XX.XX % - XXX days, XX hours, XX minutes and XX seconds -System downtime: X.XX % - X hours, XX minutes and XX seconds -System life: XXX days, XX hours, XX minutes and X seconds - -Largest uptime: XX days, XX hours, XX minutes and XX seconds from XX:XX:XX XX/XX/XX -Shortest uptime: XX seconds from XX:XX:XX XX/XX/XX -Average uptime: X days, XX hours, X minutes and XX seconds - -Largest downtime: X hour, X minute and XX seconds from XX:XX:XX XX/XX/XX -Shortest downtime: X seconds from XX:XX:XX XX/XX/XX -Average downtime: X minutes and XX seconds - -Current uptime: X hour, XX minutes and XX seconds since XX:XX:XX XX/XX/XX -</code></pre> - -### Web Badges - -The badges/buttons below are meant to indicate the goals and aspirations behind -the design of the website. Also, they're fun. It's like putting stickers on your -laptop but for a website. - -<figure class="badge"> - <a href="https://validator.w3.org/feed/"> - <img style="border:0;width:88px;height:31px" - src="img/valid-rss-rogers.png" - alt="Valid RSS Feeds" /></a> -</figure> - -<figure class="badge"> - <a href="https://creativecommons.org/licenses/by-sa/4.0/"> - <img style="border:0;width:88px;height:31px" - src="img/cc-by-sa-4.0.png" - alt="Creative Commons License" /></a> -</figure> - -<figure class="badge"> - <a href="http://www.opencontent.org/"> - <img style="border:0;width:85px;height:33px" - src="img/button_takeone.png" - alt="Open Content" /></a> -</figure> - -<figure class="badge"> - <a href="http://www.anybrowser.org/campaign/"> - <img style="border:0;width:80px;height:15px" - src="img/anybrowser.png" - alt="Viewable With Any Browser" /></a> -</figure> - -<figure class="badge"> - <a href="http://www.catb.org/hacker-emblem/"> - <img style="border:0;width:80px;height:15px" - src="img/hacker.png" - alt="Hacker Emblem" /></a> -</figure> - -<figure class="badge"> - <a href="https://en.wikipedia.org/wiki/Canada"> - <img style="border:0;width:80px;height:15px" - src="img/canadian.png" - alt="A Canadian Website" /></a> -</figure> diff --git a/http/pages/about.md b/http/pages/about.md @@ -1,55 +0,0 @@ -## 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 the time." - -[//]: # "main.min.css" - -[//]: # - -* [What I'm up to now](/now) -* [Software and tools I use daily](/uses) -* [About the design and philosophy behind this website](/about-site) - -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. I try to -program software with simplicity and accessibility in mind. - -My spare time is usually occupied with learning, programming, gardening, or -getting outside. I also 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/) to -expose me to new ideas and ways of thinking. I 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. Additionally, I write the occasional blog post expressing my views -on various subjects or documenting my technological encounters/adventures. 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 advocate for free (as in freedom) software 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 -contribution to those organizations or other organizations with similar values. - -I think that about covers a brief overview of who I am and what I like. Have a -look at the extra links at the top of the page to learn more. - -### Geek Code - -The Geek Code is a humorous way to tell other geeks a bit about myself in the -context of geekiness. (It lacks a bit of nuance, so don't take it too -seriously). - -[Click here to create your own](https://geekcode.xyz/geek.html) or [click here -to decode my Geek Code](http://www.joereiss.net/geek/ungeek.html). - -``` ------BEGIN GEEK CODE BLOCK----- -Version: 3.1 -GCS/TW/O d-(+) s:- a-- C++(+++) UL+++/++++ P+>+++ L+++>++++ E--- W--(++) N+ o? -K- w--- O? M-- V? PS+/++ PE-- Y++ PGP+ t++@ 5? X? R !tv b+ DI+@ D G e>++ h+ r y? -------END GEEK CODE BLOCK------ -``` diff --git a/http/pages/contact.md b/http/pages/contact.md @@ -1,40 +0,0 @@ -## Contact - -[//]: # "Contact information for paritybit.ca" - -[//]: # "main.min.css" - -[//]: # - -### Personal - -To get into contact with me personally, send me an email at -[jbauer@paritybit.ca](mailto:jbauer@paritybit.ca). You can get my GPG keys using -the [keys.openpgp.net](https://keys.openpgp.org/) keyserver (recommended), or by -[downloading them directly](https://ftp.paritybit.ca/pubkey.asc). The master -public key should have the following fingerprint: - -<pre><code>8A55 347B 2845 6BA7 0E43 B864 C3EB 9CAF 610B B4FB -</code></pre> - -To send feedback, comment on an article or the content of a page, or to let me -know that you've posted something that refers to my site and you want to draw my -attention to it (e.g. a reply to one of my blog posts), send me an email or let -me know via <a rel="me" href="https://pleroma.paritybit.ca/jbauer">Pleroma</a>. - -### Technical or Domain-related - -Please use the appropriate email address below to report relevant issues: - -* [abuse@paritybit.ca](mailto:abuse@paritybit.ca) - Innapropriate public - behaviour such as spam originating from this domain. -* [security@paritybit.ca](mailto:security@paritybit.ca) - Report security - issues. -* [hostmaster@paritybit.ca](mailto:hostmaster@paritybit.ca) - Report DNS-related - issues. -* [postmaster@paritybit.ca](mailto:postmaster@paritybit.ca) - Report - email-related issues. -* [webmaster@paritybit.ca](mailto:webmaster@paritybit.ca) - Report - website-related issues. -* [www@paritybit.ca](mailto:www@paritybit.ca) - The same as webmaster. -* [root@paritybit.ca](mailto:root@paritybit.ca) - Other domain-related issues. diff --git a/http/pages/home.md b/http/pages/home.md @@ -6,56 +6,69 @@ [//]: # -This is the personal website and blog of Jake Bauer. I also host a [git -server](https://git.paritybit.ca) and a [file sharing -server](https://ftp.paritybit.ca). You can also find me on <a rel="me" -href="https://pleroma.paritybit.ca/jbauer">my Pleroma instance</a>. - -I also maintain a [personal geminispace](gemini://paritybit.ca) which contains -an almost-perfect mirror of this website. - -<div class="feed-wrapper"> - <h3 class="feed-title">What's New:</h3> - <a class="rss-icon" href="/feeds/sitewide-feed.xml"> <img - src="/img/feed-icon.png" width="15" height="15" alt="Click for RSS Feed"/> </a> -</div> -2020-12-10 <a class="feed-item" href="blog/flip-phone-challenge-complete">Flip Phone Challenge Complete</a> - -2020-11-30 <a class="feed-item" href="blog/flip-phone-challenge">One Week Flip Phone Challenge</a> - -2020-11-02 <a class="feed-item" href="blog/gemini-is-up-and-running">Gemini is Up and Running</a> - -2020-09-24 <a class="feed-item" href="blog/gomux-is-the-best-cli-matrix-client">Gomuks is the Best CLI Matrix Client</a> - -2020-08-30 <a class="feed-item" href="blog/why-irc-is-still-good">Why IRC is Still Good in $CURRENT_YEAR</a> - -2020-08-29 <a class="feed-item" href="blog/btw-i-use-arch">BTW, I Use Arch</a> - -2020-08-27 <a class="feed-item" href="blog/nope-back-to-st">Nope, Back to st</a> - -2020-08-22 <a class="feed-item" href="blog/setting-up-weechat-again">Setting Up WeeChat Again with weechat-matrix</a> - -2020-08-21 <a class="feed-item" href="blog/my-top-10-most-used-commands">My Top 10 Most Used Commands</a> - -2020-08-14 <a class="feed-item" href="blog/the-hacker-quarterly-magazine">The Hacker Quarterly Magazine</a> - -### What is a Parity Bit? - -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 being -only able to detect one error. Wikipedia has [a great article on Parity -bits](https://wikipedia.org/wiki/Parity_bit) if you would like to learn more. - -### Disclaimer: - -This website is self hosted on hardware that I own and manage myself. If you -consider anything on this site worth more than a simple bookmark, you should -probably save 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 but not all downtime is planned and the -website will sometimes restart on its own to apply security updates. - -You can see the uptime statistics of this website on the [About -Site](about-site) page at the bottom. - -Nothing on this website represents the views or beliefs of my employer(s). +Welcome! My name is Jake though I usually go by "jbauer" online. I am a student +of computer science, sysadmin, and staunch supporter of online freedom, privacy +rights, and free and open access to information and knowledge. This site serves +as my personal blog and project showcase. + +### Blog + +I blog mostly about technology and computing. I also took part in +[#100DaysToOffload](https://100daystooffload.com/) in 2020. My posts can be +found [on the blog page](https://www.paritybit.ca/blog). Here is a showcase of +the blog posts I am most proud of: + +* [Why IRC is Still Good in $CURRENT_YEAR](https://www.paritybit.ca/blog/why-irc-is-still-good) +* [Why Email is the Best Discussion Platform](https://www.paritybit.ca/blog/why-email-is-the-best-discussion-platform) +* [Choosing a Self-Hosted Git Service](https://www.paritybit.ca/blog/choosing-a-self-hosted-git-service) +* [Paying for Software](https://www.paritybit.ca/blog/paying-for-software) +* [The Joys of Old Tech](https://www.paritybit.ca/blog/the-joys-of-old-tech) +* [A Month-and-a-Half of Self-Hosted Email](https://www.paritybit.ca/blog/a-month-and-a-half-of-self-hosted-email) +* [Are TODO Applications a Waste of Time?](https://www.paritybit.ca/blog/are-todo-applications-a-waste-of-time) +* [Why I Hate The Term “Modern”](https://www.paritybit.ca/blog/why-i-hate-the-term-modern) +* [My Journey With Computers](https://www.paritybit.ca/blog/my-journey-with-computers) +* [How to Not Make an Ass of Yourself in Online Discussions](https://www.paritybit.ca/blog/how-to-not-make-an-ass-of-yourself-internet-discussions) + +### About This Site + +This webbed site is a static site created by me and generated from Markdown +files using [Pandoc](https://pandoc.org/) with my POSIX shell-based static site +generator. It's designed to be lightweight and accessible and does not store +cookies in your browser or track you. You can also view this site using the +[Gemini protocol](https://gemini.circumlunar.space/) at: +[gemini://paritybit.ca](gemini://paritybit.ca). + +Unless otherwise stated, all content on this website is licensed under the [CC +BY-SA 4.0 International +License](https://creativecommons.org/licenses/by-sa/4.0/). All code on and for +this website is licensed under the [GNU +GPL-3.0-or-later](https://www.gnu.org/licenses/gpl.txt). The source code is +available on [SourceHut](https://git.sr.ht/~jbauer/paritybit.ca) and +[git.paritybit.ca](https://git.paritybit.ca/paritybit.ca/). + +### Contact + +I can be contacted through many methods but the most reliable is email. In no +particular order, I can be contacted using: + +* Email: [jbauer@paritybit.ca](mailto:jbauer@paritybit.ca) +* IRC: `jbauer` on [irc.paritybit.ca](irc://irc.paritybit.ca:6697) +* Fediverse: [@jbauer@pleroma.paritybit.ca](https://pleroma.paritybit.ca/jbauer) +* XMPP/Matrix: I have to know you to give out this information. + +If you're contacting me via email, please use PGP if you can. My keys are on +[keys.openpgp.net](https://keys.openpgp.org/) or available via direct download +at: [ftp.paritybit.ca/pubkey.asc](https://ftp.paritybit.ca/pubkey.asc). It has +the following fingerprint: + +``` +8A55 347B 2845 6BA7 0E43 B864 C3EB 9CAF 610B B4FB +``` + +If you're contacting me using XMPP, please use OMEMO if you can. My device +fingerprints are as follows: + +``` +Desktop: 7912fdcd-ceb91d48-e1c05df0-618ed41e-53cbbd4d-407c9214-5e3bb507-dcbe4748 +Laptop: 00a452f4-c506e87f-97c3c993-ca904a76-aba56d70-9a1a8652-e48da863-ad661976 +``` diff --git a/http/public/img/debian-openlogo-75.png b/http/public/img/debian-openlogo-75.png Binary files differ. diff --git a/http/style/main.css b/http/style/main.css @@ -10,7 +10,6 @@ --hov-link: #80ccff; --notice-bg: #224499; --border-dark: #585858; - --font-size: 100%; --small-font: 0.8rem; --large-font: 1.1rem; --line-height: 1.3rem; @@ -23,16 +22,15 @@ html { body { background-color: var(--bg); color: var(--fg); - font-family: "DejaVu Sans", "Open Sans", "Noto Sans", "Roboto", "Droid Sans", sans-serif; - font-size: var(--font-size); + font-family: sans-serif; line-height: var(--line-height); - max-width: 40rem; - margin: auto; - padding: 0rem 0.7rem; + max-width: 72ch; + margin: 0 auto; + padding: 0.5em 0 3em 0; } h3, h4, h5, h6 { - margin: 2em 0 1em 0; + margin: 1.5em 0 1em 0; } h2 { @@ -136,27 +134,10 @@ th { background-color: var(--bg-bright); } -.badge { - display: inline-block; - margin: 5px; -} - .byline { font-size: var(--small-font); } -.eff-banner { - float: right; - width: 75px; - height: 75px; -} - -.debian-banner { - float: left; - width: 68px; - height: 85px; -} - .rss-icon { display: inline-block; margin-left: 0.5em; @@ -167,14 +148,6 @@ th { height: 1rem; } -.feed-wrapper { - margin-bottom: -1em; -} - -.feed-title { - display: inline-block; -} - .note { background-color: var(--notice-bg); color: var(--fg-bright); @@ -211,16 +184,6 @@ th { padding-left: 1em; } -#footer { - clear: both; -} - -#footer > p { - text-align: center; - font-size: var(--small-font); - padding: 0em 6em; -} - @media print { body { font-size: 16px;