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

Auto-publish on Wed 6 Aug 22:52:46 BST 2025

Browse Source
This commit is contained in:
Zaine Arch
2025-08-06 22:52:46 +01:00
parent 97195ed6ee
commit 4cfadcb225
11 changed files with 345 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
output/about.html
View File

@@ -15,7 +15,7 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 19:16</div> <div id="updated">Updated: 2025-08-06 Wed 19:16</div>
@@ -26,30 +26,30 @@
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc"> <div id="text-table-of-contents" role="doc-toc">
<ul> <ul>
<li><a href="#org888323b">About Me 👋</a></li> <li><a href="#org547a59a">About Me 👋</a></li>
<li><a href="#orgcae7033">Interests</a></li> <li><a href="#orgbb03d54">Interests</a></li>
<li><a href="#org0d97d11">Interests</a></li> <li><a href="#org4dd0252">Interests</a></li>
<li><a href="#org8a60793">Interests</a></li> <li><a href="#org1bc8b5e">Interests</a></li>
<li><a href="#orgfbd34d0">Interests</a></li> <li><a href="#org43564dd">Interests</a></li>
<li><a href="#org4268459">Interests</a></li> <li><a href="#org810565b">Interests</a></li>
<li><a href="#orgc1d1f07">Interests</a></li> <li><a href="#org5853062">Interests</a></li>
<li><a href="#org052f0b4">Interests</a></li> <li><a href="#orgd08bb34">Interests</a></li>
<li><a href="#org03fcf1c">Interests</a></li> <li><a href="#org6e951fd">Interests</a></li>
<li><a href="#orgf6ad50c">Interests</a></li> <li><a href="#orge7a441d">Interests</a></li>
<li><a href="#org8451fbb">Interests</a></li> <li><a href="#org3ec0d91">Interests</a></li>
<li><a href="#org5717ec5">Interests</a></li> <li><a href="#org69c0add">Interests</a></li>
<li><a href="#orgd29f821">Interests</a></li> <li><a href="#org7efdfb1">Interests</a></li>
<li><a href="#org34f3bda">Interests</a></li> <li><a href="#org969143e">Interests</a></li>
<li><a href="#org1bc0895">Interests</a></li> <li><a href="#org12ef0d4">Interests</a></li>
<li><a href="#org59001d9">Interests</a></li> <li><a href="#orgb07db2e">Interests</a></li>
<li><a href="#org05ff6bf">Interests</a></li> <li><a href="#org1231f1d">Interests</a></li>
<li><a href="#orge49945e">Back to Home</a></li> <li><a href="#orgeb6f55b">Back to Home</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org888323b" class="outline-2"> <div id="outline-container-org547a59a" class="outline-2">
<h2 id="org888323b">About Me 👋</h2> <h2 id="org547a59a">About Me 👋</h2>
<div class="outline-text-2" id="text-org888323b"> <div class="outline-text-2" id="text-org547a59a">
<p> <p>
I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudflare Pages</b>. I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudflare Pages</b>.
</p> </p>
@@ -59,9 +59,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-orgcae7033" class="outline-2"> <div id="outline-container-orgbb03d54" class="outline-2">
<h2 id="orgcae7033">Interests</h2> <h2 id="orgbb03d54">Interests</h2>
<div class="outline-text-2" id="text-orgcae7033"> <div class="outline-text-2" id="text-orgbb03d54">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -70,9 +70,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org0d97d11" class="outline-2"> <div id="outline-container-org4dd0252" class="outline-2">
<h2 id="org0d97d11">Interests</h2> <h2 id="org4dd0252">Interests</h2>
<div class="outline-text-2" id="text-org0d97d11"> <div class="outline-text-2" id="text-org4dd0252">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -81,9 +81,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org8a60793" class="outline-2"> <div id="outline-container-org1bc8b5e" class="outline-2">
<h2 id="org8a60793">Interests</h2> <h2 id="org1bc8b5e">Interests</h2>
<div class="outline-text-2" id="text-org8a60793"> <div class="outline-text-2" id="text-org1bc8b5e">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -92,9 +92,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orgfbd34d0" class="outline-2"> <div id="outline-container-org43564dd" class="outline-2">
<h2 id="orgfbd34d0">Interests</h2> <h2 id="org43564dd">Interests</h2>
<div class="outline-text-2" id="text-orgfbd34d0"> <div class="outline-text-2" id="text-org43564dd">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -103,9 +103,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org4268459" class="outline-2"> <div id="outline-container-org810565b" class="outline-2">
<h2 id="org4268459">Interests</h2> <h2 id="org810565b">Interests</h2>
<div class="outline-text-2" id="text-org4268459"> <div class="outline-text-2" id="text-org810565b">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -114,9 +114,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orgc1d1f07" class="outline-2"> <div id="outline-container-org5853062" class="outline-2">
<h2 id="orgc1d1f07">Interests</h2> <h2 id="org5853062">Interests</h2>
<div class="outline-text-2" id="text-orgc1d1f07"> <div class="outline-text-2" id="text-org5853062">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -125,9 +125,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org052f0b4" class="outline-2"> <div id="outline-container-orgd08bb34" class="outline-2">
<h2 id="org052f0b4">Interests</h2> <h2 id="orgd08bb34">Interests</h2>
<div class="outline-text-2" id="text-org052f0b4"> <div class="outline-text-2" id="text-orgd08bb34">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -136,9 +136,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org03fcf1c" class="outline-2"> <div id="outline-container-org6e951fd" class="outline-2">
<h2 id="org03fcf1c">Interests</h2> <h2 id="org6e951fd">Interests</h2>
<div class="outline-text-2" id="text-org03fcf1c"> <div class="outline-text-2" id="text-org6e951fd">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -147,9 +147,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orgf6ad50c" class="outline-2"> <div id="outline-container-orge7a441d" class="outline-2">
<h2 id="orgf6ad50c">Interests</h2> <h2 id="orge7a441d">Interests</h2>
<div class="outline-text-2" id="text-orgf6ad50c"> <div class="outline-text-2" id="text-orge7a441d">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -158,9 +158,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org8451fbb" class="outline-2"> <div id="outline-container-org3ec0d91" class="outline-2">
<h2 id="org8451fbb">Interests</h2> <h2 id="org3ec0d91">Interests</h2>
<div class="outline-text-2" id="text-org8451fbb"> <div class="outline-text-2" id="text-org3ec0d91">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -169,9 +169,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org5717ec5" class="outline-2"> <div id="outline-container-org69c0add" class="outline-2">
<h2 id="org5717ec5">Interests</h2> <h2 id="org69c0add">Interests</h2>
<div class="outline-text-2" id="text-org5717ec5"> <div class="outline-text-2" id="text-org69c0add">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -180,9 +180,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orgd29f821" class="outline-2"> <div id="outline-container-org7efdfb1" class="outline-2">
<h2 id="orgd29f821">Interests</h2> <h2 id="org7efdfb1">Interests</h2>
<div class="outline-text-2" id="text-orgd29f821"> <div class="outline-text-2" id="text-org7efdfb1">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -191,9 +191,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org34f3bda" class="outline-2"> <div id="outline-container-org969143e" class="outline-2">
<h2 id="org34f3bda">Interests</h2> <h2 id="org969143e">Interests</h2>
<div class="outline-text-2" id="text-org34f3bda"> <div class="outline-text-2" id="text-org969143e">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -202,9 +202,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org1bc0895" class="outline-2"> <div id="outline-container-org12ef0d4" class="outline-2">
<h2 id="org1bc0895">Interests</h2> <h2 id="org12ef0d4">Interests</h2>
<div class="outline-text-2" id="text-org1bc0895"> <div class="outline-text-2" id="text-org12ef0d4">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -213,9 +213,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org59001d9" class="outline-2"> <div id="outline-container-orgb07db2e" class="outline-2">
<h2 id="org59001d9">Interests</h2> <h2 id="orgb07db2e">Interests</h2>
<div class="outline-text-2" id="text-org59001d9"> <div class="outline-text-2" id="text-orgb07db2e">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -224,9 +224,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-org05ff6bf" class="outline-2"> <div id="outline-container-org1231f1d" class="outline-2">
<h2 id="org05ff6bf">Interests</h2> <h2 id="org1231f1d">Interests</h2>
<div class="outline-text-2" id="text-org05ff6bf"> <div class="outline-text-2" id="text-org1231f1d">
<ul class="org-ul"> <ul class="org-ul">
<li>Linux</li> <li>Linux</li>
<li>Open source</li> <li>Open source</li>
@@ -235,8 +235,8 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orge49945e" class="outline-2"> <div id="outline-container-orgeb6f55b" class="outline-2">
<h2 id="orge49945e">Back to <a href="index.html">Home</a></h2> <h2 id="orgeb6f55b">Back to <a href="index.html">Home</a></h2>
</div> </div>
</div> </div>
<div id="postamble" class="status"> <div id="postamble" class="status">

8
output/contact.html
View File

@@ -15,16 +15,16 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 20:58</div> <div id="updated">Updated: 2025-08-06 Wed 20:58</div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Contact</h1> <h1 class="title">Contact</h1>
<div id="outline-container-org31ae7b1" class="outline-2"> <div id="outline-container-org38d82f8" class="outline-2">
<h2 id="org31ae7b1">Contact Using the Following:</h2> <h2 id="org38d82f8">Contact Using the Following:</h2>
<div class="outline-text-2" id="text-org31ae7b1"> <div class="outline-text-2" id="text-org38d82f8">
<p> <p>
&gt; LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b> &gt; LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b>
</p> </p>

24
output/index.html
View File

@@ -15,16 +15,16 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 22:37</div> <div id="updated">Updated: 2025-08-06 Wed 22:50</div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Zaine Qayyum</h1> <h1 class="title">Zaine Qayyum</h1>
<div id="outline-container-org9a4027d" class="outline-2"> <div id="outline-container-org56334fe" class="outline-2">
<h2 id="org9a4027d">Welcome! 🌱</h2> <h2 id="org56334fe">Welcome! 🌱</h2>
<div class="outline-text-2" id="text-org9a4027d"> <div class="outline-text-2" id="text-org56334fe">
<p> <p>
This is a website built using Emacs Org-mode and published using <code>org-publish</code>. This is a website built using Emacs Org-mode and published using <code>org-publish</code>.
</p> </p>
@@ -35,13 +35,13 @@ Feel free to explore:
<ul class="org-ul"> <ul class="org-ul">
<li><a href="about.html">About Page</a></li> <li><a href="about.html">About Page</a></li>
<li><a href="posts.html">Posts page</a></li> <li><a href="posts/post-lists.html">Posts Page</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div id="outline-container-orgda3c5e5" class="outline-2"> <div id="outline-container-org2c4e688" class="outline-2">
<h2 id="orgda3c5e5">How to publish web pages using <code>org-publish</code></h2> <h2 id="org2c4e688">How to publish web pages using <code>org-publish</code></h2>
<div class="outline-text-2" id="text-orgda3c5e5"> <div class="outline-text-2" id="text-org2c4e688">
<p> <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. 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> </p>
@@ -132,9 +132,9 @@ And there we go! The files are now being hosted on <code>http://localhost:8000/<
</p> </p>
</div> </div>
</div> </div>
<div id="outline-container-org202990f" class="outline-2"> <div id="outline-container-orgd69ff2a" class="outline-2">
<h2 id="org202990f">Contact</h2> <h2 id="orgd69ff2a">Contact</h2>
<div class="outline-text-2" id="text-org202990f"> <div class="outline-text-2" id="text-orgd69ff2a">
<p> <p>
Feel free to reach out on GitHub: <a href="https://github.com/zainezq">https://github.com/zainezq</a> Feel free to reach out on GitHub: <a href="https://github.com/zainezq">https://github.com/zainezq</a>
</p> </p>

21
output/output/output/script.js Normal file
View File

@@ -0,0 +1,21 @@
// COPY BUTTON:
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("pre.src").forEach(function (block) {
const button = document.createElement("button");
button.innerText = "Copy";
button.className = "copy-btn";
// Append button inside <pre>
block.appendChild(button);
button.addEventListener("click", function () {
const text = block.innerText.replace(button.innerText, ""); // exclude button text
navigator.clipboard.writeText(text.trim()).then(() => {
button.innerText = "Copied!";
setTimeout(() => (button.innerText = "Copy"), 1500);
});
});
});
});

97
output/output/output/style.css Normal file
View File

@@ -0,0 +1,97 @@
:root {
--bg: #ffffff;
--fg: #000000;
--link: #1a0dab;
--heading: #004c99;
--code-bg: #f0f0f0;
}
body {
background-color: var(--bg);
color: var(--fg);
transition: background-color 0.3s, color 0.3s;
}
/* Headings (override org.css if needed) */
h1, h2, h3 {
color: var(--heading);
}
/* Links */
a {
color: var(--link);
}
a:hover {
text-decoration: underline;
}
/* Copy button inside code blocks */
.copy-btn {
position: absolute;
top: 0.4em;
right: 0.4em;
background-color: var(--code-bg);
color: var(--heading);
border: 1px solid var(--heading);
border-radius: 4px;
padding: 0.2em 0.6em;
font-size: 0.8rem;
cursor: pointer;
z-index: 10;
transition: background-color 0.3s;
}
.copy-btn:hover {
background-color: var(--heading);
color: var(--code-bg);
}
/* Nav styling */
nav {
border-radius: 6px;
margin-bottom: 1rem;
font-weight: 600;
font-size: 1.1rem;
}
nav a {
color: var(--link);
text-decoration: none;
font-weight: 600;
}
nav a:hover {
text-decoration: underline;
}
/* Footer styling */
footer {
color: var(--fg);
padding: 1rem;
margin-top: 2rem;
border-radius: 6px;
text-align: center;
font-size: 0.9rem;
font-style: italic;
}
#updated {
font-size: 0.8rem;
color: var(--fg);
margin-bottom: 1rem;
font-style: italic;
}
pre.src::before {
content: none !important;
}
/* Container: <pre> */
pre.src {
padding: 1.5em 1em 1em 1em; /* top padding leaves space for button */
font-family: "Fira Mono", "Courier New", monospace;
font-size: 0.9rem;
line-height: 1.4;
overflow-x: auto;
white-space: pre-wrap; /* wrap long lines */
}

21
output/output/script.js Normal file
View File

@@ -0,0 +1,21 @@
// COPY BUTTON:
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("pre.src").forEach(function (block) {
const button = document.createElement("button");
button.innerText = "Copy";
button.className = "copy-btn";
// Append button inside <pre>
block.appendChild(button);
button.addEventListener("click", function () {
const text = block.innerText.replace(button.innerText, ""); // exclude button text
navigator.clipboard.writeText(text.trim()).then(() => {
button.innerText = "Copied!";
setTimeout(() => (button.innerText = "Copy"), 1500);
});
});
});
});

97
output/output/style.css Normal file
View File

@@ -0,0 +1,97 @@
:root {
--bg: #ffffff;
--fg: #000000;
--link: #1a0dab;
--heading: #004c99;
--code-bg: #f0f0f0;
}
body {
background-color: var(--bg);
color: var(--fg);
transition: background-color 0.3s, color 0.3s;
}
/* Headings (override org.css if needed) */
h1, h2, h3 {
color: var(--heading);
}
/* Links */
a {
color: var(--link);
}
a:hover {
text-decoration: underline;
}
/* Copy button inside code blocks */
.copy-btn {
position: absolute;
top: 0.4em;
right: 0.4em;
background-color: var(--code-bg);
color: var(--heading);
border: 1px solid var(--heading);
border-radius: 4px;
padding: 0.2em 0.6em;
font-size: 0.8rem;
cursor: pointer;
z-index: 10;
transition: background-color 0.3s;
}
.copy-btn:hover {
background-color: var(--heading);
color: var(--code-bg);
}
/* Nav styling */
nav {
border-radius: 6px;
margin-bottom: 1rem;
font-weight: 600;
font-size: 1.1rem;
}
nav a {
color: var(--link);
text-decoration: none;
font-weight: 600;
}
nav a:hover {
text-decoration: underline;
}
/* Footer styling */
footer {
color: var(--fg);
padding: 1rem;
margin-top: 2rem;
border-radius: 6px;
text-align: center;
font-size: 0.9rem;
font-style: italic;
}
#updated {
font-size: 0.8rem;
color: var(--fg);
margin-bottom: 1rem;
font-style: italic;
}
pre.src::before {
content: none !important;
}
/* Container: <pre> */
pre.src {
padding: 1.5em 1em 1em 1em; /* top padding leaves space for button */
font-family: "Fira Mono", "Courier New", monospace;
font-size: 0.9rem;
line-height: 1.4;
overflow-x: auto;
white-space: pre-wrap; /* wrap long lines */
}

18
output/posts.html
View File

@@ -15,25 +15,25 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 21:03</div> <div id="updated">Updated: 2025-08-06 Wed 21:03</div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Posts</h1> <h1 class="title">Posts</h1>
<div id="outline-container-org8d2187a" class="outline-2"> <div id="outline-container-org14edd79" class="outline-2">
<h2 id="org8d2187a">Links</h2> <h2 id="org14edd79">Links</h2>
<div class="outline-text-2" id="text-org8d2187a"> <div class="outline-text-2" id="text-org14edd79">
</div> </div>
<div id="outline-container-orgb2587e0" class="outline-4"> <div id="outline-container-org992fddd" class="outline-4">
<h4 id="orgb2587e0"><a href="posts/posts-intro.html">Posts Introduction</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="intro">intro</span></span></h4> <h4 id="org992fddd"><a href="posts/posts-intro.html">Posts Introduction</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="intro">intro</span></span></h4>
</div> </div>
<div id="outline-container-org87b751f" class="outline-4"> <div id="outline-container-org256af69" class="outline-4">
<h4 id="org87b751f"><a href="posts/zettelkasten.html">Zettelkasten Method</a>&#xa0;&#xa0;&#xa0;<span class="tag"><span class="education">education</span></span></h4> <h4 id="org256af69"><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-org87b751f"> <div class="outline-text-4" id="text-org256af69">
<p> <p>
<span class="timestamp-wrapper"><span class="timestamp">&lt;2025-08-06 Wed&gt;</span></span> <span class="timestamp-wrapper"><span class="timestamp">&lt;2025-08-06 Wed&gt;</span></span>
</p> </p>

10
output/posts/post-lists.html
View File

@@ -3,10 +3,10 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<!-- 2025-08-06 Wed 22:49 --> <!-- 2025-08-06 Wed 22:52 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sitemap for project org-posts</title> <title>Posts List</title>
<meta name="generator" content="Org Mode" /> <meta name="generator" content="Org Mode" />
<link rel="stylesheet" type="text/css" href="https://gongzhitaao.org/orgcss/org.css" /> <link rel="stylesheet" type="text/css" href="https://gongzhitaao.org/orgcss/org.css" />
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/style.css" />
@@ -15,13 +15,13 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 22:49</div> <div id="updated">Updated: 2025-08-06 Wed 22:52</div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Sitemap for project org-posts</h1> <h1 class="title">Posts List</h1>
<ul class="org-ul"> <ul class="org-ul">
<li><a href="posts-intro.html">Posts Introduction</a></li> <li><a href="posts-intro.html">Posts Introduction</a></li>
<li><a href="zettelkasten.html">Zettelkasten Method</a></li> <li><a href="zettelkasten.html">Zettelkasten Method</a></li>

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

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<!-- 2025-08-06 Wed 22:49 --> <!-- 2025-08-06 Wed 22:52 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Posts Introduction</title> <title>Posts Introduction</title>
@@ -16,16 +16,16 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 21:11</div> <div id="updated">Updated: 2025-08-06 Wed 21:11</div>
</div> </div>
<div id="content" class="content"> <div id="content" class="content">
<h1 class="title">Posts Introduction</h1> <h1 class="title">Posts Introduction</h1>
<div id="outline-container-orgb040c14" class="outline-2"> <div id="outline-container-orga620f09" class="outline-2">
<h2 id="orgb040c14">Introduction</h2> <h2 id="orga620f09">Introduction</h2>
<div class="outline-text-2" id="text-orgb040c14"> <div class="outline-text-2" id="text-orga620f09">
<p> <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 learnt. 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 learnt.
</p> </p>

4
output/posts/zettelkasten.html
View File

@@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head> <head>
<!-- 2025-08-06 Wed 22:49 --> <!-- 2025-08-06 Wed 22:52 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Zettelkasten Method</title> <title>Zettelkasten Method</title>
@@ -16,7 +16,7 @@
<div id="preamble" class="status"> <div id="preamble" class="status">
<nav> <nav>
<a href="/">Home | </a> <a href="/">Home | </a>
<a href="/posts.html">Posts | </a> <a href="/posts/post-lists.html">Posts | </a>
<a href="/contact.html">Contact</a> <a href="/contact.html">Contact</a>
</nav> </nav>
<div id="updated">Updated: 2025-08-06 Wed 21:10</div> <div id="updated">Updated: 2025-08-06 Wed 21:10</div>