Auto-publish on Wed 6 Aug 22:52:46 BST 2025
This commit is contained in:
@@ -15,7 +15,7 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</nav>
|
||||
<div id="updated">Updated: 2025-08-06 Wed 19:16</div>
|
||||
@@ -26,30 +26,30 @@
|
||||
<h2>Table of Contents</h2>
|
||||
<div id="text-table-of-contents" role="doc-toc">
|
||||
<ul>
|
||||
<li><a href="#org888323b">About Me 👋</a></li>
|
||||
<li><a href="#orgcae7033">Interests</a></li>
|
||||
<li><a href="#org0d97d11">Interests</a></li>
|
||||
<li><a href="#org8a60793">Interests</a></li>
|
||||
<li><a href="#orgfbd34d0">Interests</a></li>
|
||||
<li><a href="#org4268459">Interests</a></li>
|
||||
<li><a href="#orgc1d1f07">Interests</a></li>
|
||||
<li><a href="#org052f0b4">Interests</a></li>
|
||||
<li><a href="#org03fcf1c">Interests</a></li>
|
||||
<li><a href="#orgf6ad50c">Interests</a></li>
|
||||
<li><a href="#org8451fbb">Interests</a></li>
|
||||
<li><a href="#org5717ec5">Interests</a></li>
|
||||
<li><a href="#orgd29f821">Interests</a></li>
|
||||
<li><a href="#org34f3bda">Interests</a></li>
|
||||
<li><a href="#org1bc0895">Interests</a></li>
|
||||
<li><a href="#org59001d9">Interests</a></li>
|
||||
<li><a href="#org05ff6bf">Interests</a></li>
|
||||
<li><a href="#orge49945e">Back to Home</a></li>
|
||||
<li><a href="#org547a59a">About Me 👋</a></li>
|
||||
<li><a href="#orgbb03d54">Interests</a></li>
|
||||
<li><a href="#org4dd0252">Interests</a></li>
|
||||
<li><a href="#org1bc8b5e">Interests</a></li>
|
||||
<li><a href="#org43564dd">Interests</a></li>
|
||||
<li><a href="#org810565b">Interests</a></li>
|
||||
<li><a href="#org5853062">Interests</a></li>
|
||||
<li><a href="#orgd08bb34">Interests</a></li>
|
||||
<li><a href="#org6e951fd">Interests</a></li>
|
||||
<li><a href="#orge7a441d">Interests</a></li>
|
||||
<li><a href="#org3ec0d91">Interests</a></li>
|
||||
<li><a href="#org69c0add">Interests</a></li>
|
||||
<li><a href="#org7efdfb1">Interests</a></li>
|
||||
<li><a href="#org969143e">Interests</a></li>
|
||||
<li><a href="#org12ef0d4">Interests</a></li>
|
||||
<li><a href="#orgb07db2e">Interests</a></li>
|
||||
<li><a href="#org1231f1d">Interests</a></li>
|
||||
<li><a href="#orgeb6f55b">Back to Home</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org888323b" class="outline-2">
|
||||
<h2 id="org888323b">About Me 👋</h2>
|
||||
<div class="outline-text-2" id="text-org888323b">
|
||||
<div id="outline-container-org547a59a" class="outline-2">
|
||||
<h2 id="org547a59a">About Me 👋</h2>
|
||||
<div class="outline-text-2" id="text-org547a59a">
|
||||
<p>
|
||||
I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudflare Pages</b>.
|
||||
</p>
|
||||
@@ -59,9 +59,9 @@ I'm building a personal site using <b>Emacs</b>, <b>Org-mode</b>, and <b>Cloudfl
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgcae7033" class="outline-2">
|
||||
<h2 id="orgcae7033">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgcae7033">
|
||||
<div id="outline-container-orgbb03d54" class="outline-2">
|
||||
<h2 id="orgbb03d54">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgbb03d54">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org0d97d11" class="outline-2">
|
||||
<h2 id="org0d97d11">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org0d97d11">
|
||||
<div id="outline-container-org4dd0252" class="outline-2">
|
||||
<h2 id="org4dd0252">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org4dd0252">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org8a60793" class="outline-2">
|
||||
<h2 id="org8a60793">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org8a60793">
|
||||
<div id="outline-container-org1bc8b5e" class="outline-2">
|
||||
<h2 id="org1bc8b5e">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org1bc8b5e">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgfbd34d0" class="outline-2">
|
||||
<h2 id="orgfbd34d0">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgfbd34d0">
|
||||
<div id="outline-container-org43564dd" class="outline-2">
|
||||
<h2 id="org43564dd">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org43564dd">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org4268459" class="outline-2">
|
||||
<h2 id="org4268459">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org4268459">
|
||||
<div id="outline-container-org810565b" class="outline-2">
|
||||
<h2 id="org810565b">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org810565b">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgc1d1f07" class="outline-2">
|
||||
<h2 id="orgc1d1f07">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgc1d1f07">
|
||||
<div id="outline-container-org5853062" class="outline-2">
|
||||
<h2 id="org5853062">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org5853062">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org052f0b4" class="outline-2">
|
||||
<h2 id="org052f0b4">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org052f0b4">
|
||||
<div id="outline-container-orgd08bb34" class="outline-2">
|
||||
<h2 id="orgd08bb34">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgd08bb34">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org03fcf1c" class="outline-2">
|
||||
<h2 id="org03fcf1c">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org03fcf1c">
|
||||
<div id="outline-container-org6e951fd" class="outline-2">
|
||||
<h2 id="org6e951fd">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org6e951fd">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgf6ad50c" class="outline-2">
|
||||
<h2 id="orgf6ad50c">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgf6ad50c">
|
||||
<div id="outline-container-orge7a441d" class="outline-2">
|
||||
<h2 id="orge7a441d">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orge7a441d">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org8451fbb" class="outline-2">
|
||||
<h2 id="org8451fbb">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org8451fbb">
|
||||
<div id="outline-container-org3ec0d91" class="outline-2">
|
||||
<h2 id="org3ec0d91">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org3ec0d91">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org5717ec5" class="outline-2">
|
||||
<h2 id="org5717ec5">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org5717ec5">
|
||||
<div id="outline-container-org69c0add" class="outline-2">
|
||||
<h2 id="org69c0add">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org69c0add">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgd29f821" class="outline-2">
|
||||
<h2 id="orgd29f821">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgd29f821">
|
||||
<div id="outline-container-org7efdfb1" class="outline-2">
|
||||
<h2 id="org7efdfb1">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org7efdfb1">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org34f3bda" class="outline-2">
|
||||
<h2 id="org34f3bda">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org34f3bda">
|
||||
<div id="outline-container-org969143e" class="outline-2">
|
||||
<h2 id="org969143e">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org969143e">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org1bc0895" class="outline-2">
|
||||
<h2 id="org1bc0895">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org1bc0895">
|
||||
<div id="outline-container-org12ef0d4" class="outline-2">
|
||||
<h2 id="org12ef0d4">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org12ef0d4">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org59001d9" class="outline-2">
|
||||
<h2 id="org59001d9">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org59001d9">
|
||||
<div id="outline-container-orgb07db2e" class="outline-2">
|
||||
<h2 id="orgb07db2e">Interests</h2>
|
||||
<div class="outline-text-2" id="text-orgb07db2e">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org05ff6bf" class="outline-2">
|
||||
<h2 id="org05ff6bf">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org05ff6bf">
|
||||
<div id="outline-container-org1231f1d" class="outline-2">
|
||||
<h2 id="org1231f1d">Interests</h2>
|
||||
<div class="outline-text-2" id="text-org1231f1d">
|
||||
<ul class="org-ul">
|
||||
<li>Linux</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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orge49945e" class="outline-2">
|
||||
<h2 id="orge49945e">Back to <a href="index.html">Home</a></h2>
|
||||
<div id="outline-container-orgeb6f55b" class="outline-2">
|
||||
<h2 id="orgeb6f55b">Back to <a href="index.html">Home</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div id="postamble" class="status">
|
||||
|
||||
@@ -15,16 +15,16 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</nav>
|
||||
<div id="updated">Updated: 2025-08-06 Wed 20:58</div>
|
||||
</div>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title">Contact</h1>
|
||||
<div id="outline-container-org31ae7b1" class="outline-2">
|
||||
<h2 id="org31ae7b1">Contact Using the Following:</h2>
|
||||
<div class="outline-text-2" id="text-org31ae7b1">
|
||||
<div id="outline-container-org38d82f8" class="outline-2">
|
||||
<h2 id="org38d82f8">Contact Using the Following:</h2>
|
||||
<div class="outline-text-2" id="text-org38d82f8">
|
||||
<p>
|
||||
> LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b>
|
||||
</p>
|
||||
|
||||
@@ -15,16 +15,16 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</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 id="content" class="content">
|
||||
<h1 class="title">Zaine Qayyum</h1>
|
||||
<div id="outline-container-org9a4027d" class="outline-2">
|
||||
<h2 id="org9a4027d">Welcome! 🌱</h2>
|
||||
<div class="outline-text-2" id="text-org9a4027d">
|
||||
<div id="outline-container-org56334fe" class="outline-2">
|
||||
<h2 id="org56334fe">Welcome! 🌱</h2>
|
||||
<div class="outline-text-2" id="text-org56334fe">
|
||||
<p>
|
||||
This is a website built using Emacs Org-mode and published using <code>org-publish</code>.
|
||||
</p>
|
||||
@@ -35,13 +35,13 @@ Feel free to explore:
|
||||
|
||||
<ul class="org-ul">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-orgda3c5e5" class="outline-2">
|
||||
<h2 id="orgda3c5e5">How to publish web pages using <code>org-publish</code></h2>
|
||||
<div class="outline-text-2" id="text-orgda3c5e5">
|
||||
<div id="outline-container-org2c4e688" class="outline-2">
|
||||
<h2 id="org2c4e688">How to publish web pages using <code>org-publish</code></h2>
|
||||
<div class="outline-text-2" id="text-org2c4e688">
|
||||
<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>
|
||||
@@ -132,9 +132,9 @@ And there we go! The files are now being hosted on <code>http://localhost:8000/<
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="outline-container-org202990f" class="outline-2">
|
||||
<h2 id="org202990f">Contact</h2>
|
||||
<div class="outline-text-2" id="text-org202990f">
|
||||
<div id="outline-container-orgd69ff2a" class="outline-2">
|
||||
<h2 id="orgd69ff2a">Contact</h2>
|
||||
<div class="outline-text-2" id="text-orgd69ff2a">
|
||||
<p>
|
||||
Feel free to reach out on GitHub: <a href="https://github.com/zainezq">https://github.com/zainezq</a>
|
||||
</p>
|
||||
|
||||
21
output/output/output/script.js
Normal file
21
output/output/output/script.js
Normal 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
97
output/output/output/style.css
Normal 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
21
output/output/script.js
Normal 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
97
output/output/style.css
Normal 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 */
|
||||
|
||||
}
|
||||
@@ -15,25 +15,25 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</nav>
|
||||
<div id="updated">Updated: 2025-08-06 Wed 21:03</div>
|
||||
</div>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title">Posts</h1>
|
||||
<div id="outline-container-org8d2187a" class="outline-2">
|
||||
<h2 id="org8d2187a">Links</h2>
|
||||
<div class="outline-text-2" id="text-org8d2187a">
|
||||
<div id="outline-container-org14edd79" class="outline-2">
|
||||
<h2 id="org14edd79">Links</h2>
|
||||
<div class="outline-text-2" id="text-org14edd79">
|
||||
</div>
|
||||
<div id="outline-container-orgb2587e0" class="outline-4">
|
||||
<h4 id="orgb2587e0"><a href="posts/posts-intro.html">Posts Introduction</a>   <span class="tag"><span class="intro">intro</span></span></h4>
|
||||
<div id="outline-container-org992fddd" class="outline-4">
|
||||
<h4 id="org992fddd"><a href="posts/posts-intro.html">Posts Introduction</a>   <span class="tag"><span class="intro">intro</span></span></h4>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="outline-container-org87b751f" class="outline-4">
|
||||
<h4 id="org87b751f"><a href="posts/zettelkasten.html">Zettelkasten Method</a>   <span class="tag"><span class="education">education</span></span></h4>
|
||||
<div class="outline-text-4" id="text-org87b751f">
|
||||
<div id="outline-container-org256af69" class="outline-4">
|
||||
<h4 id="org256af69"><a href="posts/zettelkasten.html">Zettelkasten Method</a>   <span class="tag"><span class="education">education</span></span></h4>
|
||||
<div class="outline-text-4" id="text-org256af69">
|
||||
<p>
|
||||
<span class="timestamp-wrapper"><span class="timestamp"><2025-08-06 Wed></span></span>
|
||||
</p>
|
||||
|
||||
@@ -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-06 Wed 22:49 -->
|
||||
<!-- 2025-08-06 Wed 22:52 -->
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||
<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" />
|
||||
<link rel="stylesheet" type="text/css" href="https://gongzhitaao.org/orgcss/org.css" />
|
||||
<link rel="stylesheet" href="/style.css" />
|
||||
@@ -15,13 +15,13 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</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 id="content" class="content">
|
||||
<h1 class="title">Sitemap for project org-posts</h1>
|
||||
<h1 class="title">Posts List</h1>
|
||||
<ul class="org-ul">
|
||||
<li><a href="posts-intro.html">Posts Introduction</a></li>
|
||||
<li><a href="zettelkasten.html">Zettelkasten Method</a></li>
|
||||
|
||||
@@ -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-06 Wed 22:49 -->
|
||||
<!-- 2025-08-06 Wed 22:52 -->
|
||||
<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>
|
||||
@@ -16,16 +16,16 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</nav>
|
||||
<div id="updated">Updated: 2025-08-06 Wed 21:11</div>
|
||||
</div>
|
||||
<div id="content" class="content">
|
||||
<h1 class="title">Posts Introduction</h1>
|
||||
<div id="outline-container-orgb040c14" class="outline-2">
|
||||
<h2 id="orgb040c14">Introduction</h2>
|
||||
<div class="outline-text-2" id="text-orgb040c14">
|
||||
<div id="outline-container-orga620f09" class="outline-2">
|
||||
<h2 id="orga620f09">Introduction</h2>
|
||||
<div class="outline-text-2" id="text-orga620f09">
|
||||
<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.
|
||||
</p>
|
||||
|
||||
@@ -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-06 Wed 22:49 -->
|
||||
<!-- 2025-08-06 Wed 22:52 -->
|
||||
<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>
|
||||
@@ -16,7 +16,7 @@
|
||||
<div id="preamble" class="status">
|
||||
<nav>
|
||||
<a href="/">Home | </a>
|
||||
<a href="/posts.html">Posts | </a>
|
||||
<a href="/posts/post-lists.html">Posts | </a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
</nav>
|
||||
<div id="updated">Updated: 2025-08-06 Wed 21:10</div>
|
||||
|
||||
Reference in New Issue
Block a user