paritybit.ca

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

commit c76b60b6453a647c751a037a3611fa90cf416824
parent 43541d5f8f4345a920a9836eceac3195ab7b3af9
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Sat,  8 Feb 2020 23:05:36 -0500

Update 'About This Site'

Diffstat:
Mpages/about-site.md | 163++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------
Mstyle/main.css | 5+++++
2 files changed, 109 insertions(+), 59 deletions(-)

diff --git a/pages/about-site.md b/pages/about-site.md @@ -4,31 +4,42 @@ [//]: # "main.min.css" -[//]: # "Introduction; Privacy; Design; The Technical Side; Current Uptime Statistics; References" +[//]: # "Introduction; Licensing; Privacy; Design; The Technical Side; Current Uptime Statistics; Web Buttons" + +**Mandatory disclaimer:** Nothing on this website represents the views or beliefs of my employer(s). ### Introduction -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. +This website reflects my general views 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 or demand, 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 <a href=#1>[1]</a> (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. +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 -Unlike many companies and organizations nowadays, I respect the privacy of those -who visit my website and use my services. Aside from what your browser sends me -when it makes a request (e.g. your IP address), I don't collect any personally -identifying information. The information that your browser sends to me is just -stored in the server logs and isn't sold to anybody. I don't use cookies and all -of the code on the website is transparent. 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. +Unlike many, I respect the privacy of those who visit my website and use my +services. I don't collect any personally identifying information nor do I make +attempts to correlate the IP addresses and user agents sent to me by those who +visit my website with real people. All I do is use +[goaccess](https://goaccess.io/) which parses my web server logs so I can get an +idea of the performance of my website in terms of general numbers of +visitors/hits and general geographical locations from which requests originate. +Furthermore, I don't use any form of tracking cookies and all of the code on the +website is transparent. No proprietary software runs on my web server and any +code used to generate the site is available in [this site's git +repository](https://git.sr.ht/~jbauer/paritybit.ca). ### Design @@ -36,46 +47,62 @@ 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 <a href=#2>[2]</a> as inspiration for the philosophy -behind the design of this website. - -The website has been themed in this dark colour scheme because I found it to be -easier to look at (especially at night). This site may not be flashy, hip, or -even all that pretty, but it is simple, easy to use, and fast. +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 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 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 pages themselves are written in Markdown with bits of HTML added when -needed. This is then compiled into HTML, has a header and footer stuck on to it, -gets its title, meta tag, and CSS links set, 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. +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). 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. - -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 -<a href=#3>[3]</a> and is interacted with through their API from my webpage -compilation script. +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 website into a folder called `uploads/` using 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. -All of the scripts used can be found in the aforementioned git repository. - ### Current Uptime Statistics The statistics below are updated once every hour, on the hour (time is EST/EDT, @@ -102,21 +129,39 @@ 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> -<p> +### Web Buttons + +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> -</p> - -### References - -<a id=1></a> -[1] [The Git Repository For This Website](https://git.sr.ht/~jbauer/paritybit.ca) - -<a id=2></a> -[2] [Drew DeVault's Article on Website Design](https://drewdevault.com/2018/09/04/Conservative-web-development.html) - -<a id=3></a> -[3] [CSS Minifier Service](https://cssminifier.com) + 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="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/style/main.css b/style/main.css @@ -147,6 +147,11 @@ select { height: 15px; } +.badge { + display: inline-block; + margin: 5px; +} + .byline { font-size: 0.8em; }