Auto-publish on Sun 10 Aug 22:28:35 BST 2025
This commit is contained in:
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>About Page</title>
|
<title>About Page</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -212,9 +217,9 @@
|
|||||||
<div id="updated">Updated: 2025-08-08 Fri 23:07</div>
|
<div id="updated">Updated: 2025-08-08 Fri 23:07</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org8650b5e" class="outline-2">
|
<div id="outline-container-org9cdf9fc" class="outline-2">
|
||||||
<h2 id="org8650b5e">About</h2>
|
<h2 id="org9cdf9fc">About</h2>
|
||||||
<div class="outline-text-2" id="text-org8650b5e">
|
<div class="outline-text-2" id="text-org9cdf9fc">
|
||||||
<p>
|
<p>
|
||||||
TODO
|
TODO
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
1
output/assets/scripts/bigger-picture.min.js
vendored
Normal file
1
output/assets/scripts/bigger-picture.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
138
output/assets/scripts/gallery-init.js
Normal file
138
output/assets/scripts/gallery-init.js
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
if (typeof window.BiggerPicture !== 'function') {
|
||||||
|
console.error('[gallery-init] BiggerPicture not found. Check script path.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1) Wrap Org-exported images so they’re clickable
|
||||||
|
const imgs = document.querySelectorAll('.figure img, img.org-svg');
|
||||||
|
imgs.forEach((img) => {
|
||||||
|
if (img.closest('a')) return; // already wrapped
|
||||||
|
const a = document.createElement('a');
|
||||||
|
const href = img.currentSrc || img.src;
|
||||||
|
a.href = href;
|
||||||
|
a.dataset.img = href; // lets BP pre-size/raster slides
|
||||||
|
a.dataset.alt = img.alt || '';
|
||||||
|
const setDims = () => {
|
||||||
|
a.dataset.width = img.naturalWidth || img.width || 1920;
|
||||||
|
a.dataset.height = img.naturalHeight || img.height || 1080;
|
||||||
|
};
|
||||||
|
if (img.complete) setDims(); else img.addEventListener('load', setDims);
|
||||||
|
img.style.cursor = 'zoom-in';
|
||||||
|
img.parentElement.insertBefore(a, img);
|
||||||
|
a.appendChild(img);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 2) One global BP instance
|
||||||
|
const bp = BiggerPicture({ target: document.body });
|
||||||
|
|
||||||
|
// SVG pan/zoom handle
|
||||||
|
let activePanZoom = null;
|
||||||
|
const destroyPanZoom = () => { try { activePanZoom?.destroy(); } catch(_){} activePanZoom = null; };
|
||||||
|
|
||||||
|
// 3) Build galleries per content container
|
||||||
|
const containers = document.querySelectorAll('main, article, .content, body');
|
||||||
|
containers.forEach((container) => {
|
||||||
|
const links = Array.from(container.querySelectorAll('.figure a, a:has(img.org-svg)'));
|
||||||
|
if (!links.length) return;
|
||||||
|
|
||||||
|
// Start the lightbox on click
|
||||||
|
links.forEach((link, index) => {
|
||||||
|
link.addEventListener('click', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
document.querySelectorAll(".theme-toggle").forEach(el => {
|
||||||
|
el.classList.add("hidden");
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
bp.open({
|
||||||
|
// IMPORTANT: pass the anchor ELEMENTS, not custom objects
|
||||||
|
items: links,
|
||||||
|
el: link,
|
||||||
|
caption: (el) => el.querySelector('img')?.alt || el.title || '',
|
||||||
|
maxZoom: 40, // for raster images (PNG/JPG); SVG handled separately
|
||||||
|
|
||||||
|
// Fade-out polish + cleanup
|
||||||
|
onClose(containerEl) {
|
||||||
|
destroyPanZoom();
|
||||||
|
if (containerEl) containerEl.classList.add('bp-fadeout');
|
||||||
|
const themeToggle = document.querySelector(".theme-toggle");
|
||||||
|
if (themeToggle) {
|
||||||
|
themeToggle.classList.remove("hidden");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// Called once after open and on every slide change
|
||||||
|
onOpen(containerEl) { enhanceSVG(containerEl); },
|
||||||
|
onUpdate(containerEl){ enhanceSVG(containerEl); }
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 4) If current slide is an SVG, swap to inline + enable svg-pan-zoom
|
||||||
|
async function enhanceSVG(containerEl) {
|
||||||
|
try {
|
||||||
|
destroyPanZoom();
|
||||||
|
|
||||||
|
const imgEl = containerEl.querySelector('.bp-img img');
|
||||||
|
if (!imgEl) return;
|
||||||
|
|
||||||
|
const src = imgEl.currentSrc || imgEl.src || '';
|
||||||
|
const isSVG = src.toLowerCase().endsWith('.svg');
|
||||||
|
const htmlLayer = containerEl.querySelector('.bp-html');
|
||||||
|
if (!isSVG || !htmlLayer) {
|
||||||
|
// ensure any previous holder is removed and bitmap is visible
|
||||||
|
const old = htmlLayer?.querySelector('.bp-svg-holder');
|
||||||
|
if (old) old.remove();
|
||||||
|
imgEl.style.visibility = '';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create/clear holder
|
||||||
|
let holder = htmlLayer.querySelector('.bp-svg-holder');
|
||||||
|
if (!holder) {
|
||||||
|
holder = document.createElement('div');
|
||||||
|
holder.className = 'bp-svg-holder';
|
||||||
|
holder.style.maxWidth = '95vw';
|
||||||
|
holder.style.maxHeight = '95vh';
|
||||||
|
htmlLayer.appendChild(holder);
|
||||||
|
}
|
||||||
|
holder.innerHTML = '';
|
||||||
|
|
||||||
|
// Hide the bitmap so only the inline SVG shows
|
||||||
|
imgEl.style.visibility = 'hidden';
|
||||||
|
|
||||||
|
// Inline the SVG
|
||||||
|
const res = await fetch(src, { cache: 'force-cache' });
|
||||||
|
const text = await res.text();
|
||||||
|
holder.innerHTML = text;
|
||||||
|
|
||||||
|
const svg = holder.querySelector('svg');
|
||||||
|
if (!svg) { imgEl.style.visibility = ''; return; }
|
||||||
|
|
||||||
|
svg.style.maxWidth = '95vw';
|
||||||
|
svg.style.maxHeight = '95vh';
|
||||||
|
svg.style.display = 'block';
|
||||||
|
|
||||||
|
if (typeof window.svgPanZoom === 'function') {
|
||||||
|
activePanZoom = svgPanZoom(svg, {
|
||||||
|
zoomEnabled: true,
|
||||||
|
controlIconsEnabled: true,
|
||||||
|
fit: true,
|
||||||
|
center: true,
|
||||||
|
minZoom: 0.05,
|
||||||
|
maxZoom: 400, // effectively "unlimited"
|
||||||
|
zoomScaleSensitivity: 0.25,
|
||||||
|
dblClickZoomEnabled: true
|
||||||
|
});
|
||||||
|
// Keep wheel inside lightbox
|
||||||
|
holder.addEventListener('wheel', (e) => e.stopPropagation(), { passive: true });
|
||||||
|
} else {
|
||||||
|
console.warn('[gallery-init] svg-pan-zoom not loaded');
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('[gallery-init] SVG enhance failed:', err);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
27
output/assets/scripts/svg-pan-zoom.min.js
vendored
Normal file
27
output/assets/scripts/svg-pan-zoom.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
output/assets/styles/bigger-picture.min.css
vendored
Normal file
8
output/assets/styles/bigger-picture.min.css
vendored
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
/**
|
||||||
|
* Minified by jsDelivr using clean-css v5.3.2.
|
||||||
|
* Original file: /npm/bigger-picture@1.1.19/dist/bigger-picture.css
|
||||||
|
*
|
||||||
|
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||||
|
*/
|
||||||
|
@keyframes bp-fadein{from{opacity:.01}to{opacity:1}}@keyframes bp-bar{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bp-o{from{transform:rotate(0)}to{transform:rotate(360deg)}}.bp-wrap{top:0;left:0;width:100%;height:100%;position:fixed;z-index:999;contain:strict;touch-action:none;-webkit-tap-highlight-color:transparent}.bp-wrap>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);animation:bp-fadein .48s cubic-bezier(.215,.61,.355,1)}.bp-vid audio{position:absolute;left:14px;width:calc(100% - 28px);bottom:14px;height:50px}.bp-inner{top:0;left:0;width:100%;height:100%;position:absolute;display:flex}.bp-html{display:contents}.bp-html>:first-child{margin:auto}.bp-img-wrap{top:0;left:0;width:100%;height:100%;position:absolute;contain:strict}.bp-img-wrap .bp-canzoom{cursor:zoom-in}.bp-img-wrap .bp-drag{cursor:grabbing}.bp-close{contain:layout size}.bp-img{position:absolute;top:50%;left:50%;user-select:none;background-size:100% 100%}.bp-img div,.bp-img img{position:absolute;top:0;left:0;width:100%;height:100%}.bp-img .bp-o{display:none}.bp-zoomed .bp-img:not(.bp-drag){cursor:grab}.bp-zoomed .bp-cap{opacity:0;animation:none!important}.bp-zoomed.bp-small .bp-controls{opacity:0}.bp-zoomed.bp-small .bp-controls button{pointer-events:none}.bp-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;text-align:left;transition:opacity .3s;animation:bp-fadein .3s}.bp-controls button{pointer-events:auto;cursor:pointer;position:absolute;border:0;background:rgba(0,0,0,.15);opacity:.9;transition:all .1s;contain:content}.bp-controls button:hover{background-color:rgba(0,0,0,.2);opacity:1}.bp-controls svg{fill:#fff}.bp-count{position:absolute;color:rgba(255,255,255,.9);line-height:1;margin:16px;height:50px;width:100px}.bp-next,.bp-prev{top:50%;right:0;margin-top:-32px;height:64px;width:58px;border-radius:3px 0 0 3px}.bp-next:hover:before,.bp-prev:hover:before{transform:translateX(-2px)}.bp-next:before,.bp-prev:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");position:absolute;left:7px;top:9px;width:46px;transition:all .2s}.bp-prev{right:auto;left:0;transform:scalex(-1)}.bp-x{top:0;right:0;height:55px;width:58px;border-radius:0 0 0 3px}.bp-x:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");position:absolute;width:37px;top:8px;right:10px}.bp-if,.bp-vid{position:relative;margin:auto;background:#000;background-size:100% 100%}.bp-if div,.bp-if iframe,.bp-if video,.bp-vid div,.bp-vid iframe,.bp-vid video{top:0;left:0;width:100%;height:100%;position:absolute;border:0}.bp-load{display:flex;background-size:100% 100%;overflow:hidden;z-index:1}.bp-bar{position:absolute;top:0;left:0;height:3px;width:100%;transform:translateX(-100%);background:rgba(255,255,255,.9);border-radius:0 3px 3px 0;animation:bp-bar 4s both}.bp-o,.bp-o:after{border-radius:50%;width:90px;height:90px}.bp-o{margin:auto;border:10px solid rgba(255,255,255,.2);border-left-color:rgba(255,255,255,.9);animation:bp-o 1s infinite linear}.bp-cap{position:absolute;bottom:2%;background:rgba(9,9,9,.8);color:rgba(255,255,255,.9);border-radius:4px;max-width:95%;line-height:1.3;padding:.6em 1.2em;left:50%;transform:translateX(-50%);width:fit-content;width:-moz-fit-content;display:table;transition:opacity .3s;animation:bp-fadein .2s}.bp-cap a{color:inherit}.bp-inline{position:absolute}.bp-lock{overflow-y:hidden}.bp-lock body{overflow:scroll}.bp-noclose .bp-x{display:none}.bp-noclose:not(.bp-zoomed){touch-action:pan-y}.bp-noclose:not(.bp-zoomed) .bp-img-wrap{cursor:zoom-in}@media (prefers-reduced-motion){.bp-wrap *{animation-duration:0s!important}}@media (max-width:500px){.bp-x{height:47px;width:47px}.bp-x:before{width:34px;top:6px;right:6px}.bp-next,.bp-prev{margin-top:-27px;height:54px;width:45px}.bp-next:before,.bp-prev:before{top:7px;left:2px;width:43px}.bp-o,.bp-o:after{border-width:6px;width:60px;height:60px}.bp-count{margin:12px 10px}}
|
||||||
|
/*# sourceMappingURL=/sm/15e96278e1e731ce40eef8d6284cefc81b81dda67c3a0aa386ec893f183bd57f.map */
|
||||||
@@ -2,8 +2,6 @@
|
|||||||
Theme variables
|
Theme variables
|
||||||
========================= */
|
========================= */
|
||||||
:root{
|
:root{
|
||||||
/* Layout */
|
|
||||||
|
|
||||||
--gutter: 2rem;
|
--gutter: 2rem;
|
||||||
--margin: 420px;
|
--margin: 420px;
|
||||||
--body-pad: 1rem;
|
--body-pad: 1rem;
|
||||||
@@ -14,21 +12,43 @@
|
|||||||
);
|
);
|
||||||
--content-min: 60ch;
|
--content-min: 60ch;
|
||||||
--content-max: 880px;
|
--content-max: 880px;
|
||||||
/* Fullwidth media tuning */
|
|
||||||
--bleed: 48px;
|
--bleed: 48px;
|
||||||
--fullwidth-cap: 860px;
|
--fullwidth-cap: 860px;
|
||||||
|
|
||||||
/* Colors */
|
|
||||||
--bg: #faf9f6;
|
--bg: #faf9f6;
|
||||||
--fg: #000000;
|
--fg: #000000;
|
||||||
--link: #1a0dab;
|
--link: #1a0dab;
|
||||||
--heading: #004c99;
|
--heading: #004c99;
|
||||||
--code-bg: #f0f0f0;
|
--code-bg: #f0f0f0;
|
||||||
--active-toc: #cacaca;
|
--active-toc: #cacaca;
|
||||||
|
|
||||||
/* Notes */
|
|
||||||
--note-color: #555;
|
--note-color: #555;
|
||||||
--note-bg: transparent;
|
--note-bg: transparent;
|
||||||
|
--border: #d7d7d7;
|
||||||
|
--chip-bg: #f0f0f0;
|
||||||
|
--chip-fg: #444;
|
||||||
|
--muted: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* =========================================
|
||||||
|
Dark mode — manual (data-theme) wins
|
||||||
|
========================================= */
|
||||||
|
|
||||||
|
:root[data-theme="dark"]{
|
||||||
|
--bg: #0f1115;
|
||||||
|
--fg: #e6e6e6;
|
||||||
|
--link: #8ab4ff;
|
||||||
|
--heading: #9ecbff;
|
||||||
|
--code-bg: #1a1d24;
|
||||||
|
|
||||||
|
--note-color: #c2c7cf;
|
||||||
|
--note-bg: transparent;
|
||||||
|
|
||||||
|
--border: #2a2f3a;
|
||||||
|
--chip-bg: #1f2330;
|
||||||
|
--chip-fg: #cfd3da;
|
||||||
|
--muted: #a9b0bb;
|
||||||
|
--active-toc: #313131;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
@@ -46,11 +66,11 @@ h1, h2, h3{ color: var(--heading); }
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--link);
|
color: var(--link);
|
||||||
text-decoration: none; /* removes underline by default */
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline; /* only show on hover */
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
@@ -97,11 +117,7 @@ nav{
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1250px){
|
|
||||||
#preamble.status{
|
|
||||||
padding-right: var(--body-pad);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
Footer
|
Footer
|
||||||
@@ -214,25 +230,7 @@ body{ counter-reset: sidenote-counter; }
|
|||||||
text-align: center; font-size: .95rem; color: #666; margin-top: .4rem;
|
text-align: center; font-size: .95rem; color: #666; margin-top: .4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1250px){
|
|
||||||
#content.content{
|
|
||||||
padding-right: var(--body-pad);
|
|
||||||
}
|
|
||||||
.sidenote,
|
|
||||||
.marginnote{
|
|
||||||
float: none;
|
|
||||||
clear: both;
|
|
||||||
width: auto;
|
|
||||||
display: block; /* ⬅ make them start on a new line */
|
|
||||||
margin: 0.5rem 0 0.75rem; /* spacing above/below */
|
|
||||||
padding-left: 0.75rem;
|
|
||||||
border-left: 3px solid rgba(0,0,0,.08);
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.fullwidth{
|
|
||||||
max-width: calc(100vw - 2 * var(--body-pad));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Ultra-wide comfort tweaks */
|
/* Ultra-wide comfort tweaks */
|
||||||
@@ -277,7 +275,7 @@ pre {
|
|||||||
}
|
}
|
||||||
.org-src-container > pre{ overflow: auto; }
|
.org-src-container > pre{ overflow: auto; }
|
||||||
|
|
||||||
/* Language badges (optional) */
|
/* Language badges */
|
||||||
.org-src-container > pre:before{
|
.org-src-container > pre:before{
|
||||||
display: block; position: absolute; top: 0; right: 0;
|
display: block; position: absolute; top: 0; right: 0;
|
||||||
background-color: #b3b3b3; color: #fff;
|
background-color: #b3b3b3; color: #fff;
|
||||||
@@ -460,34 +458,7 @@ li ol li::before {
|
|||||||
.epigraph blockquote::after {
|
.epigraph blockquote::after {
|
||||||
content: none;
|
content: none;
|
||||||
}
|
}
|
||||||
/* =========================================
|
|
||||||
Dark mode — manual (data-theme) wins
|
|
||||||
========================================= */
|
|
||||||
:root {
|
|
||||||
/* optional: shared tokens for borders/chips */
|
|
||||||
--border: #d7d7d7;
|
|
||||||
--chip-bg: #f0f0f0;
|
|
||||||
--chip-fg: #444;
|
|
||||||
--muted: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
:root[data-theme="dark"]{
|
|
||||||
--bg: #0f1115;
|
|
||||||
--fg: #e6e6e6;
|
|
||||||
--link: #8ab4ff;
|
|
||||||
--heading: #9ecbff;
|
|
||||||
--code-bg: #1a1d24;
|
|
||||||
|
|
||||||
--note-color: #c2c7cf;
|
|
||||||
--note-bg: transparent;
|
|
||||||
|
|
||||||
--border: #2a2f3a;
|
|
||||||
--chip-bg: #1f2330;
|
|
||||||
--chip-fg: #cfd3da;
|
|
||||||
--muted: #a9b0bb;
|
|
||||||
--active-toc: #313131;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Auto scheme if no manual override is set */
|
/* Auto scheme if no manual override is set */
|
||||||
@media (prefers-color-scheme: dark){
|
@media (prefers-color-scheme: dark){
|
||||||
@@ -530,13 +501,6 @@ li ol li::before {
|
|||||||
}
|
}
|
||||||
.epigraph blockquote footer{ color: var(--muted); }
|
.epigraph blockquote footer{ color: var(--muted); }
|
||||||
|
|
||||||
/* Mobile sidenote rule uses a light border; make it theme-aware */
|
|
||||||
@media (max-width: 1250px){
|
|
||||||
.sidenote, .marginnote{
|
|
||||||
border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Theme toggle button positioning + transparent background */
|
/* Theme toggle button positioning + transparent background */
|
||||||
.theme-toggle {
|
.theme-toggle {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -600,14 +564,7 @@ li ol li::before {
|
|||||||
line-height: 1.35;
|
line-height: 1.35;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Mobile: these already stack under content via your media query; nothing special needed,
|
|
||||||
but we can soften the border a touch to match the mobile sidenote rule */
|
|
||||||
@media (max-width: 1250px){
|
|
||||||
.sidenote .mn-img,
|
|
||||||
.marginnote .mn-img{
|
|
||||||
border-color: color-mix(in oklab, var(--fg) 12%, transparent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.sidenote img {
|
.sidenote img {
|
||||||
margin-top: 0.35rem;
|
margin-top: 0.35rem;
|
||||||
display: block;
|
display: block;
|
||||||
@@ -671,22 +628,6 @@ li ol li::before {
|
|||||||
/* Headings offset so anchors don’t hide under the sticky header */
|
/* Headings offset so anchors don’t hide under the sticky header */
|
||||||
h2[id], h3[id], h4[id] { scroll-margin-top: 6.5rem; }
|
h2[id], h3[id], h4[id] { scroll-margin-top: 6.5rem; }
|
||||||
|
|
||||||
/* =========================
|
|
||||||
Mobile / narrow view
|
|
||||||
========================= */
|
|
||||||
@media (max-width: 1250px){
|
|
||||||
#table-of-contents{
|
|
||||||
float: none;
|
|
||||||
position: static; /* no sticky on small screens */
|
|
||||||
width: auto;
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
padding: .5rem .75rem;
|
|
||||||
border-right: 0;
|
|
||||||
border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
|
|
||||||
background: color-mix(in oklab, var(--bg) 96%, var(--fg) 4%);
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#text-table-of-contents a.is-active{
|
#text-table-of-contents a.is-active{
|
||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
@@ -694,3 +635,68 @@ h2[id], h3[id], h4[id] { scroll-margin-top: 6.5rem; }
|
|||||||
//border: 1px solid var(--border, #ccc);
|
//border: 1px solid var(--border, #ccc);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*BP STUFF*/
|
||||||
|
|
||||||
|
/* theme removal */
|
||||||
|
.hidden { display: none !important; }
|
||||||
|
|
||||||
|
.bp-x{ right:72px; }
|
||||||
|
|
||||||
|
.bp-next,.bp-prev{ right:8px; }
|
||||||
|
.bp-prev{ left:8px; }
|
||||||
|
|
||||||
|
/* Smooth exit */
|
||||||
|
.bp-wrap{ transition: opacity .18s ease; }
|
||||||
|
.bp-wrap.bp-fadeout{ opacity: 0; }
|
||||||
|
|
||||||
|
/* Respect notches */
|
||||||
|
.bp-controls{
|
||||||
|
padding-top: env(safe-area-inset-top, 0);
|
||||||
|
padding-right: calc(env(safe-area-inset-right, 0) + 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 1250px){
|
||||||
|
#preamble.status{
|
||||||
|
padding-right: var(--body-pad);
|
||||||
|
}
|
||||||
|
|
||||||
|
#content.content{
|
||||||
|
padding-right: var(--body-pad);
|
||||||
|
}
|
||||||
|
.sidenote,
|
||||||
|
.marginnote{
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
width: auto;
|
||||||
|
display: block;
|
||||||
|
margin: 0.5rem 0 0.75rem;
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
border-left: 3px solid rgba(0,0,0,.08);
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.fullwidth{
|
||||||
|
max-width: calc(100vw - 2 * var(--body-pad));
|
||||||
|
}
|
||||||
|
.sidenote, .marginnote{
|
||||||
|
border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
|
||||||
|
}
|
||||||
|
.sidenote .mn-img,
|
||||||
|
.marginnote .mn-img{
|
||||||
|
border-color: color-mix(in oklab, var(--fg) 12%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
|
#table-of-contents{
|
||||||
|
float: none;
|
||||||
|
position: static;
|
||||||
|
width: auto;
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
padding: .5rem .75rem;
|
||||||
|
border-right: 0;
|
||||||
|
border-left: 3px solid color-mix(in oklab, var(--fg) 12%, transparent);
|
||||||
|
background: color-mix(in oklab, var(--bg) 96%, var(--fg) 4%);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>09-08-2025: Website Changes</title>
|
<title>09-08-2025: Website Changes</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -215,9 +220,9 @@
|
|||||||
<h1 class="title">09-08-2025: Website Changes</h1>
|
<h1 class="title">09-08-2025: Website Changes</h1>
|
||||||
<div class="filetags"><a href="/categories.html"> <span class="post-tag">emacs</span> </a> <a href="/categories.html"> <span class="post-tag">website</span> </a></div>
|
<div class="filetags"><a href="/categories.html"> <span class="post-tag">emacs</span> </a> <a href="/categories.html"> <span class="post-tag">website</span> </a></div>
|
||||||
|
|
||||||
<div id="outline-container-org3118419" class="outline-2">
|
<div id="outline-container-org8eaf560" class="outline-2">
|
||||||
<h2 id="org3118419">What was worked on</h2>
|
<h2 id="org8eaf560">What was worked on</h2>
|
||||||
<div class="outline-text-2" id="text-org3118419">
|
<div class="outline-text-2" id="text-org8eaf560">
|
||||||
<p>
|
<p>
|
||||||
I saw a few websites that used marginal notes on the right side of the screen like <a href="https://ogbe.net/blog/emacs_org_static_site">this one</a>, so I decided to try and implement this feature in this wesbite. In my mind I thought of using an external pre-configured CSS that I can just insert and ta-da it would work.
|
I saw a few websites that used marginal notes on the right side of the screen like <a href="https://ogbe.net/blog/emacs_org_static_site">this one</a>, so I decided to try and implement this feature in this wesbite. In my mind I thought of using an external pre-configured CSS that I can just insert and ta-da it would work.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Wacom With Arch</title>
|
<title>Wacom With Arch</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -215,9 +220,9 @@
|
|||||||
<h1 class="title">Wacom With Arch</h1>
|
<h1 class="title">Wacom With Arch</h1>
|
||||||
<div class="filetags"><a href="/categories.html"> <span class="post-tag">insights</span> </a></div>
|
<div class="filetags"><a href="/categories.html"> <span class="post-tag">insights</span> </a></div>
|
||||||
|
|
||||||
<div id="outline-container-org08ef16d" class="outline-2">
|
<div id="outline-container-org5e6e835" class="outline-2">
|
||||||
<h2 id="org08ef16d">Setting up Wacom Tablet in Arch Hyprland</h2>
|
<h2 id="org5e6e835">Setting up Wacom Tablet in Arch Hyprland</h2>
|
||||||
<div class="outline-text-2" id="text-org08ef16d">
|
<div class="outline-text-2" id="text-org5e6e835">
|
||||||
<p>
|
<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.
|
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>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Weekly review: Week ending August 10, 2025</title>
|
<title>Weekly review: Week ending August 10, 2025</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -219,23 +224,23 @@
|
|||||||
<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="#org94004e9">Reviewing the week</a></li>
|
<li><a href="#org2ca792a">Reviewing the week</a></li>
|
||||||
<li><a href="#orge4d06a6">Next week</a>
|
<li><a href="#orgafa8c21">Next week</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#orgeffd283"><span class="todo TODO">TODO</span> Read as much of Clean Code as possible</a></li>
|
<li><a href="#org6c0b004"><span class="todo TODO">TODO</span> Read as much of Clean Code as possible</a></li>
|
||||||
<li><a href="#org09a41c0"><span class="todo TODO">TODO</span> Finish another (misc) book</a></li>
|
<li><a href="#org8e5fbad"><span class="todo TODO">TODO</span> Finish another (misc) book</a></li>
|
||||||
<li><a href="#org28bb958"><span class="todo TODO">TODO</span> Write more (metric unspecified, need to experiment to see what works best)</a></li>
|
<li><a href="#org5c63e90"><span class="todo TODO">TODO</span> Write more (metric unspecified, need to experiment to see what works best)</a></li>
|
||||||
<li><a href="#orge0b2a96"><span class="todo TODO">TODO</span> Start the book Dose Effect</a></li>
|
<li><a href="#org8b0c7c7"><span class="todo TODO">TODO</span> Start the book Dose Effect</a></li>
|
||||||
<li><a href="#orgebf38ae"><span class="todo TODO">TODO</span> More leetcode problems to solve (again, metric unspecified)</a></li>
|
<li><a href="#org9e817de"><span class="todo TODO">TODO</span> More leetcode problems to solve (again, metric unspecified)</a></li>
|
||||||
<li><a href="#orge9cd58b"><span class="todo TODO">TODO</span> Touch typing: daily practice</a></li>
|
<li><a href="#org3de5ced"><span class="todo TODO">TODO</span> Touch typing: daily practice</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org94004e9" class="outline-2">
|
<div id="outline-container-org2ca792a" class="outline-2">
|
||||||
<h2 id="org94004e9">Reviewing the week</h2>
|
<h2 id="org2ca792a">Reviewing the week</h2>
|
||||||
<div class="outline-text-2" id="text-org94004e9">
|
<div class="outline-text-2" id="text-org2ca792a">
|
||||||
<p>
|
<p>
|
||||||
Mostly continuing reading from the book <code>clean code</code>, also setup the ankii cards and this website. The amount of leetcode problems I solved could improve however.
|
Mostly continuing reading from the book <code>clean code</code>, also setup the ankii cards and this website. The amount of leetcode problems I solved could improve however.
|
||||||
</p>
|
</p>
|
||||||
@@ -249,27 +254,27 @@ I'm thinking of using time-blocks to represent the hours I spent doing each thin
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orge4d06a6" class="outline-2">
|
<div id="outline-container-orgafa8c21" class="outline-2">
|
||||||
<h2 id="orge4d06a6">Next week</h2>
|
<h2 id="orgafa8c21">Next week</h2>
|
||||||
<div class="outline-text-2" id="text-orge4d06a6">
|
<div class="outline-text-2" id="text-orgafa8c21">
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgeffd283" class="outline-3">
|
<div id="outline-container-org6c0b004" class="outline-3">
|
||||||
<h3 id="orgeffd283"><span class="todo TODO">TODO</span> Read as much of Clean Code as possible</h3>
|
<h3 id="org6c0b004"><span class="todo TODO">TODO</span> Read as much of Clean Code as possible</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org09a41c0" class="outline-3">
|
<div id="outline-container-org8e5fbad" class="outline-3">
|
||||||
<h3 id="org09a41c0"><span class="todo TODO">TODO</span> Finish another (misc) book</h3>
|
<h3 id="org8e5fbad"><span class="todo TODO">TODO</span> Finish another (misc) book</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org28bb958" class="outline-3">
|
<div id="outline-container-org5c63e90" class="outline-3">
|
||||||
<h3 id="org28bb958"><span class="todo TODO">TODO</span> Write more (metric unspecified, need to experiment to see what works best)</h3>
|
<h3 id="org5c63e90"><span class="todo TODO">TODO</span> Write more (metric unspecified, need to experiment to see what works best)</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orge0b2a96" class="outline-3">
|
<div id="outline-container-org8b0c7c7" class="outline-3">
|
||||||
<h3 id="orge0b2a96"><span class="todo TODO">TODO</span> Start the book Dose Effect</h3>
|
<h3 id="org8b0c7c7"><span class="todo TODO">TODO</span> Start the book Dose Effect</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgebf38ae" class="outline-3">
|
<div id="outline-container-org9e817de" class="outline-3">
|
||||||
<h3 id="orgebf38ae"><span class="todo TODO">TODO</span> More leetcode problems to solve (again, metric unspecified)</h3>
|
<h3 id="org9e817de"><span class="todo TODO">TODO</span> More leetcode problems to solve (again, metric unspecified)</h3>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orge9cd58b" class="outline-3">
|
<div id="outline-container-org3de5ced" class="outline-3">
|
||||||
<h3 id="orge9cd58b"><span class="todo TODO">TODO</span> Touch typing: daily practice</h3>
|
<h3 id="org3de5ced"><span class="todo TODO">TODO</span> Touch typing: daily practice</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>What Do I Want To Do With Emacs</title>
|
<title>What Do I Want To Do With Emacs</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,7 +214,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-09 Sat 09:13</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:22</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<h1 class="title">What Do I Want To Do With Emacs</h1>
|
<h1 class="title">What Do I Want To Do With Emacs</h1>
|
||||||
@@ -240,7 +245,7 @@ After some thinking I narrowed it down and collated it in the following diagram:
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
<div id="org287950d" class="figure">
|
<div id="orgdeacb49" class="figure">
|
||||||
<p><img src="../../../assets/sketchnotes/2025-08-08-emacs.svg" alt="2025-08-08-emacs.svg" class="org-svg" />
|
<p><img src="../../../assets/sketchnotes/2025-08-08-emacs.svg" alt="2025-08-08-emacs.svg" class="org-svg" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -215,9 +220,9 @@
|
|||||||
<h1 class="title">Zettelkasten Method</h1>
|
<h1 class="title">Zettelkasten Method</h1>
|
||||||
<div class="filetags"><a href="/categories.html"> <span class="post-tag">education</span> </a></div>
|
<div class="filetags"><a href="/categories.html"> <span class="post-tag">education</span> </a></div>
|
||||||
|
|
||||||
<div id="outline-container-org8222392" class="outline-2">
|
<div id="outline-container-orge9985e1" class="outline-2">
|
||||||
<h2 id="org8222392">The Zettelkasten Method</h2>
|
<h2 id="orge9985e1">The Zettelkasten Method</h2>
|
||||||
<div class="outline-text-2" id="text-org8222392">
|
<div class="outline-text-2" id="text-orge9985e1">
|
||||||
<p>
|
<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.
|
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>
|
</p>
|
||||||
@@ -241,7 +246,7 @@ There are many personal knowledge management systems' (PKMS) out there that allo
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
<div id="org7f9343c" class="figure">
|
<div id="orgbb8d665" class="figure">
|
||||||
<p><img src="../../../assets/images/org-roam-ui-graph.png" alt="org-roam-ui-graph.png" />
|
<p><img src="../../../assets/images/org-roam-ui-graph.png" alt="org-roam-ui-graph.png" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Blogs Introduction</title>
|
<title>Blogs Introduction</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -215,9 +220,9 @@
|
|||||||
<h1 class="title">Blogs Introduction</h1>
|
<h1 class="title">Blogs Introduction</h1>
|
||||||
<div class="filetags"><a href="/categories.html"> <span class="post-tag">introduction</span> </a></div>
|
<div class="filetags"><a href="/categories.html"> <span class="post-tag">introduction</span> </a></div>
|
||||||
|
|
||||||
<div id="outline-container-org8b91fa3" class="outline-2">
|
<div id="outline-container-org4f77abb" class="outline-2">
|
||||||
<h2 id="org8b91fa3">Introduction</h2>
|
<h2 id="org4f77abb">Introduction</h2>
|
||||||
<div class="outline-text-2" id="text-org8b91fa3">
|
<div class="outline-text-2" id="text-org4f77abb">
|
||||||
<p>
|
<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.
|
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>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Blogs List</title>
|
<title>Blogs List</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,16 +214,16 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<h1 class="title">Blogs List</h1>
|
<h1 class="title">Blogs List</h1>
|
||||||
<p>
|
<p>
|
||||||
See the categories: <a href="../categories.html">Categories</a>
|
See the categories: <a href="../categories.html">Categories</a>
|
||||||
</p>
|
</p>
|
||||||
<div id="outline-container-orgdf4a299" class="outline-2">
|
<div id="outline-container-orgfd0dffd" class="outline-2">
|
||||||
<h2 id="orgdf4a299">Blogs:</h2>
|
<h2 id="orgfd0dffd">Blogs:</h2>
|
||||||
<div class="outline-text-2" id="text-orgdf4a299">
|
<div class="outline-text-2" id="text-orgfd0dffd">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="2025/08/weekly-review-week-ending-august-10-2025.html">Weekly review: Week ending August 10, 2025</a> <span class="post-date">10-08-2025 00:00</span> <a href="/tags/weekly-review.html"> <span class="post-tag">weekly-review</span> </a></li>
|
<li><a href="2025/08/weekly-review-week-ending-august-10-2025.html">Weekly review: Week ending August 10, 2025</a> <span class="post-date">10-08-2025 00:00</span> <a href="/tags/weekly-review.html"> <span class="post-tag">weekly-review</span> </a></li>
|
||||||
<li><a href="2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a> <span class="post-date">09-08-2025 00:00</span> <a href="/tags/emacs.html"> <span class="post-tag">emacs</span> </a> <a href="/tags/website.html"> <span class="post-tag">website</span> </a></li>
|
<li><a href="2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a> <span class="post-date">09-08-2025 00:00</span> <a href="/tags/emacs.html"> <span class="post-tag">emacs</span> </a> <a href="/tags/website.html"> <span class="post-tag">website</span> </a></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Categories</title>
|
<title>Categories</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org5537f85" class="outline-2">
|
<div id="outline-container-org14902b4" class="outline-2">
|
||||||
<h2 id="org5537f85">Categories (Includes both blogs and posts)</h2>
|
<h2 id="org14902b4">Categories (Includes both blogs and posts)</h2>
|
||||||
<div class="outline-text-2" id="text-org5537f85">
|
<div class="outline-text-2" id="text-org14902b4">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="tags/books.html"><span class="post-tag">books</span></a> (2)</li>
|
<li><a href="tags/books.html"><span class="post-tag">books</span></a> (2)</li>
|
||||||
<li><a href="tags/education.html"><span class="post-tag">education</span></a> (1)</li>
|
<li><a href="tags/education.html"><span class="post-tag">education</span></a> (1)</li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Contact</title>
|
<title>Contact</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -213,9 +218,9 @@
|
|||||||
</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-org3657b8e" class="outline-2">
|
<div id="outline-container-orgf2d6c1e" class="outline-2">
|
||||||
<h2 id="org3657b8e">Contact Using the Following:</h2>
|
<h2 id="orgf2d6c1e">Contact Using the Following:</h2>
|
||||||
<div class="outline-text-2" id="text-org3657b8e">
|
<div class="outline-text-2" id="text-orgf2d6c1e">
|
||||||
<p>
|
<p>
|
||||||
> LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b>
|
> LinkedIn: <b><a href="https://www.linkedin.com/in/zaine-ul-abideen-qayyum-801a53247/">LinkedIn</a></b>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Home Page</title>
|
<title>Home Page</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -216,15 +221,15 @@
|
|||||||
<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="#org0307468">Welcome! 🌱</a></li>
|
<li><a href="#org2fbf0ba">Welcome! 🌱</a></li>
|
||||||
<li><a href="#org4d98a39">How to publish web pages using <code>org-publish</code></a></li>
|
<li><a href="#org5641406">How to publish web pages using <code>org-publish</code></a></li>
|
||||||
<li><a href="#org4ccdcf2">Contact</a></li>
|
<li><a href="#org6bf0fc6">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org0307468" class="outline-2">
|
<div id="outline-container-org2fbf0ba" class="outline-2">
|
||||||
<h2 id="org0307468">Welcome! 🌱</h2>
|
<h2 id="org2fbf0ba">Welcome! 🌱</h2>
|
||||||
<div class="outline-text-2" id="text-org0307468">
|
<div class="outline-text-2" id="text-org2fbf0ba">
|
||||||
<p>
|
<p>
|
||||||
This is a website built using Emacs Org-mode and published using <code>org-publish</code>. <label for="sn1" class="margin-toggle sidenote-number"></label><input type="checkbox" id="sn1" class="margin-toggle"/><span class="sidenote"> The very first iteration of this website used the Angular framework, only after a while I realised (as every Emacs lover does) that I want to make this an Emacs-centric project</span>
|
This is a website built using Emacs Org-mode and published using <code>org-publish</code>. <label for="sn1" class="margin-toggle sidenote-number"></label><input type="checkbox" id="sn1" class="margin-toggle"/><span class="sidenote"> The very first iteration of this website used the Angular framework, only after a while I realised (as every Emacs lover does) that I want to make this an Emacs-centric project</span>
|
||||||
</p>
|
</p>
|
||||||
@@ -242,9 +247,9 @@ Feel free to explore:
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org4d98a39" class="outline-2">
|
<div id="outline-container-org5641406" class="outline-2">
|
||||||
<h2 id="org4d98a39">How to publish web pages using <code>org-publish</code></h2>
|
<h2 id="org5641406">How to publish web pages using <code>org-publish</code></h2>
|
||||||
<div class="outline-text-2" id="text-org4d98a39">
|
<div class="outline-text-2" id="text-org5641406">
|
||||||
<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>
|
||||||
@@ -341,9 +346,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-org4ccdcf2" class="outline-2">
|
<div id="outline-container-org6bf0fc6" class="outline-2">
|
||||||
<h2 id="org4ccdcf2">Contact</h2>
|
<h2 id="org6bf0fc6">Contact</h2>
|
||||||
<div class="outline-text-2" id="text-org4ccdcf2">
|
<div class="outline-text-2" id="text-org6bf0fc6">
|
||||||
<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>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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</title>
|
<title>Posts</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -213,18 +218,18 @@
|
|||||||
</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-org77cc5c4" class="outline-2">
|
<div id="outline-container-org3b2531d" class="outline-2">
|
||||||
<h2 id="org77cc5c4">Links</h2>
|
<h2 id="org3b2531d">Links</h2>
|
||||||
<div class="outline-text-2" id="text-org77cc5c4">
|
<div class="outline-text-2" id="text-org3b2531d">
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgcc6eeba" class="outline-4">
|
<div id="outline-container-org68b5245" class="outline-4">
|
||||||
<h4 id="orgcc6eeba"><a href="posts/posts-intro.html">Posts Introduction</a>   <span class="tag"><span class="intro">intro</span></span></h4>
|
<h4 id="org68b5245"><a href="posts/posts-intro.html">Posts Introduction</a>   <span class="tag"><span class="intro">intro</span></span></h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div id="outline-container-org5f84343" class="outline-4">
|
<div id="outline-container-orgec76b7c" class="outline-4">
|
||||||
<h4 id="org5f84343"><a href="posts/zettelkasten.html">Zettelkasten Method</a>   <span class="tag"><span class="education">education</span></span></h4>
|
<h4 id="orgec76b7c"><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-org5f84343">
|
<div class="outline-text-4" id="text-orgec76b7c">
|
||||||
<p>
|
<p>
|
||||||
<span class="timestamp-wrapper"><span class="timestamp"><2025-08-06 Wed></span></span>
|
<span class="timestamp-wrapper"><span class="timestamp"><2025-08-06 Wed></span></span>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Clean Code: Chapter 1 Notes</title>
|
<title>Clean Code: Chapter 1 Notes</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -219,16 +224,16 @@
|
|||||||
<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="#orgc919f69">Chapter 1: Clean Code</a></li>
|
<li><a href="#org2f555c6">Chapter 1: Clean Code</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
Link to <a href="clean-code-chapter-2.html">Chapter 2</a>
|
Link to <a href="clean-code-chapter-2.html">Chapter 2</a>
|
||||||
</p>
|
</p>
|
||||||
<div id="outline-container-orgc919f69" class="outline-2">
|
<div id="outline-container-org2f555c6" class="outline-2">
|
||||||
<h2 id="orgc919f69">Chapter 1: Clean Code</h2>
|
<h2 id="org2f555c6">Chapter 1: Clean Code</h2>
|
||||||
<div class="outline-text-2" id="text-orgc919f69">
|
<div class="outline-text-2" id="text-org2f555c6">
|
||||||
<p>
|
<p>
|
||||||
Referenced Items:
|
Referenced Items:
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Clean Code: Chapter 2 Notes</title>
|
<title>Clean Code: Chapter 2 Notes</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -219,22 +224,22 @@
|
|||||||
<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="#org0ffba03">Chapter 2: Meaningful Names</a>
|
<li><a href="#orgf854a65">Chapter 2: Meaningful Names</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#org1af5764">Use intention revealing names:</a></li>
|
<li><a href="#org364c14f">Use intention revealing names:</a></li>
|
||||||
<li><a href="#orga7ee1b9">Avoid disinformation</a></li>
|
<li><a href="#org51ebb75">Avoid disinformation</a></li>
|
||||||
<li><a href="#org877d16a">Make Meaningful Distinctions</a></li>
|
<li><a href="#orga42c8d8">Make Meaningful Distinctions</a></li>
|
||||||
<li><a href="#org1de3bec">Use Pronouncable Names</a></li>
|
<li><a href="#org73af170">Use Pronouncable Names</a></li>
|
||||||
<li><a href="#orga372c7a">Use Searchable Names</a></li>
|
<li><a href="#org417e423">Use Searchable Names</a></li>
|
||||||
<li><a href="#orgdf53ad2">Avoid Encodings</a></li>
|
<li><a href="#org5ea3161">Avoid Encodings</a></li>
|
||||||
<li><a href="#orgc6e7d70">Avoid Mental Mappings</a></li>
|
<li><a href="#orgd2ecf49">Avoid Mental Mappings</a></li>
|
||||||
<li><a href="#org22b7e88">Class Names</a></li>
|
<li><a href="#orge157282">Class Names</a></li>
|
||||||
<li><a href="#org07dadf7">Method Names</a></li>
|
<li><a href="#org4d51074">Method Names</a></li>
|
||||||
<li><a href="#org31576bd">Don't be cute/Don't use puns</a></li>
|
<li><a href="#org49e40f7">Don't be cute/Don't use puns</a></li>
|
||||||
<li><a href="#org2946b89">Pick one word per concept</a></li>
|
<li><a href="#orge6fd9a6">Pick one word per concept</a></li>
|
||||||
<li><a href="#orgf9acdb4">Solution Domain Names and Problem Domain Names</a></li>
|
<li><a href="#orgdd3b07c">Solution Domain Names and Problem Domain Names</a></li>
|
||||||
<li><a href="#orga15a5c0">Add Meaningful Context</a></li>
|
<li><a href="#org4f96def">Add Meaningful Context</a></li>
|
||||||
<li><a href="#org0e4c47c">Don't add gratuitous context</a></li>
|
<li><a href="#org6dc9178">Don't add gratuitous context</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -243,13 +248,13 @@
|
|||||||
<p>
|
<p>
|
||||||
Link to <a href="clean-code-chapter-1.html">Chapter 1</a>
|
Link to <a href="clean-code-chapter-1.html">Chapter 1</a>
|
||||||
</p>
|
</p>
|
||||||
<div id="outline-container-org0ffba03" class="outline-2">
|
<div id="outline-container-orgf854a65" class="outline-2">
|
||||||
<h2 id="org0ffba03">Chapter 2: Meaningful Names</h2>
|
<h2 id="orgf854a65">Chapter 2: Meaningful Names</h2>
|
||||||
<div class="outline-text-2" id="text-org0ffba03">
|
<div class="outline-text-2" id="text-orgf854a65">
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org1af5764" class="outline-3">
|
<div id="outline-container-org364c14f" class="outline-3">
|
||||||
<h3 id="org1af5764">Use intention revealing names:</h3>
|
<h3 id="org364c14f">Use intention revealing names:</h3>
|
||||||
<div class="outline-text-3" id="text-org1af5764">
|
<div class="outline-text-3" id="text-org364c14f">
|
||||||
<p>
|
<p>
|
||||||
Names should reveal intent, there is no revelation in naming an integer <code>d</code>, intending it stands for days. Instead, you should use the following names:
|
Names should reveal intent, there is no revelation in naming an integer <code>d</code>, intending it stands for days. Instead, you should use the following names:
|
||||||
</p>
|
</p>
|
||||||
@@ -262,17 +267,17 @@ Names should reveal intent, there is no revelation in naming an integer <code>d<
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orga7ee1b9" class="outline-3">
|
<div id="outline-container-org51ebb75" class="outline-3">
|
||||||
<h3 id="orga7ee1b9">Avoid disinformation</h3>
|
<h3 id="org51ebb75">Avoid disinformation</h3>
|
||||||
<div class="outline-text-3" id="text-orga7ee1b9">
|
<div class="outline-text-3" id="text-org51ebb75">
|
||||||
<p>
|
<p>
|
||||||
Don't postfix the word 'list' to the name 'accounts' unless it's actually a list. This is because the reader will <i>assume</i> the data type of accountsList is indeed a list, instead choose a name like <code>accountsGroup</code>.
|
Don't postfix the word 'list' to the name 'accounts' unless it's actually a list. This is because the reader will <i>assume</i> the data type of accountsList is indeed a list, instead choose a name like <code>accountsGroup</code>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org877d16a" class="outline-3">
|
<div id="outline-container-orga42c8d8" class="outline-3">
|
||||||
<h3 id="org877d16a">Make Meaningful Distinctions</h3>
|
<h3 id="orga42c8d8">Make Meaningful Distinctions</h3>
|
||||||
<div class="outline-text-3" id="text-org877d16a">
|
<div class="outline-text-3" id="text-orga42c8d8">
|
||||||
<p>
|
<p>
|
||||||
While it is possible to name by being disinformative, it is also possible to name being non informative. Consider:
|
While it is possible to name by being disinformative, it is also possible to name being non informative. Consider:
|
||||||
</p>
|
</p>
|
||||||
@@ -297,18 +302,18 @@ Furthermore, noise words are redundant. We should never use the word <code>varia
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org1de3bec" class="outline-3">
|
<div id="outline-container-org73af170" class="outline-3">
|
||||||
<h3 id="org1de3bec">Use Pronouncable Names</h3>
|
<h3 id="org73af170">Use Pronouncable Names</h3>
|
||||||
<div class="outline-text-3" id="text-org1de3bec">
|
<div class="outline-text-3" id="text-org73af170">
|
||||||
<p>
|
<p>
|
||||||
This is quite straightforward. Do not use a name like <code>genymdhms</code> to refer to generation date, year, month, day, hour, minute,
|
This is quite straightforward. Do not use a name like <code>genymdhms</code> to refer to generation date, year, month, day, hour, minute,
|
||||||
and second. Instead use <code>generationTimeStamp</code>.
|
and second. Instead use <code>generationTimeStamp</code>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orga372c7a" class="outline-3">
|
<div id="outline-container-org417e423" class="outline-3">
|
||||||
<h3 id="orga372c7a">Use Searchable Names</h3>
|
<h3 id="org417e423">Use Searchable Names</h3>
|
||||||
<div class="outline-text-3" id="text-orga372c7a">
|
<div class="outline-text-3" id="text-org417e423">
|
||||||
<p>
|
<p>
|
||||||
In modern IDE's, it is still quite difficult to search for single-lettered variables. The writer states a personal preference of using single-letter names only as local variables and inside short methods. The following principle is given:
|
In modern IDE's, it is still quite difficult to search for single-lettered variables. The writer states a personal preference of using single-letter names only as local variables and inside short methods. The following principle is given:
|
||||||
</p>
|
</p>
|
||||||
@@ -318,42 +323,42 @@ In modern IDE's, it is still quite difficult to search for single-lettered varia
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgdf53ad2" class="outline-3">
|
<div id="outline-container-org5ea3161" class="outline-3">
|
||||||
<h3 id="orgdf53ad2">Avoid Encodings</h3>
|
<h3 id="org5ea3161">Avoid Encodings</h3>
|
||||||
<div class="outline-text-3" id="text-orgdf53ad2">
|
<div class="outline-text-3" id="text-org5ea3161">
|
||||||
<p>
|
<p>
|
||||||
Don't prefix variables with letters like m_ as was done in the past. Do not type encode as well, an example of this is: <code>PhoneNumber phoneString;</code> we can see the reader being misled into thinking the phone number is a String.
|
Don't prefix variables with letters like m_ as was done in the past. Do not type encode as well, an example of this is: <code>PhoneNumber phoneString;</code> we can see the reader being misled into thinking the phone number is a String.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgc6e7d70" class="outline-3">
|
<div id="outline-container-orgd2ecf49" class="outline-3">
|
||||||
<h3 id="orgc6e7d70">Avoid Mental Mappings</h3>
|
<h3 id="orgd2ecf49">Avoid Mental Mappings</h3>
|
||||||
<div class="outline-text-3" id="text-orgc6e7d70">
|
<div class="outline-text-3" id="text-orgd2ecf49">
|
||||||
<p>
|
<p>
|
||||||
Clarity is king, don't use a name for a variable that only you know what it stands for. For example: using the letter r as the lower-cased version of the url with the host and scheme
|
Clarity is king, don't use a name for a variable that only you know what it stands for. For example: using the letter r as the lower-cased version of the url with the host and scheme
|
||||||
removed. That's being smart, not professional.
|
removed. That's being smart, not professional.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org22b7e88" class="outline-3">
|
<div id="outline-container-orge157282" class="outline-3">
|
||||||
<h3 id="org22b7e88">Class Names</h3>
|
<h3 id="orge157282">Class Names</h3>
|
||||||
<div class="outline-text-3" id="text-org22b7e88">
|
<div class="outline-text-3" id="text-orge157282">
|
||||||
<p>
|
<p>
|
||||||
<div class="epigraph"><blockquote>Classes and objects should have noun or noun phrase names like Customer, WikiPage, Account, and AddressParser. Avoid words like Manager, Processor, Data, or Info in the name of a class. A class name should not be a verb</blockquote></div>
|
<div class="epigraph"><blockquote>Classes and objects should have noun or noun phrase names like Customer, WikiPage, Account, and AddressParser. Avoid words like Manager, Processor, Data, or Info in the name of a class. A class name should not be a verb</blockquote></div>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org07dadf7" class="outline-3">
|
<div id="outline-container-org4d51074" class="outline-3">
|
||||||
<h3 id="org07dadf7">Method Names</h3>
|
<h3 id="org4d51074">Method Names</h3>
|
||||||
<div class="outline-text-3" id="text-org07dadf7">
|
<div class="outline-text-3" id="text-org4d51074">
|
||||||
<p>
|
<p>
|
||||||
Methods should have verb or verb phrase names.
|
Methods should have verb or verb phrase names.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org31576bd" class="outline-3">
|
<div id="outline-container-org49e40f7" class="outline-3">
|
||||||
<h3 id="org31576bd">Don't be cute/Don't use puns</h3>
|
<h3 id="org49e40f7">Don't be cute/Don't use puns</h3>
|
||||||
<div class="outline-text-3" id="text-org31576bd">
|
<div class="outline-text-3" id="text-org49e40f7">
|
||||||
<p>
|
<p>
|
||||||
Do not use names that are only understandable to people whom you share jokes etc with. Furthermore, do not use colloquialism and slang in names.
|
Do not use names that are only understandable to people whom you share jokes etc with. Furthermore, do not use colloquialism and slang in names.
|
||||||
</p>
|
</p>
|
||||||
@@ -363,17 +368,17 @@ Do not use names that are only understandable to people whom you share jokes etc
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org2946b89" class="outline-3">
|
<div id="outline-container-orge6fd9a6" class="outline-3">
|
||||||
<h3 id="org2946b89">Pick one word per concept</h3>
|
<h3 id="orge6fd9a6">Pick one word per concept</h3>
|
||||||
<div class="outline-text-3" id="text-org2946b89">
|
<div class="outline-text-3" id="text-orge6fd9a6">
|
||||||
<p>
|
<p>
|
||||||
If you have multiple choices for naming a concept, use one and stick with it. For instance if your options are fetch, get and retrieve, use one and stick with it throughout.
|
If you have multiple choices for naming a concept, use one and stick with it. For instance if your options are fetch, get and retrieve, use one and stick with it throughout.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgf9acdb4" class="outline-3">
|
<div id="outline-container-orgdd3b07c" class="outline-3">
|
||||||
<h3 id="orgf9acdb4">Solution Domain Names and Problem Domain Names</h3>
|
<h3 id="orgdd3b07c">Solution Domain Names and Problem Domain Names</h3>
|
||||||
<div class="outline-text-3" id="text-orgf9acdb4">
|
<div class="outline-text-3" id="text-orgdd3b07c">
|
||||||
<p>
|
<p>
|
||||||
Where possible use solution domain names, as the people that are going to be reading the code are programmers. Therefore, do not shy away from using CS terms, algorithm names, math names and so forth.
|
Where possible use solution domain names, as the people that are going to be reading the code are programmers. Therefore, do not shy away from using CS terms, algorithm names, math names and so forth.
|
||||||
</p>
|
</p>
|
||||||
@@ -383,17 +388,17 @@ However when it is not possible to use solution domain names (in other words, wh
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orga15a5c0" class="outline-3">
|
<div id="outline-container-org4f96def" class="outline-3">
|
||||||
<h3 id="orga15a5c0">Add Meaningful Context</h3>
|
<h3 id="org4f96def">Add Meaningful Context</h3>
|
||||||
<div class="outline-text-3" id="text-orga15a5c0">
|
<div class="outline-text-3" id="text-org4f96def">
|
||||||
<p>
|
<p>
|
||||||
Enclose names with well-named classes, functions, or namespaces. When all else fails, then prefix with something that provides more context.
|
Enclose names with well-named classes, functions, or namespaces. When all else fails, then prefix with something that provides more context.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org0e4c47c" class="outline-3">
|
<div id="outline-container-org6dc9178" class="outline-3">
|
||||||
<h3 id="org0e4c47c">Don't add gratuitous context</h3>
|
<h3 id="org6dc9178">Don't add gratuitous context</h3>
|
||||||
<div class="outline-text-3" id="text-org0e4c47c">
|
<div class="outline-text-3" id="text-org6dc9178">
|
||||||
<p>
|
<p>
|
||||||
Shorter names are better than longer ones, generally. This is so long as the context and intent is clear. Don't add redundant or irrelevant additions to the name in the for the sake of 'context'.
|
Shorter names are better than longer ones, generally. This is so long as the context and intent is clear. Don't add redundant or irrelevant additions to the name in the for the sake of 'context'.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -215,9 +220,9 @@
|
|||||||
<h1 class="title">Posts Introduction</h1>
|
<h1 class="title">Posts Introduction</h1>
|
||||||
<div class="filetags"><a href="/categories.html"> <span class="post-tag">introduction</span> </a></div>
|
<div class="filetags"><a href="/categories.html"> <span class="post-tag">introduction</span> </a></div>
|
||||||
|
|
||||||
<div id="outline-container-orgdab296b" class="outline-2">
|
<div id="outline-container-org04dc95e" class="outline-2">
|
||||||
<h2 id="orgdab296b">Introduction</h2>
|
<h2 id="org04dc95e">Introduction</h2>
|
||||||
<div class="outline-text-2" id="text-orgdab296b">
|
<div class="outline-text-2" id="text-org04dc95e">
|
||||||
<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(s) 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(s) learnt.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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 List</title>
|
<title>Posts List</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,16 +214,16 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<h1 class="title">Posts List</h1>
|
<h1 class="title">Posts List</h1>
|
||||||
<p>
|
<p>
|
||||||
See the categories: <a href="../categories.html">Categories</a>
|
See the categories: <a href="../categories.html">Categories</a>
|
||||||
</p>
|
</p>
|
||||||
<div id="outline-container-orgc1336e1" class="outline-2">
|
<div id="outline-container-orgcd42a39" class="outline-2">
|
||||||
<h2 id="orgc1336e1">Posts:</h2>
|
<h2 id="orgcd42a39">Posts:</h2>
|
||||||
<div class="outline-text-2" id="text-orgc1336e1">
|
<div class="outline-text-2" id="text-orgcd42a39">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a> <span class="post-date">10-08-2025 20:00</span> <a href="/tags/books.html"> <span class="post-tag">books</span> </a> <a href="/tags/notes.html"> <span class="post-tag">notes</span> </a></li>
|
<li><a href="clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a> <span class="post-date">10-08-2025 20:00</span> <a href="/tags/books.html"> <span class="post-tag">books</span> </a> <a href="/tags/notes.html"> <span class="post-tag">notes</span> </a></li>
|
||||||
<li><a href="clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a> <span class="post-date">10-08-2025 19:45</span> <a href="/tags/books.html"> <span class="post-tag">books</span> </a> <a href="/tags/notes.html"> <span class="post-tag">notes</span> </a></li>
|
<li><a href="clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a> <span class="post-date">10-08-2025 19:45</span> <a href="/tags/books.html"> <span class="post-tag">books</span> </a> <a href="/tags/notes.html"> <span class="post-tag">notes</span> </a></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Setup</title>
|
<title>Setup</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -213,9 +218,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<h1 class="title">Setup</h1>
|
<h1 class="title">Setup</h1>
|
||||||
<div id="outline-container-org32a3c56" class="outline-2">
|
<div id="outline-container-org74f1bdb" class="outline-2">
|
||||||
<h2 id="org32a3c56">Introduction</h2>
|
<h2 id="org74f1bdb">Introduction</h2>
|
||||||
<div class="outline-text-2" id="text-org32a3c56">
|
<div class="outline-text-2" id="text-org74f1bdb">
|
||||||
<p>
|
<p>
|
||||||
<i>Last updated: <span class="timestamp-wrapper"><span class="timestamp"><2025-08-10 Sun 20:42></span></span></i>
|
<i>Last updated: <span class="timestamp-wrapper"><span class="timestamp"><2025-08-10 Sun 20:42></span></span></i>
|
||||||
</p>
|
</p>
|
||||||
@@ -230,9 +235,9 @@ This page will highlight the <code>build-script.el</code> used to generate this
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-orgbda3b74" class="outline-2">
|
<div id="outline-container-org0bbbe57" class="outline-2">
|
||||||
<h2 id="orgbda3b74">The script</h2>
|
<h2 id="org0bbbe57">The script</h2>
|
||||||
<div class="outline-text-2" id="text-orgbda3b74">
|
<div class="outline-text-2" id="text-org0bbbe57">
|
||||||
<p>
|
<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.
|
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>
|
||||||
@@ -645,9 +650,9 @@ Created with %c on <a href=\"https://www.archlinux.org/\">Arch</a> &
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="outline-container-org1d8a76e" class="outline-2">
|
<div id="outline-container-orgaadd395" class="outline-2">
|
||||||
<h2 id="org1d8a76e">Publish Script</h2>
|
<h2 id="orgaadd395">Publish Script</h2>
|
||||||
<div class="outline-text-2" id="text-org1d8a76e">
|
<div class="outline-text-2" id="text-orgaadd395">
|
||||||
<p>
|
<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:
|
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>
|
</p>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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</title>
|
<title>Sitemap</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,7 +214,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<h1 class="title">Sitemap</h1>
|
<h1 class="title">Sitemap</h1>
|
||||||
@@ -218,8 +223,8 @@
|
|||||||
<li><a href="index.html">Home Page</a></li>
|
<li><a href="index.html">Home Page</a></li>
|
||||||
<li><a href="contact.html">Contact</a></li>
|
<li><a href="contact.html">Contact</a></li>
|
||||||
<li><a href="posts.html">Posts</a></li>
|
<li><a href="posts.html">Posts</a></li>
|
||||||
<li><a href="categories.html">Categories</a></li>
|
|
||||||
<li><a href="setup.html">Setup</a></li>
|
<li><a href="setup.html">Setup</a></li>
|
||||||
|
<li><a href="categories.html">Categories</a></li>
|
||||||
<li>posts
|
<li>posts
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="posts/posts-intro.html">Posts Introduction</a></li>
|
<li><a href="posts/posts-intro.html">Posts Introduction</a></li>
|
||||||
@@ -237,13 +242,13 @@
|
|||||||
</ul></li>
|
</ul></li>
|
||||||
<li>tags
|
<li>tags
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
|
<li><a href="tags/books.html">Tag: books</a></li>
|
||||||
|
<li><a href="tags/emacs.html">Tag: emacs</a></li>
|
||||||
<li><a href="tags/education.html">Tag: education</a></li>
|
<li><a href="tags/education.html">Tag: education</a></li>
|
||||||
<li><a href="tags/notes.html">Tag: notes</a></li>
|
<li><a href="tags/notes.html">Tag: notes</a></li>
|
||||||
<li><a href="tags/books.html">Tag: books</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/website.html">Tag: website</a></li>
|
|
||||||
<li><a href="tags/review.html">Tag: review</a></li>
|
<li><a href="tags/review.html">Tag: review</a></li>
|
||||||
|
<li><a href="tags/introduction.html">Tag: introduction</a></li>
|
||||||
|
<li><a href="tags/website.html">Tag: website</a></li>
|
||||||
<li><a href="tags/insights.html">Tag: insights</a></li>
|
<li><a href="tags/insights.html">Tag: insights</a></li>
|
||||||
<li><a href="tags/weekly-review.html">Tag: weekly-review</a></li>
|
<li><a href="tags/weekly-review.html">Tag: weekly-review</a></li>
|
||||||
</ul></li>
|
</ul></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: books</title>
|
<title>Tag: books</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-orge7a234c" class="outline-2">
|
<div id="outline-container-org5f64ea7" class="outline-2">
|
||||||
<h2 id="orge7a234c">Posts tagged books</h2>
|
<h2 id="org5f64ea7">Posts tagged books</h2>
|
||||||
<div class="outline-text-2" id="text-orge7a234c">
|
<div class="outline-text-2" id="text-org5f64ea7">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../posts/clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a></li>
|
<li><a href="../posts/clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a></li>
|
||||||
<li><a href="../posts/clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a></li>
|
<li><a href="../posts/clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: education</title>
|
<title>Tag: education</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-orgd3e2ad2" class="outline-2">
|
<div id="outline-container-orga0812db" class="outline-2">
|
||||||
<h2 id="orgd3e2ad2">Posts tagged education</h2>
|
<h2 id="orga0812db">Posts tagged education</h2>
|
||||||
<div class="outline-text-2" id="text-orgd3e2ad2">
|
<div class="outline-text-2" id="text-orga0812db">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/2025/08/zettelkasten.html">Zettelkasten Method</a></li>
|
<li><a href="../blogs/2025/08/zettelkasten.html">Zettelkasten Method</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: emacs</title>
|
<title>Tag: emacs</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org31606eb" class="outline-2">
|
<div id="outline-container-org48aebc4" class="outline-2">
|
||||||
<h2 id="org31606eb">Posts tagged emacs</h2>
|
<h2 id="org48aebc4">Posts tagged emacs</h2>
|
||||||
<div class="outline-text-2" id="text-org31606eb">
|
<div class="outline-text-2" id="text-org48aebc4">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a></li>
|
<li><a href="../blogs/2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a></li>
|
||||||
<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>
|
<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>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: insights</title>
|
<title>Tag: insights</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org4536e0c" class="outline-2">
|
<div id="outline-container-orgac0b772" class="outline-2">
|
||||||
<h2 id="org4536e0c">Posts tagged insights</h2>
|
<h2 id="orgac0b772">Posts tagged insights</h2>
|
||||||
<div class="outline-text-2" id="text-org4536e0c">
|
<div class="outline-text-2" id="text-orgac0b772">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/2025/08/wacom-with-arch.html">Wacom With Arch</a></li>
|
<li><a href="../blogs/2025/08/wacom-with-arch.html">Wacom With Arch</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: introduction</title>
|
<title>Tag: introduction</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-orgfdf5335" class="outline-2">
|
<div id="outline-container-org4b2d56a" class="outline-2">
|
||||||
<h2 id="orgfdf5335">Posts tagged introduction</h2>
|
<h2 id="org4b2d56a">Posts tagged introduction</h2>
|
||||||
<div class="outline-text-2" id="text-orgfdf5335">
|
<div class="outline-text-2" id="text-org4b2d56a">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/blogs-intro.html">Blogs Introduction</a></li>
|
<li><a href="../blogs/blogs-intro.html">Blogs Introduction</a></li>
|
||||||
<li><a href="../posts/posts-intro.html">Posts Introduction</a></li>
|
<li><a href="../posts/posts-intro.html">Posts Introduction</a></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: notes</title>
|
<title>Tag: notes</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org326a16d" class="outline-2">
|
<div id="outline-container-orgea6e9b6" class="outline-2">
|
||||||
<h2 id="org326a16d">Posts tagged notes</h2>
|
<h2 id="orgea6e9b6">Posts tagged notes</h2>
|
||||||
<div class="outline-text-2" id="text-org326a16d">
|
<div class="outline-text-2" id="text-orgea6e9b6">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../posts/clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a></li>
|
<li><a href="../posts/clean-code/clean-code-chapter-2.html">Clean Code: Chapter 2 Notes</a></li>
|
||||||
<li><a href="../posts/clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a></li>
|
<li><a href="../posts/clean-code/clean-code-chapter-1.html">Clean Code: Chapter 1 Notes</a></li>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: review</title>
|
<title>Tag: review</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-orgb4d2aea" class="outline-2">
|
<div id="outline-container-orga2eb41a" class="outline-2">
|
||||||
<h2 id="orgb4d2aea">Posts tagged review</h2>
|
<h2 id="orga2eb41a">Posts tagged review</h2>
|
||||||
<div class="outline-text-2" id="text-orgb4d2aea">
|
<div class="outline-text-2" id="text-orga2eb41a">
|
||||||
<ul class="org-ul">
|
<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>
|
<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>
|
</ul>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: website</title>
|
<title>Tag: website</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-orgcdd07d4" class="outline-2">
|
<div id="outline-container-org69c9629" class="outline-2">
|
||||||
<h2 id="orgcdd07d4">Posts tagged website</h2>
|
<h2 id="org69c9629">Posts tagged website</h2>
|
||||||
<div class="outline-text-2" id="text-orgcdd07d4">
|
<div class="outline-text-2" id="text-org69c9629">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a></li>
|
<li><a href="../blogs/2025/08/spending-the-whole-day-on-this-website.html">09-08-2025: Website Changes</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -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-10 Sun 20:55 -->
|
<!-- 2025-08-10 Sun 22:23 -->
|
||||||
<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>Tag: weekly-review</title>
|
<title>Tag: weekly-review</title>
|
||||||
@@ -194,7 +194,12 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/styles/style.css" />
|
<link rel="stylesheet" href="/assets/styles/style.css" />
|
||||||
|
<link rel="stylesheet" href="/assets/styles/bigger-picture.min.css" />
|
||||||
|
|
||||||
<script src="/assets/scripts/script.js" defer></script>
|
<script src="/assets/scripts/script.js" defer></script>
|
||||||
|
<script src="/assets/scripts/bigger-picture.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/svg-pan-zoom.min.js" defer></script>
|
||||||
|
<script src="/assets/scripts/gallery-init.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preamble" class="status">
|
<div id="preamble" class="status">
|
||||||
@@ -209,12 +214,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌗 Theme</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="updated">Updated: 2025-08-10 Sun 20:55</div>
|
<div id="updated">Updated: 2025-08-10 Sun 22:23</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="content" class="content">
|
<div id="content" class="content">
|
||||||
<div id="outline-container-org555a011" class="outline-2">
|
<div id="outline-container-org2f6d3ec" class="outline-2">
|
||||||
<h2 id="org555a011">Posts tagged weekly-review</h2>
|
<h2 id="org2f6d3ec">Posts tagged weekly-review</h2>
|
||||||
<div class="outline-text-2" id="text-org555a011">
|
<div class="outline-text-2" id="text-org2f6d3ec">
|
||||||
<ul class="org-ul">
|
<ul class="org-ul">
|
||||||
<li><a href="../blogs/2025/08/weekly-review-week-ending-august-10-2025.html">Weekly review: Week ending August 10, 2025</a></li>
|
<li><a href="../blogs/2025/08/weekly-review-week-ending-august-10-2025.html">Weekly review: Week ending August 10, 2025</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user