zaine/org_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-publish on Fri 8 Aug 21:13:32 BST 2025

Browse Source
This commit is contained in:
Zaine Arch
2025-08-08 21:13:32 +01:00
parent 1fa7e85a58
commit 88263df422
20 changed files with 398 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
output/about.html
View File

@@ -3,10 +3,10 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>About Me</title>
<title>About Page</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
@@ -23,225 +23,11 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-07 Thu 17:59</div>
<div id="updated">Updated: 2025-08-08 Fri 20:23</div>
</div>
<div id="content" class="content">
<h1 class="title">About Me</h1>
<div id="table-of-contents" role="doc-toc">
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#org4d9a0e1">1. About Me 👋</a></li>
<li><a href="#orgea96809">2. Interests</a></li>
<li><a href="#org7235000">3. Interests</a></li>
<li><a href="#org0497330">4. Interests</a></li>
<li><a href="#orgdf6979e">5. Interests</a></li>
<li><a href="#orgb146fca">6. Interests</a></li>
<li><a href="#orgcbf59fe">7. Interests</a></li>
<li><a href="#orgadfa38c">8. Interests</a></li>
<li><a href="#org9aa5921">9. Interests</a></li>
<li><a href="#org9df86b2">10. Interests</a></li>
<li><a href="#orgfb5cb5a">11. Interests</a></li>
<li><a href="#org43e87c8">12. Interests</a></li>
<li><a href="#org6ea8e3f">13. Interests</a></li>
<li><a href="#orgf6fd9b0">14. Interests</a></li>
<li><a href="#org87522a1">15. Interests</a></li>
<li><a href="#orgf20dcc0">16. Interests</a></li>
<li><a href="#org0718be5">17. Interests</a></li>
<li><a href="#org255a3b0">18. Back to Home</a></li>
</ul>
</div>
</div>
<div id="outline-container-org4d9a0e1" class="outline-2">
<h2 id="org4d9a0e1"><span class="section-number-2">1.</span> About Me 👋</h2>
<div class="outline-text-2" id="text-1">
<p>
I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudflare Pages</b>.
</p>
<p>
<b><b>This page is linked</b></b> from the <a href="index.html">homepage</a>!
</p>
</div>
</div>
<div id="outline-container-orgea96809" class="outline-2">
<h2 id="orgea96809"><span class="section-number-2">2.</span> Interests</h2>
<div class="outline-text-2" id="text-2">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org7235000" class="outline-2">
<h2 id="org7235000"><span class="section-number-2">3.</span> Interests</h2>
<div class="outline-text-2" id="text-3">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org0497330" class="outline-2">
<h2 id="org0497330"><span class="section-number-2">4.</span> Interests</h2>
<div class="outline-text-2" id="text-4">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgdf6979e" class="outline-2">
<h2 id="orgdf6979e"><span class="section-number-2">5.</span> Interests</h2>
<div class="outline-text-2" id="text-5">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgb146fca" class="outline-2">
<h2 id="orgb146fca"><span class="section-number-2">6.</span> Interests</h2>
<div class="outline-text-2" id="text-6">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgcbf59fe" class="outline-2">
<h2 id="orgcbf59fe"><span class="section-number-2">7.</span> Interests</h2>
<div class="outline-text-2" id="text-7">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgadfa38c" class="outline-2">
<h2 id="orgadfa38c"><span class="section-number-2">8.</span> Interests</h2>
<div class="outline-text-2" id="text-8">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org9aa5921" class="outline-2">
<h2 id="org9aa5921"><span class="section-number-2">9.</span> Interests</h2>
<div class="outline-text-2" id="text-9">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org9df86b2" class="outline-2">
<h2 id="org9df86b2"><span class="section-number-2">10.</span> Interests</h2>
<div class="outline-text-2" id="text-10">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgfb5cb5a" class="outline-2">
<h2 id="orgfb5cb5a"><span class="section-number-2">11.</span> Interests</h2>
<div class="outline-text-2" id="text-11">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org43e87c8" class="outline-2">
<h2 id="org43e87c8"><span class="section-number-2">12.</span> Interests</h2>
<div class="outline-text-2" id="text-12">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org6ea8e3f" class="outline-2">
<h2 id="org6ea8e3f"><span class="section-number-2">13.</span> Interests</h2>
<div class="outline-text-2" id="text-13">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgf6fd9b0" class="outline-2">
<h2 id="orgf6fd9b0"><span class="section-number-2">14.</span> Interests</h2>
<div class="outline-text-2" id="text-14">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org87522a1" class="outline-2">
<h2 id="org87522a1"><span class="section-number-2">15.</span> Interests</h2>
<div class="outline-text-2" id="text-15">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-orgf20dcc0" class="outline-2">
<h2 id="orgf20dcc0"><span class="section-number-2">16.</span> Interests</h2>
<div class="outline-text-2" id="text-16">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org0718be5" class="outline-2">
<h2 id="org0718be5"><span class="section-number-2">17.</span> Interests</h2>
<div class="outline-text-2" id="text-17">
<ul class="org-ul">
<li>Linux</li>
<li>Open source</li>
<li>Org mode</li>
<li>Static sites</li>
</ul>
</div>
</div>
<div id="outline-container-org255a3b0" class="outline-2">
<h2 id="org255a3b0"><span class="section-number-2">18.</span> Back to <a href="index.html">Home</a></h2>
<div id="outline-container-org251d88b" class="outline-2">
<h2 id="org251d88b">About</h2>
</div>
</div>
<div id="postamble" class="status">

4
output/assets/2025-08-08-emacs.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

66
output/blogs/2025/08/wacom-with-arch.html Normal file
View File

@@ -0,0 +1,66 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Wacom With Arch</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
</head>
<body>
<div id="preamble" class="status">
<div class="banner-header">
<a href="/"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
<nav>
<a href="/">Home | </a>
<a href="/posts/posts-list.html">Posts | </a>
<a href="/blogs/blogs-list.html">Blogs | </a>
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-orgd306bd1" class="outline-2">
<h2 id="orgd306bd1">Wacom With Arch</h2>
<div class="outline-text-2" id="text-orgd306bd1">
<p>
I purchased a <a href="https://www.wacom.com/en-gb/products/one-by-wacom">One by Wacom</a> tablet almost 2 years ago now and it works flawlessly in both Windows and MacOS and even in most Linux distros with some configuration.
</p>
<p>
However with Arch and Hyprland, there were some issues related to the <code>xserver</code> it was running on. The X input driver module (e.g. xf86-input-wacom) is linked into the X server which in turn is in charge of rendering and generic input events. Hyprland on the other hand uses the Wayland display server protocol (replacement for the X protocol) hence why there is difficulty in input mapping.
</p>
<p>
I came across this issue as I was able to get the tablet to work across multiple monitors (mapping to a single one) through the <code>xsetwacom</code> function - which, at the time I was using Ubuntu. But with Hyprland there needs to be some manual intervention. I came across this <a href="https://thomaspurnell.com/003_wacom_graphics_hyprland/wacom_hyprland.html">post</a> which explains nicely how to map the tablet to a single monitor. I took this approach with a slight configuration; in my <code>hyprland.conf</code> file, I simply added the following line:
</p>
<div class="org-src-container">
<pre class="src src-nil">exec-once = hyprctl keyword "device[wacom-one-by-wacom-m-pen]:output" "DP-1"
</pre>
</div>
<p>
which mapped the device to the primary monitor DP-1.
</p>
</div>
</div>
</div>
<div id="postamble" class="status">
<footer>
<div class="copyright-container">
<div class="copyright">
Copyright &copy; 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
<div class="generated">
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.1 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
</div>
</footer>
</div>
</body>
</html>

84
output/blogs/2025/08/what-do-i-want-to-do-with-emacs.html Normal file
View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>What Do I Want To Do With Emacs</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
</head>
<body>
<div id="preamble" class="status">
<div class="banner-header">
<a href="/"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
<nav>
<a href="/">Home | </a>
<a href="/posts/posts-list.html">Posts | </a>
<a href="/blogs/blogs-list.html">Blogs | </a>
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 20:30</div>
</div>
<div id="content" class="content">
<h1 class="title">What Do I Want To Do With Emacs</h1>
<p>
I first started using Emacs (and Linux for that matter) since around the end of 2023, and it's been well over a year of trial and error with this text editor. At first I was using this for all sorts of things such as:
</p>
<ul class="org-ul">
<li>Dashboard</li>
<li>Agenda</li>
<li>Text editing</li>
<li>Magit (version controlling)</li>
<li>Syncthing Management</li>
</ul>
<p>
&#x2026; and the list goes on.
</p>
<p>
One thing I realised is just how powerful Emacs really is, just recently I found out that you can use the <code>emoji-insert</code> to insert emojis! Some have even gone to say it's an operating system in its own right. So this prompted the question today, what do <i>I</i> want from Emacs?
</p>
<p>
After some thinking I narrowed it down and collated it in the following diagram:
</p>
<div id="org939070f" class="figure">
<p><img src="../../../assets/2025-08-08-emacs.svg" alt="2025-08-08-emacs.svg" class="org-svg" />
</p>
</div>
<p>
Of course this is the current workflow, where the text in red are items I <i>currently</i> use Emacs for (high percentage likelihood this will increase), and the items in blue text are ones I plan on adding to my workflow. The main thing I want from this is to ensure consistency in daily practices.
</p>
<ul class="org-ul">
<li>Org-roam bodies a huge aspect of the daily workflow, as it is a second brain where all information is stored.</li>
<li>Learning elisp is primarily done in the scratch buffer and through projects.</li>
<li>Java/Python IDE for when I'm leetcoding or doing any arbitrary project.</li>
<li>Text editing mainly relates to config files for the arch setup.</li>
<li>Org-agenda (more on this <a href="org-agenda-usage.html">here</a>).</li>
<li>Org-publish: see <a href="../../../setup.html">setup</a>.</li>
</ul>
</div>
<div id="postamble" class="status">
<footer>
<div class="copyright-container">
<div class="copyright">
Copyright &copy; 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
<div class="generated">
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.1 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
</div>
</footer>
</div>
</body>
</html>

12
output/blogs/2025/08/zettelkasten.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Zettelkasten Method</title>
@@ -23,13 +23,13 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:17</div>
<div id="updated">Updated: 2025-08-08 Fri 20:32</div>
</div>
<div id="content" class="content">
<h1 class="title">Zettelkasten Method</h1>
<div id="outline-container-org434d74e" class="outline-2">
<h2 id="org434d74e">The Zettelkasten Method</h2>
<div class="outline-text-2" id="text-org434d74e">
<div id="outline-container-orgb0de609" class="outline-2">
<h2 id="orgb0de609">The Zettelkasten Method</h2>
<div class="outline-text-2" id="text-orgb0de609">
<p>
This Zettelkasten method is growing in popularity for taking notes. Ever felt as though there's too much pieces of information but you don't know how to deal with it? This method solves exactly that problem and more. Think of it as forming a <i>second brain</i>, where you can jot down ideas and information whilst simultaneously being able to connect them together.
</p>
@@ -53,7 +53,7 @@ There are many personal knowledge management systems' (PKMS) out there that allo
</p>
<div id="org96a1a52" class="figure">
<div id="orgd636141" class="figure">
<p><img src="../../../assets/org-roam-ui-graph.png" alt="org-roam-ui-graph.png" />
</p>
</div>

10
output/blogs/blogs-intro.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Blogs Introduction</title>
@@ -23,13 +23,13 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 17:31</div>
<div id="updated">Updated: 2025-08-08 Fri 20:31</div>
</div>
<div id="content" class="content">
<h1 class="title">Blogs Introduction</h1>
<div id="outline-container-orgf4b7d50" class="outline-2">
<h2 id="orgf4b7d50">Introduction</h2>
<div class="outline-text-2" id="text-orgf4b7d50">
<div id="outline-container-org319c653" class="outline-2">
<h2 id="org319c653">Introduction</h2>
<div class="outline-text-2" id="text-org319c653">
<p>
In this section you will find posts that are not as <i>structured</i> as the ones found in <a href="../posts/posts-list.html">here</a>. Mainly these will deal with findings, research, assorted writings and random bits and blobs.
</p>

16
output/blogs/blogs-list.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Blogs List</title>
@@ -23,19 +23,21 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<h1 class="title">Blogs List</h1>
<p>
See the categories: <a href="../categories.html">Categories</a>
</p>
<div id="outline-container-orgd8a5189" class="outline-2">
<h2 id="orgd8a5189">Blogs:</h2>
<div class="outline-text-2" id="text-orgd8a5189">
<div id="outline-container-org0557295" class="outline-2">
<h2 id="org0557295">Blogs:</h2>
<div class="outline-text-2" id="text-org0557295">
<ul class="org-ul">
<li><a href="2025/08/zettelkasten.html">Zettelkasten Method</a> <span class="post-date">2025-08-05</span> <span class="post-tag">education</span></li>
<li><a href="blogs-intro.html">Blogs Introduction</a> <span class="post-date">2025-08-08</span> <span class="post-tag">introduction</span></li>
<li><a href="2025/08/wacom-with-arch.html">Wacom With Arch</a> <span class="post-date">2025-08-08</span> <span class="post-tag">insights</span></li>
<li><a href="2025/08/what-do-i-want-to-do-with-emacs.html">What Do I Want To Do With Emacs</a> <span class="post-date">2025-08-08</span> <span class="post-tag">emacs</span> <span class="post-tag">review</span></li>
<li><a href="2025/08/zettelkasten.html">Zettelkasten Method</a> <span class="post-date">2025-08-07</span> <span class="post-tag">education</span></li>
<li><a href="blogs-intro.html">Blogs Introduction</a> <span class="post-date">2025-08-06</span> <span class="post-tag">introduction</span></li>
</ul>
</div>
</div>

13
output/categories.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Categories</title>
@@ -23,15 +23,18 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-orgd8c8b5e" class="outline-2">
<h2 id="orgd8c8b5e">Categories (Includes both blogs and posts)</h2>
<div class="outline-text-2" id="text-orgd8c8b5e">
<div id="outline-container-orga88db05" class="outline-2">
<h2 id="orga88db05">Categories (Includes both blogs and posts)</h2>
<div class="outline-text-2" id="text-orga88db05">
<ul class="org-ul">
<li><a href="tags/education.html"><span class="post-tag">education</span></a> (1)</li>
<li><a href="tags/emacs.html"><span class="post-tag">emacs</span></a> (1)</li>
<li><a href="tags/insights.html"><span class="post-tag">insights</span></a> (1)</li>
<li><a href="tags/introduction.html"><span class="post-tag">introduction</span></a> (2)</li>
<li><a href="tags/review.html"><span class="post-tag">review</span></a> (1)</li>
</ul>
</div>
</div>

8
output/contact.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Contact</title>
@@ -27,9 +27,9 @@
</div>
<div id="content" class="content">
<h1 class="title">Contact</h1>
<div id="outline-container-org39f3b2e" class="outline-2">
<h2 id="org39f3b2e">Contact Using the Following:</h2>
<div class="outline-text-2" id="text-org39f3b2e">
<div id="outline-container-orgd37b06a" class="outline-2">
<h2 id="orgd37b06a">Contact Using the Following:</h2>
<div class="outline-text-2" id="text-orgd37b06a">
<p>
&gt; LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b>
</p>

20
output/index.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Home Page</title>
@@ -26,9 +26,9 @@
<div id="updated">Updated: 2025-08-08 Fri 16:09</div>
</div>
<div id="content" class="content">
<div id="outline-container-org32f5262" class="outline-2">
<h2 id="org32f5262">Welcome! 🌱</h2>
<div class="outline-text-2" id="text-org32f5262">
<div id="outline-container-orgd14d093" class="outline-2">
<h2 id="orgd14d093">Welcome! 🌱</h2>
<div class="outline-text-2" id="text-orgd14d093">
<p>
This is a website built using Emacs Org-mode and published using <code>org-publish</code>.
</p>
@@ -46,9 +46,9 @@ Feel free to explore:
</ul>
</div>
</div>
<div id="outline-container-org638b1c3" class="outline-2">
<h2 id="org638b1c3">How to publish web pages using <code>org-publish</code></h2>
<div class="outline-text-2" id="text-org638b1c3">
<div id="outline-container-org165e08b" class="outline-2">
<h2 id="org165e08b">How to publish web pages using <code>org-publish</code></h2>
<div class="outline-text-2" id="text-org165e08b">
<p>
This website is heavily inspired by some people who have decided to use <code>org-publish</code> as a way to convert <code>org</code> files into <code>html</code>. I came across a few that took the plunge and decided to migrate from platforms like Wordpress and instead opted for a more transparent, text-based workflow.
</p>
@@ -142,9 +142,9 @@ And there we go! The files are now being hosted on <code>http://localhost:8000/<
</p>
</div>
</div>
<div id="outline-container-org5e07529" class="outline-2">
<h2 id="org5e07529">Contact</h2>
<div class="outline-text-2" id="text-org5e07529">
<div id="outline-container-org34c8abf" class="outline-2">
<h2 id="org34c8abf">Contact</h2>
<div class="outline-text-2" id="text-org34c8abf">
<p>
Feel free to reach out on GitHub: <a href="https://github.com/zainezq">https://github.com/zainezq</a>
</p>

18
output/posts.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Posts</title>
@@ -28,18 +28,18 @@
</div>
<div id="content" class="content">
<h1 class="title">Posts</h1>
<div id="outline-container-org7dddfed" class="outline-2">
<h2 id="org7dddfed">Links</h2>
<div class="outline-text-2" id="text-org7dddfed">
<div id="outline-container-org746445b" class="outline-2">
<h2 id="org746445b">Links</h2>
<div class="outline-text-2" id="text-org746445b">
</div>
<div id="outline-container-org9f85092" class="outline-4">
<h4 id="org9f85092"><a href="posts/posts-intro.html">Posts Introduction</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="intro">intro</span></span></h4>
<div id="outline-container-orgf456d8c" class="outline-4">
<h4 id="orgf456d8c"><a href="posts/posts-intro.html">Posts Introduction</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="intro">intro</span></span></h4>
</div>
<div id="outline-container-org0d9486e" class="outline-4">
<h4 id="org0d9486e"><a href="posts/zettelkasten.html">Zettelkasten Method</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="education">education</span></span></h4>
<div class="outline-text-4" id="text-org0d9486e">
<div id="outline-container-org3e5db05" class="outline-4">
<h4 id="org3e5db05"><a href="posts/zettelkasten.html">Zettelkasten Method</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="education">education</span></span></h4>
<div class="outline-text-4" id="text-org3e5db05">
<p>
<span class="timestamp-wrapper"><span class="timestamp">&lt;2025-08-06 Wed&gt;</span></span>
</p>

8
output/posts/posts-intro.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Posts Introduction</title>
@@ -27,9 +27,9 @@
</div>
<div id="content" class="content">
<h1 class="title">Posts Introduction</h1>
<div id="outline-container-org7fe7ae0" class="outline-2">
<h2 id="org7fe7ae0">Introduction</h2>
<div class="outline-text-2" id="text-org7fe7ae0">
<div id="outline-container-org0f67e22" class="outline-2">
<h2 id="org0f67e22">Introduction</h2>
<div class="outline-text-2" id="text-org0f67e22">
<p>
In this section you will find posts related to both technical and non-technical topics. As Einstein said: “If you can’t explain it simply you don’t understand it well enough”, thus the goal with these <code>posts</code> is to develop the skill of being able to deliver habitual high quality explanations as well as reinforcing the topic(s) learnt.
</p>

10
output/posts/posts-list.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Posts List</title>
@@ -23,16 +23,16 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<h1 class="title">Posts List</h1>
<p>
See the categories: <a href="../categories.html">Categories</a>
</p>
<div id="outline-container-org385b7f7" class="outline-2">
<h2 id="org385b7f7">Posts:</h2>
<div class="outline-text-2" id="text-org385b7f7">
<div id="outline-container-org8300f0c" class="outline-2">
<h2 id="org8300f0c">Posts:</h2>
<div class="outline-text-2" id="text-org8300f0c">
<ul class="org-ul">
<li><a href="posts-intro.html">Posts Introduction</a> <span class="post-date">2025-08-06</span> <span class="post-tag">introduction</span></li>
</ul>

26
output/setup.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Setup</title>
@@ -23,13 +23,13 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 20:25</div>
</div>
<div id="content" class="content">
<h1 class="title">Setup</h1>
<div id="outline-container-orga729cc8" class="outline-2">
<h2 id="orga729cc8">Introduction</h2>
<div class="outline-text-2" id="text-orga729cc8">
<div id="outline-container-org155ef79" class="outline-2">
<h2 id="org155ef79">Introduction</h2>
<div class="outline-text-2" id="text-org155ef79">
<p>
This page will highlight the <code>build-script.el</code> used to generate this website. This entire website is generated through org files using the command:
</p>
@@ -40,13 +40,17 @@ This page will highlight the <code>build-script.el</code> used to generate this
</div>
</div>
</div>
<div id="outline-container-org6bbc685" class="outline-2">
<h2 id="org6bbc685">The script</h2>
<div class="outline-text-2" id="text-org6bbc685">
<div id="outline-container-org7ee8845" class="outline-2">
<h2 id="org7ee8845">The script</h2>
<div class="outline-text-2" id="text-org7ee8845">
<p>
The script is as follows, at the start I have some metadata relating to the file, followed by package management,then the declaration of variables/functions and finally the <code>org-publish-project-alist</code> which handles nearly all of the project generation instructions.
</p>
<p>
<i>The following code snippet will probably change often, as I can never seem to stick to a single configuration 😀</i>
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp">
<span class="org-comment-delimiter">;;; </span><span class="org-comment">build-site.el --- Publish my website using org-publish -*- lexical-binding: t; -*-
@@ -402,9 +406,9 @@ Created with %c on &lt;a href=\"https://www.archlinux.org/\"&gt;Arch&lt;/a&gt; &
</div>
</div>
</div>
<div id="outline-container-org36c15bb" class="outline-2">
<h2 id="org36c15bb">Publish Script</h2>
<div class="outline-text-2" id="text-org36c15bb">
<div id="outline-container-org34b477e" class="outline-2">
<h2 id="org34b477e">Publish Script</h2>
<div class="outline-text-2" id="text-org34b477e">
<p>
As the project is hosted on Github, I have created a small script that is able to push changes to the remote repository, which Cloudflare will automatically detect and rebuild the website:
</p>

11
output/sitemap.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sitemap</title>
@@ -23,17 +23,17 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<h1 class="title">Sitemap</h1>
<ul class="org-ul">
<li><a href="about.html">About Page</a></li>
<li><a href="index.html">Home Page</a></li>
<li><a href="posts.html">Posts</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="categories.html">Categories</a></li>
<li><a href="setup.html">Setup</a></li>
<li><a href="categories.html">Categories</a></li>
<li>posts
<ul class="org-ul">
<li><a href="posts/posts-intro.html">Posts Introduction</a></li>
@@ -48,6 +48,9 @@
<ul class="org-ul">
<li><a href="tags/education.html">Tag: education</a></li>
<li><a href="tags/introduction.html">Tag: introduction</a></li>
<li><a href="tags/emacs.html">Tag: emacs</a></li>
<li><a href="tags/review.html">Tag: review</a></li>
<li><a href="tags/insights.html">Tag: insights</a></li>
</ul></li>
</ul>
</div>

10
output/tags/education.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tag: education</title>
@@ -23,12 +23,12 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-org9803f4a" class="outline-2">
<h2 id="org9803f4a">Posts tagged education</h2>
<div class="outline-text-2" id="text-org9803f4a">
<div id="outline-container-orga52a228" class="outline-2">
<h2 id="orga52a228">Posts tagged education</h2>
<div class="outline-text-2" id="text-orga52a228">
<ul class="org-ul">
<li><a href="../blogs/2025/08/zettelkasten.html">Zettelkasten Method</a></li>
</ul>

49
output/tags/emacs.html Normal file
View File

@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tag: emacs</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
</head>
<body>
<div id="preamble" class="status">
<div class="banner-header">
<a href="/"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
<nav>
<a href="/">Home | </a>
<a href="/posts/posts-list.html">Posts | </a>
<a href="/blogs/blogs-list.html">Blogs | </a>
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-orgb75e158" class="outline-2">
<h2 id="orgb75e158">Posts tagged emacs</h2>
<div class="outline-text-2" id="text-orgb75e158">
<ul class="org-ul">
<li><a href="../blogs/2025/08/what-do-i-want-to-do-with-emacs.html">What Do I Want To Do With Emacs</a></li>
</ul>
</div>
</div>
</div>
<div id="postamble" class="status">
<footer>
<div class="copyright-container">
<div class="copyright">
Copyright &copy; 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
<div class="generated">
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.1 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
</div>
</footer>
</div>
</body>
</html>

49
output/tags/insights.html Normal file
View File

@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tag: insights</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
</head>
<body>
<div id="preamble" class="status">
<div class="banner-header">
<a href="/"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
<nav>
<a href="/">Home | </a>
<a href="/posts/posts-list.html">Posts | </a>
<a href="/blogs/blogs-list.html">Blogs | </a>
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-org28d4de2" class="outline-2">
<h2 id="org28d4de2">Posts tagged insights</h2>
<div class="outline-text-2" id="text-org28d4de2">
<ul class="org-ul">
<li><a href="../blogs/2025/08/wacom-with-arch.html">Wacom With Arch</a></li>
</ul>
</div>
</div>
</div>
<div id="postamble" class="status">
<footer>
<div class="copyright-container">
<div class="copyright">
Copyright &copy; 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
<div class="generated">
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.1 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
</div>
</footer>
</div>
</body>
</html>

10
output/tags/introduction.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 18:26 -->
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tag: introduction</title>
@@ -23,12 +23,12 @@
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 18:26</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-org5426831" class="outline-2">
<h2 id="org5426831">Posts tagged introduction</h2>
<div class="outline-text-2" id="text-org5426831">
<div id="outline-container-org9474537" class="outline-2">
<h2 id="org9474537">Posts tagged introduction</h2>
<div class="outline-text-2" id="text-org9474537">
<ul class="org-ul">
<li><a href="../blogs/blogs-intro.html">Blogs Introduction</a></li>
<li><a href="../posts/posts-intro.html">Posts Introduction</a></li>

49
output/tags/review.html Normal file
View File

@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2025-08-08 Fri 21:06 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tag: review</title>
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" href="/assets/style.css" /> <script src="/assets/script.js" defer></script>
</head>
<body>
<div id="preamble" class="status">
<div class="banner-header">
<a href="/"> <img src="/assets/gr.png" alt="Site Logo" class="banner-logo" /> </a>
<nav>
<a href="/">Home | </a>
<a href="/posts/posts-list.html">Posts | </a>
<a href="/blogs/blogs-list.html">Blogs | </a>
<a href="/contact.html">Contact</a>
</nav>
</div>
<div id="updated">Updated: 2025-08-08 Fri 21:06</div>
</div>
<div id="content" class="content">
<div id="outline-container-org332641d" class="outline-2">
<h2 id="org332641d">Posts tagged review</h2>
<div class="outline-text-2" id="text-org332641d">
<ul class="org-ul">
<li><a href="../blogs/2025/08/what-do-i-want-to-do-with-emacs.html">What Do I Want To Do With Emacs</a></li>
</ul>
</div>
</div>
</div>
<div id="postamble" class="status">
<footer>
<div class="copyright-container">
<div class="copyright">
Copyright &copy; 2022-2025 Zaine Qayyum. All rights reserved unless otherwise noted.</div></div>
<div class="generated">
Created with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 30.1 (<a href="https://orgmode.org">Org</a> mode 9.7.11) on <a href="https://www.archlinux.org/">Arch</a> <a href="https://www.gnu.org">GNU</a>/<a href="https://www.kernel.org/">Linux</a>
</div>
</footer>
</div>
</body>
</html>