3 files changed, 196 insertions, 0 deletions
diff --git a/build/website/about/contact.html b/build/website/about/contact.html
new file mode 100644
index 0000000..752b290
--- /dev/null
+++ b/build/website/about/contact.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta name="description" content="My personal website.">
+	<meta name="author" content="Preston Pan">
+	<link rel="stylesheet" type="text/css" href="/css/style.css" />
+
+	<link rel="icon" type="image/png" href="/img/favicon.png">
+	<title>
+Contact
+	</title>
+</head>
+<body>
+	<div class="nav" class="justcenter">
+		<a href="/index.html" class="justleft">Home</a> |
+		<a href="/about/" class="justleft">About</a> |
+		<a href="/about/contact.html" class="justleft">Contact</a>
+		<!--BACKDIR-->
+		<hr>
+	</div>
+
+	<div class="content">
+<h1>Contact</h1>
+<p>
+	Here are some ways that you can contact me:
+</p>
+<ul>
+	<li>IRC: username LiCoO2, ircs://andrei.website:6697, no tls verification.</li>
+	<li>Email: preston@nullring.xyz, gmail does not like me so emails from me might go into spam initially.</li>
+	<li>Ham Radio Callsign: coming in the future!</li>
+</ul>
+
+<p>
+	I do not use other services because they are worse than these protocols in my opinion.
+	If you know nothing about technology and want to contact me, use email. Otherwise, use
+	IRC. I do run an irc server but it is mostly inactive.
+</p>
+	</div>
+</body>
+</html>
diff --git a/build/website/about/index.html b/build/website/about/index.html
new file mode 100644
index 0000000..e95eda9
--- /dev/null
+++ b/build/website/about/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta name="description" content="My personal website.">
+	<meta name="author" content="Preston Pan">
+	<link rel="stylesheet" type="text/css" href="/css/style.css" />
+
+	<link rel="icon" type="image/png" href="/img/favicon.png">
+	<title>
+About
+	</title>
+</head>
+<body>
+	<div class="nav" class="justcenter">
+		<a href="/index.html" class="justleft">Home</a> |
+		<a href="/about/" class="justleft">About</a> |
+		<a href="/about/contact.html" class="justleft">Contact</a>
+		| <a href="../index.html">Back</a>
+		<hr>
+	</div>
+
+	<div class="content">
+<h1>About Website</h1>
+<p>
+	This website was made without complex javascript or css so that it is easy to load
+	and read on all browsers, including terminal and js-less browsers like netsurf.
+	Additionally, I wrote a shell script to generate this website automatically
+	from a hiearchical filesystem of html files. If you're interested, simply run:
+</p>
+
+<code>git clone git://prestonpan.tech/prestonpan.git</code>
+
+<h2>Articles</h2>
+<ul>
+	<li><a href="./contact.html">Contact</a> -- How to contact me.</li>
+	<li><a href="./technology.html">About Technology</a> -- about the software/hardware that I use.</li>
+</ul>
+
+	</div>
+</body>
+</html>
diff --git a/build/website/about/technology.html b/build/website/about/technology.html
new file mode 100644
index 0000000..ad9fce3
--- /dev/null
+++ b/build/website/about/technology.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta name="description" content="My personal website.">
+	<meta name="author" content="Preston Pan">
+	<link rel="stylesheet" type="text/css" href="/css/style.css" />
+
+	<link rel="icon" type="image/png" href="/img/favicon.png">
+	<title>
+About
+	</title>
+</head>
+<body>
+	<div class="nav" class="justcenter">
+		<a href="/index.html" class="justleft">Home</a> |
+		<a href="/about/" class="justleft">About</a> |
+		<a href="/about/contact.html" class="justleft">Contact</a>
+		<!--BACKDIR-->
+		<hr>
+	</div>
+
+	<div class="content">
+<h1>About Technology</h1>
+<p>
+	This article is about the technology that I use, both in software and in hardware.
+</p>
+
+<h2>Computer Hardware</h2>
+<p>
+	I personally use a thinkpad X200 which is librebooted and a thinkpad X230, which has
+	the default vendor BIOS. I use old thinkpads because:
+</p>
+<ul>
+	<li>They are reliable and well built.</li>
+	<li>They were made to be repaired, unlike other modern hardware.</li>
+	<li>They are affordable.</li>
+	<li>They have a nice keyboard (at least the X200 does) and they have the red dot (which is better than a mouse in many cases).</li>
+	<li>They are upgradable to a large extent.</li>
+</ul>
+<p>
+	Also, the feeling of using a thinkpad is just quite nice. There is no real other way to
+	describe it, you just have to try it yourself.
+</p>
+
+<h3>Antiphone</h3>
+<p>
+	I don't have a phone. Actually, that is a lie. I do have one, but almost never use it.
+	They are not useful to me and I don't use conventional social media so I have no need
+	for them. Computers are much better at making software and articles, and also computers
+	can more easily run open source software (not that it matters inherently but to me
+	most open source software is just better because I can basically do what I want with
+	my computer). It doesn't feel like you own a phone when you buy one; someone else owns
+	the phone, and you buy the rights to use it. With most computers, the general feeling
+	is that you own it.
+</p>
+
+<h2>Software</h2>
+<p>
+	I try to use minimal software where I can. The general philosophy is one of the UNIX
+	philosophy; you have simple components and you make them do complex things via piping
+	and whatnot.
+</p>
+
+<h3>Operating systems</h3>
+<p>
+	I would consider using and have used these operating systems:
+</p>
+<ul>
+	<li>Void gnu/linux -- it's quite minimal and has a good package manager.</li>
+	<li>Arch gnu/linux -- the same as void, except a little less minimal.</li>
+	<li>Trisquel gnu/linux -- an operating system that is actually 100% free software. I run this currently on my X200.</li>
+	<li>OpenBSD -- The operating system I run on my X230 currently. Does things correct for the most part and more UNIX.</li>
+	<li>9front -- Yes, I've actually run this before for a little bit. Really liked it, but no modern web browser. Would run again though.</li>
+</ul>
+<p>
+	I would recommend all of these to try out. They all have their unique upsides and downsides, though you could probably
+	get all linux distros to work in almost the same way if you wanted to. If you're looking for something new (and better
+	designed than linux in my opinion) you could try OpenBSD and 9front.
+</p>
+
+<h4>Systemd</h4>
+<p>
+	It doesn't actually matter if your distro uses it or not.
+</p>
+
+<h3>Userland</h3>
+<p>
+	I tend to use <a href="https://suckless.org">suckless</a> userland programs because they tend to follow the UNIX
+	philosophy and their software is just better than the competition. For example, dwm can do swallowing, and I
+	have not encountered any other window manager that will do that natively (you might need a program to do it for
+	you). The st terminal supports everything as long as you add patches, but even if you don't, it's still better
+	than most other terminal emulators that want to do too much. The dmenu program is just good because you can
+	make custom scripts and that increases the usability of your computer like five-fold.
+</p>
+<p>
+	Also see their rocks/ page for most of the software that I use. You can also see
+	<a href="/projects/dotfiles.html">my dotfiles</a> for the software that I use.
+</p>
+<p>
+	For OpenBSD, I mostly use cwm with the defaults and most of the same programs I use for gnu/linux. For 9front,
+	I use the base system mostly (obviously).
+</p>
+
+	</div>
+</body>
+</html>