commit df04a11a0ec790fc99a243409ecb68fcf34c1563
parent d6e5966ec6ccbfe5917ce270ec2b533da4f641b8
Author: tongong <tongong@gmx.net>
Date: Mon, 5 Dec 2022 19:23:53 +0100
added some content
Diffstat:
9 files changed, 204 insertions(+), 4 deletions(-)
diff --git a/Makefile b/Makefile
@@ -2,6 +2,7 @@ build:
tacker template/index.html template/dist/index.html
rm -rf dist/*
qjs build.js
+ cp static/* dist/
watch:
find . | entr -s "make build"
diff --git a/content/about/index.html b/content/about/index.html
@@ -1,3 +1,36 @@
-<h1>test page</h1>
-<p class="page-intro">an introductory text.</p>
-<p>test text blah blah.</p>
+<h1>about me</h1>
+<h2>things i like</h2>
+<ul>
+ <li>I like computers. They enable wonderful new ways of expression and open
+ access to incredible amounts of knowledge. I dislike computers. They
+ are drivers of social isolation and the decline of democracy.</li>
+ <li>I like simplicity. There are rational justifications for this but I
+ like it because it gives me a sense of comfort and beauty.</li>
+ <li>I like programming. Besides being an extremely convenient skill it
+ enables you to "create the world" as Linus Torvalds put it
+ aptly.</li>
+ <li>I like open-source. It captures all of the good things about
+ computers.</li>
+ <li>I like Unix. I think I would prefer a microkernel OS (based on
+ <a href="https://en.wikipedia.org/wiki/L4_microkernel_family">L4</a>
+ for example) but I have not used such an OS yet.</li>
+ <li>I like JS/HTML. It's the most accessible and the most portable
+ programming environment available today. I dislike npm and the attached
+ ecosystem (no accessibility, no portability, no simplicity).
+ <a href="https://css-tricks.com/centering-css-complete-guide/">I dislike CSS.</a>
+ </li>
+ <li>I like C. C feels like the original way things are supposed to be.
+ Learning C makes you understand computers.</li>
+ <li>I like Lisp (Scheme). I never used it though.</li>
+</ul>
+
+<h2>contact</h2>
+<p>All of my social media identities can be found on
+<a href="https://keyoxide.org/2A1E4A37EC5776CD1104AFB0BB7591245A64B2FC">keyoxide</a>.
+You can just write me an email to the address listed there/the
+address of my GPG key. Please encrypt your message if you can.</p>
+
+<p style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+PGP Fingerprint:
+<a href="/2A1E4A37EC5776CD1104AFB0BB7591245A64B2FC.asc">2A1E4A37EC5776CD1104AFB0BB7591245A64B2FC</a>
+</p>
diff --git a/content/git/index.html b/content/git/index.html
@@ -0,0 +1,6 @@
+<h1>git</h1>
+<p>
+ I plan to install an instance of
+ <a href="https://codemadness.org/stagit.html">stagit</a>
+ here.
+</p>
diff --git a/content/index.html b/content/index.html
@@ -1 +1,2 @@
-<p>test text blah blah.</p>
+<p>Welcome! Unfortunately there is not much here at the moment. However I plan
+to add more content.</p>
diff --git a/content/projects/index.html b/content/projects/index.html
@@ -0,0 +1,31 @@
+<h1>projects</h1>
+
+There are two types of projects I create: solutions to problems that annoy me
+and ideas I pursue out of interest.
+
+<h2>problem-solving projects</h2>
+
+<h3><a href="https://github.com/tongong/tacker">tacker</a></h3>
+<p>
+I like JavaScript and I like building websites and web applications. But modern
+JS projects seem to require hundreds of npm dependencies. This is a big mess
+and a security disaster. I do not want to run the megabytes of untrusted code
+web bundlers seem to need on my machine but I do want to use JS modules to keep
+my projects structured. <code>tacker</code> aims to solve this by being the
+most simple way of stapling files together to create self-contained pages like
+to one you are currently viewing.
+</p>
+
+<h3><a href="https://github.com/tongong/timetracker">timetracker</a></h3>
+<p>
+I was searching for a timetracking program that works in terminal and GUI and
+is not completely bloated. I did not find any and wrote my own.
+</p>
+
+<h2>interesting projects</h2>
+
+<h3><a href="https://github.com/tongong/brainfuck-2048">brainfuck-2048</a></h3>
+<p>
+This is my first (and so far only) brainfuck program. The most interesting
+thing about this is the random number generator.
+</p>
diff --git a/content/writing/example-article/index.html b/content/writing/example-article/index.html
@@ -0,0 +1,3 @@
+<h1>example article</h1>
+<p class="page-intro">This serves as an example.</p>
+<p>test text blah blah.</p>
diff --git a/content/writing/index.html b/content/writing/index.html
@@ -1,2 +1,5 @@
<h1>writing</h1>
<p>I sometimes like to write.</p>
+<ul>
+ <li><a href="/writing/example-article">an example article</a></li>
+</ul>
diff --git a/static/2A1E4A37EC5776CD1104AFB0BB7591245A64B2FC.asc b/static/2A1E4A37EC5776CD1104AFB0BB7591245A64B2FC.asc
@@ -0,0 +1,118 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+xsFNBGA6tQQBEACm1YeW1k7MX5MNzak789et3hSfRjf4aSklg8SNuWLEFUQKnl98
+SgFTJbIJ3Kj0gYFf98FXOvoYZcQlIDL6WrlXCGkPsYnJ0j3uDbw9ExydB1KYbqkE
+VlVpznRSjBwAaR674hE1QF4PJPHlWrlfxntASA7yyM0HUusIRo0BwWiRrlly8pCh
+h4yOMza4mU3KJ9BVUUEwRuaFEGJrgxjByQJgJVY3GRzMSFwLiFJW6KP0X/ixSPCa
+nKouI9Mifc+gXcoa8BtD/F+Ksuuw9epcaIc9bGFGV7lQbV85rEofIURZfkh9PmTe
+7Kz4g125DTRbPdQ17q7WlbDapR8yNY7rYjyGJ9xHwy0xgId35MxCqXs9rnvi52xE
+H5LO6/ku7kG0L5w6xpIeIG8sw0X6P96MhLlSosq369FQxmytcr/2CP0zHLk2bi5+
+IjRjcD9Uifg0FOyxzCA02DT128dLCMumIhmClGeW3nU4iKYHTE3WAzb4nS7hfok8
+lrs5lPRK5PqC/avYKBy9VWErjh7SIF607m82boNBksjISqWuYOSQ1dTAoof6cx7O
+s5nb5LD600wfRKX0+VLsVJwG3v4zM8JjhbVbF27iOctrYp0vFF9/VHHQY9l2ARv3
+moSAt4PfPDgXIA5V9OHwIpVgeRZ32WUSVPiUjdIkkPr3bh6Z7ABDOnYD3QARAQAB
+zRl0b25nb25nIDx0b25nb25nQGdteC5uZXQ+wsLSBBMBCAF8AhsDBQsJCAcCBhUK
+CQgLAgQWAgMBAh4BAheAFiEEKh5KN+xXds0RBK+wu3WRJFpksvwFAmA6xnpHFIAA
+AAAAEgAscHJvb2ZAbWV0YWNvZGUuYml6aHR0cHM6Ly9uZXdzLnljb21iaW5hdG9y
+LmNvbS91c2VyP2lkPXRvbmdvbmdCFIAAAAAAEgAncHJvb2ZAbWV0YWNvZGUuYml6
+aHR0cHM6Ly9naXRsYWIuY29tL3RvbmdvbmcvZ2l0bGFiX3Byb29mWxSAAAAAABIA
+QHByb29mQG1ldGFjb2RlLmJpemh0dHBzOi8vZ2lzdC5naXRodWIuY29tL3Rvbmdv
+bmcvMWI0YTk3MWVhZGNlMmQ2YzRhYWE2MTg2ZDYxYjQxMzJcFIAAAAAAEgBBcHJv
+b2ZAbWV0YWNvZGUuYml6aHR0cHM6Ly93d3cucmVkZGl0LmNvbS91c2VyL3Rvbmdv
+bmcvY29tbWVudHMvbHR5aTh2L3JlZGRpdF9wcm9vZi8ACgkQu3WRJFpksvzOpA/9
+FKcDvhULx+uj/QCXZWcsOgds/8CLTPfN3qWWeZd6ZthAMdj8js+H03g5traRzpIf
+gSuA+39qQBFmFSlXin6J6lGIFhTdcHAqN2Cjp9E9NPo+8hhZt7PmEdcANQPJ4Rsu
+amA7C495mei3IxaiJFaGDUizR0AHE4elyPu4qEWhr/zjNm2q2ZqQxDq6BHDygLyM
+X3kp4S6yuZ6AoTOt56EMnQp5NszNkHfjrn35nLRHkd9oxvV6jDbfCVpESTVlbQCd
++gJ8DCXJDgHsh9ogJ1VgqRfAbkFPBGuWH+CQFaihVxczESdH4oMgMYM52UOzTsKZ
+EUjOt265cD010bESLO+i8wQUvpCUQ3taiPET7Q7yWF8xj/W7FBmpNcfOBo/Jw9Cg
+vm+VdX5GJfa3Lw9utQw2mS2TQdJZgMdzvvrP7KVZ5qCHY4hmEVdX3lR95k3up3+m
+7hMSexN1aNCtyPKxr5QO2vN+630o9U7ja2P4ziTBeaYq+RBvTlEFCAXfh3MeNrFQ
+nxDFKKCXJeuTdzL9H5Ild0zHeFGDcTC8b3hE2wiO6CAs0yBp1foGY3W75hshiArq
+7axiYfpVYPWn1l7uIRGJT8IzhoKBsyMLDWNCuyKRcvFqa5iVWFHjHjH9Rwg+Jkq3
+Jd3y9G6T0/TEU7J3dgohKJwIerVZ/lzeKT+Bc5u796bCwooEEwEIATQCGwMFCwkI
+BwIGFQoJCAsCBBYCAwECHgECF4AWIQQqHko37Fd2zREEr7C7dZEkWmSy/AUCYDrC
+9FwUgAAAAAASAEFwcm9vZkBtZXRhY29kZS5iaXpodHRwczovL3d3dy5yZWRkaXQu
+Y29tL3VzZXIvdG9uZ29uZy9jb21tZW50cy9sdHlpOHYvcmVkZGl0X3Byb29mL1sU
+gAAAAAASAEBwcm9vZkBtZXRhY29kZS5iaXpodHRwczovL2dpc3QuZ2l0aHViLmNv
+bS90b25nb25nLzFiNGE5NzFlYWRjZTJkNmM0YWFhNjE4NmQ2MWI0MTMyQhSAAAAA
+ABIAJ3Byb29mQG1ldGFjb2RlLmJpemh0dHBzOi8vZ2l0bGFiLmNvbS90b25nb25n
+L2dpdGxhYl9wcm9vZgAKCRC7dZEkWmSy/IIID/0YlGx8wO7aJJ1ZaCBvOsNn6l6G
+gYQlxLC2XL8tvweneq86BqLVELW83xpwJt3gb3m8+NMjMY8xQlVskvX5Bv3YPCq0
+2LGQK6QtX0sjEHzdJfblMbWn5LfJDkyfvg8p6d87T5AJ/3fwAfNEk0BuA5zPNrBc
+5c2OteT5+oU0xObMGaSBbF//k1Fkb3vyX8+g6gP/ufxNKW0HnHIwisB2vNlHfWfH
+jqNw6sAujPDc2D1t9ZMRYsZaPWskYnilN3c73YtSywJnJaiAwKsEC/Y1QTdTYioN
+ylSVnXpkC+L2STPwdjwhuKRBBzCZeDCxi+vNzhQ7raggqxAg0fFk6Bq6cCjvaVRk
++RDJCx6tZHo5m8To5NOhKS7m8KTD5YbMQmlsupS29m5v/B4jInx+OzNEq9ifqhK6
+xg5ZqsT4Lz9mpEKPvwgvZvoKpRw1c1eXN+gv4VPQ/p/2lD2g59PtHz/3ls1ZF/p2
+EdGYSINE7kGw8jvjP9kMkPj8QSLJnSrnXbP+22KNioZ9FUUL6fDHmxP/CXzLcdZq
+zmQM1GR8FWdoeIvq3fewjvWEXY/gbqzQiqOoinwjVMp/nAuBFKTaySMyPLvRiRjE
+KWjfdplX5ogcM5DqgTBRCPfImecw9zQ+5X/iF94WbX3Uvdr0tDmFeYQeO1bK4ezE
+gYEHRun25F4Pt+++VsLCLQQTAQgA1wIbAwULCQgHAgYVCgkICwIEFgIDAQIeAQIX
+gBYhBCoeSjfsV3bNEQSvsLt1kSRaZLL8BQJgOsFCQhSAAAAAABIAJ3Byb29mQG1l
+dGFjb2RlLmJpemh0dHBzOi8vZ2l0bGFiLmNvbS90b25nb25nL2dpdGxhYl9wcm9v
+ZlsUgAAAAAASAEBwcm9vZkBtZXRhY29kZS5iaXpodHRwczovL2dpc3QuZ2l0aHVi
+LmNvbS90b25nb25nLzFiNGE5NzFlYWRjZTJkNmM0YWFhNjE4NmQ2MWI0MTMyAAoJ
+ELt1kSRaZLL8RY4P/RS8efyAP1oL/vY2lQbhnKjLNc33KYAXo3vuJI5vDqLgXXTE
+JTxqfhR737jEvGNyrJjSQpjYy+JBMYGhC01nweb3sgmuwUL1ep1J1UrGMaRJBHFy
+1/Q9hxFTzVyfGQRhRHgobS4gxkr+H8h/UNFWOSoS+vMeGMWamBQn9X3oxRgGxdSC
++i0svUMzHniM/j0rKXFDQfK6SKxK/AYalCIru3VR5LFw4tJlPyjKGbB7XwTqXENv
+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
+Ify4h10isUzgXL03gC4w1AFglfg=
+=huyS
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/template/styles.css b/template/styles.css
@@ -17,6 +17,10 @@ h1, h2, h3, h4, h5, h6 {
color: #fff;
}
+h2, h3, h4, h5, h6 {
+ margin-bottom: 12px;
+}
+
p {
text-align: justify;
}