JL Kruger
5422131782
Homepage (site/index.html): integration-v14 promoted, Writings section integrated with 33 pieces clustered by type (stories/essays/miscellany), Writings welcome lightbox, content frame at 98% opacity. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1049 lines
51 KiB
HTML
1049 lines
51 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Sophisticated Snake Oil // nomad-soul</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=VT323&family=Inconsolata:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--bg: #040b04;
|
||
--surface: #081408;
|
||
--surface2: #0d1f0d;
|
||
--phosphor: #33ff44;
|
||
--phosphor-dim: #1a8822;
|
||
--phosphor-faint: #0d4410;
|
||
--rasta-red: #dd1100;
|
||
--rasta-gold: #d4a010;
|
||
--rasta-green: #22cc33;
|
||
--border: #143314;
|
||
--border-hot: #22aa22;
|
||
--text: #c8e8c8;
|
||
--text-dim: #5a8a5a;
|
||
}
|
||
|
||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||
html { scroll-behavior: smooth; }
|
||
|
||
/* ── SCANLINES ── */
|
||
body {
|
||
background: var(--bg);
|
||
color: var(--text);
|
||
font-family: 'Inconsolata', monospace;
|
||
font-size: 15px;
|
||
line-height: 1.75;
|
||
min-height: 100vh;
|
||
position: relative;
|
||
}
|
||
|
||
body::before {
|
||
content: '';
|
||
position: fixed;
|
||
inset: 0;
|
||
background: repeating-linear-gradient(
|
||
0deg,
|
||
transparent,
|
||
transparent 2px,
|
||
rgba(0,0,0,0.18) 2px,
|
||
rgba(0,0,0,0.18) 4px
|
||
);
|
||
pointer-events: none;
|
||
z-index: 9998;
|
||
}
|
||
|
||
/* grain */
|
||
body::after {
|
||
content: '';
|
||
position: fixed;
|
||
inset: 0;
|
||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
|
||
background-size: 180px 180px;
|
||
pointer-events: none;
|
||
z-index: 9999;
|
||
opacity: 0.5;
|
||
mix-blend-mode: overlay;
|
||
}
|
||
|
||
/* ── MASTHEAD ── */
|
||
.masthead {
|
||
border-bottom: 1px solid var(--border-hot);
|
||
padding: 28px 28px 22px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.masthead-top {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 11px;
|
||
letter-spacing: 0.25em;
|
||
color: var(--rasta-green);
|
||
margin-bottom: 8px;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.masthead-top span { color: var(--text-dim); }
|
||
|
||
/* CRT flicker on title */
|
||
@keyframes flicker {
|
||
0%,96%,100% { opacity:1; }
|
||
97% { opacity:0.85; }
|
||
98% { opacity:1; }
|
||
99% { opacity:0.9; }
|
||
}
|
||
|
||
.masthead-title {
|
||
font-family: 'VT323', monospace;
|
||
font-size: clamp(22px, 4.5vw, 44px);
|
||
line-height: 1.05;
|
||
color: var(--phosphor);
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.04em;
|
||
animation: flicker 8s infinite;
|
||
text-shadow: 0 0 18px rgba(51,255,68,0.35);
|
||
}
|
||
|
||
.masthead-subtitle {
|
||
font-family: 'VT323', monospace;
|
||
font-size: clamp(14px, 2.8vw, 22px);
|
||
color: var(--rasta-gold);
|
||
margin-top: 4px;
|
||
letter-spacing: 0.05em;
|
||
}
|
||
|
||
.masthead-meta {
|
||
margin-top: 12px;
|
||
font-size: 12px;
|
||
color: var(--text-dim);
|
||
font-family: 'Inconsolata', monospace;
|
||
}
|
||
|
||
.masthead-meta a { color: var(--rasta-gold); text-decoration: none; }
|
||
.masthead-meta a:hover { text-decoration: underline; }
|
||
|
||
.prompt-blink {
|
||
display: inline-block;
|
||
width: 9px;
|
||
height: 14px;
|
||
background: var(--phosphor);
|
||
vertical-align: middle;
|
||
margin-left: 4px;
|
||
animation: blink 1.1s step-end infinite;
|
||
}
|
||
|
||
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
|
||
|
||
/* ── BOX-DRAW BORDER ── */
|
||
.box-frame {
|
||
border-top: 1px solid var(--border-hot);
|
||
border-bottom: 1px solid var(--border-hot);
|
||
position: relative;
|
||
}
|
||
|
||
.box-frame::before {
|
||
content: '╔══════════════════════════════════════════════════════╗';
|
||
display: block;
|
||
font-family: 'VT323', monospace;
|
||
font-size: 13px;
|
||
color: var(--border-hot);
|
||
letter-spacing: 0;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
padding: 2px 0 0 0;
|
||
opacity: 0.6;
|
||
}
|
||
|
||
/* ── TAB NAV ── */
|
||
.tab-nav {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 100;
|
||
background: var(--bg);
|
||
border-bottom: 1px solid var(--border-hot);
|
||
display: flex;
|
||
overflow-x: auto;
|
||
gap: 0;
|
||
}
|
||
|
||
.tab-nav::-webkit-scrollbar { height: 2px; background: var(--surface); }
|
||
.tab-nav::-webkit-scrollbar-thumb { background: var(--rasta-green); }
|
||
|
||
/* rgbsplit on hover */
|
||
@keyframes rgbsplit {
|
||
0%,100% { text-shadow: none; }
|
||
33% { text-shadow: -2px 0 var(--rasta-red), 2px 0 var(--rasta-green); }
|
||
66% { text-shadow: 2px 0 var(--rasta-red), -2px 0 var(--rasta-gold); }
|
||
}
|
||
|
||
.tab-btn {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 17px;
|
||
letter-spacing: 0.12em;
|
||
text-transform: uppercase;
|
||
padding: 12px 22px;
|
||
background: none;
|
||
border: none;
|
||
border-right: 1px solid var(--border);
|
||
color: var(--text-dim);
|
||
cursor: pointer;
|
||
white-space: nowrap;
|
||
transition: color 100ms, background 100ms;
|
||
position: relative;
|
||
}
|
||
|
||
.tab-btn:hover {
|
||
color: var(--phosphor);
|
||
background: var(--surface);
|
||
animation: rgbsplit 0.3s steps(1) 1;
|
||
}
|
||
|
||
.tab-btn.active {
|
||
color: var(--rasta-green);
|
||
background: var(--surface);
|
||
}
|
||
|
||
.tab-btn.active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: -1px; left: 0; right: 0;
|
||
height: 2px;
|
||
background: linear-gradient(90deg, var(--rasta-red), var(--rasta-gold), var(--rasta-green));
|
||
}
|
||
|
||
/* ── LAYOUT ── */
|
||
.page-wrap {
|
||
max-width: 780px;
|
||
margin: 0 auto;
|
||
padding: 36px 24px 80px;
|
||
}
|
||
|
||
.tab-content { display: none; }
|
||
.tab-content.active { display: block; }
|
||
|
||
/* ── PROSE ── */
|
||
.prose h2 {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 26px;
|
||
letter-spacing: 0.1em;
|
||
color: var(--rasta-gold);
|
||
text-transform: uppercase;
|
||
margin: 38px 0 14px;
|
||
border-bottom: 1px solid var(--border);
|
||
padding-bottom: 4px;
|
||
}
|
||
|
||
.prose h2::before { content: '>> '; color: var(--rasta-green); }
|
||
|
||
.prose p {
|
||
margin-bottom: 18px;
|
||
color: var(--text);
|
||
}
|
||
|
||
.prose em {
|
||
font-style: italic;
|
||
color: var(--rasta-gold);
|
||
}
|
||
|
||
.prose strong {
|
||
font-weight: 700;
|
||
color: var(--phosphor);
|
||
}
|
||
|
||
.prose hr {
|
||
border: none;
|
||
border-top: 1px solid var(--border);
|
||
margin: 32px 0;
|
||
}
|
||
|
||
/* ── VERSE BLOCK ── */
|
||
.verse-block {
|
||
border-left: 3px solid var(--rasta-gold);
|
||
border-right: 1px solid var(--border);
|
||
padding: 18px 20px;
|
||
margin: 24px 0;
|
||
background: var(--surface2);
|
||
font-family: 'VT323', monospace;
|
||
font-size: 20px;
|
||
line-height: 1.55;
|
||
color: var(--rasta-gold);
|
||
letter-spacing: 0.03em;
|
||
position: relative;
|
||
}
|
||
|
||
.verse-block::before {
|
||
content: '// SATIRICAL VERSE';
|
||
display: block;
|
||
font-family: 'Inconsolata', monospace;
|
||
font-size: 10px;
|
||
letter-spacing: 0.3em;
|
||
color: var(--text-dim);
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.verse-block p { color: var(--rasta-gold); margin-bottom: 6px; }
|
||
|
||
/* ── SIGN-OFF ── */
|
||
.sign-off {
|
||
border-top: 1px solid var(--border);
|
||
padding-top: 18px;
|
||
margin-top: 30px;
|
||
color: var(--text-dim);
|
||
font-style: italic;
|
||
}
|
||
|
||
/* ── INTRO NOTE ── */
|
||
.intro-note {
|
||
background: var(--surface);
|
||
border: 1px solid var(--border);
|
||
border-left: 3px solid var(--rasta-green);
|
||
padding: 12px 16px;
|
||
margin-bottom: 28px;
|
||
font-size: 12px;
|
||
color: var(--text-dim);
|
||
font-family: 'Inconsolata', monospace;
|
||
}
|
||
|
||
.intro-note::before {
|
||
content: '// ';
|
||
color: var(--rasta-green);
|
||
}
|
||
|
||
/* ── INLINE DECODER ── */
|
||
.decoder { display: inline; position: relative; }
|
||
|
||
.decoder-trigger {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
font-style: inherit;
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px dashed var(--rasta-gold);
|
||
color: var(--rasta-gold);
|
||
cursor: pointer;
|
||
padding: 0 1px;
|
||
line-height: inherit;
|
||
transition: color 80ms, background 80ms;
|
||
}
|
||
|
||
.decoder-trigger:hover {
|
||
background: rgba(212, 160, 16, 0.12);
|
||
color: var(--phosphor);
|
||
}
|
||
|
||
.decoder-trigger::after {
|
||
content: '▾';
|
||
font-size: 10px;
|
||
margin-left: 2px;
|
||
color: var(--rasta-green);
|
||
font-family: 'Inconsolata', monospace;
|
||
}
|
||
|
||
.decoder-trigger.open { color: var(--phosphor); border-bottom-style: solid; }
|
||
.decoder-trigger.open::after { content: '▴'; }
|
||
|
||
.decoder-panel {
|
||
display: none;
|
||
position: absolute;
|
||
top: calc(100% + 6px);
|
||
left: 0;
|
||
z-index: 500;
|
||
width: 320px;
|
||
background: var(--surface);
|
||
border: 1px solid var(--rasta-green);
|
||
border-top: 2px solid var(--rasta-green);
|
||
padding: 0;
|
||
font-size: 13px;
|
||
line-height: 1.55;
|
||
color: var(--text);
|
||
box-shadow: 0 0 20px rgba(34,204,51,0.12);
|
||
}
|
||
|
||
.decoder-panel.open { display: block; }
|
||
.decoder-panel.flip-left { left: auto; right: 0; }
|
||
|
||
.decoder-panel-header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
padding: 8px 12px;
|
||
background: var(--surface2);
|
||
border-bottom: 1px solid var(--border);
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
}
|
||
|
||
.decoder-prompt {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 16px;
|
||
color: var(--rasta-green);
|
||
}
|
||
|
||
.decode-label {
|
||
font-family: 'Inconsolata', monospace;
|
||
font-size: 9px;
|
||
letter-spacing: 0.25em;
|
||
text-transform: uppercase;
|
||
color: var(--text-dim);
|
||
}
|
||
|
||
.decode-term {
|
||
display: block;
|
||
font-family: 'VT323', monospace;
|
||
font-size: 18px;
|
||
color: var(--phosphor);
|
||
letter-spacing: 0.05em;
|
||
padding: 8px 12px 2px;
|
||
}
|
||
|
||
.decode-body {
|
||
display: block;
|
||
padding: 0 12px 12px;
|
||
color: var(--text);
|
||
font-size: 13px;
|
||
}
|
||
|
||
.decode-link {
|
||
display: block;
|
||
margin-top: 8px;
|
||
color: var(--rasta-gold);
|
||
font-size: 12px;
|
||
text-decoration: none;
|
||
font-style: italic;
|
||
}
|
||
|
||
.decode-link:hover { text-decoration: underline; }
|
||
|
||
/* ── LIGHTBOX TRIGGER ── */
|
||
.lb-trigger {
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
background: none;
|
||
border: none;
|
||
border-bottom: 1px solid var(--rasta-green);
|
||
color: var(--rasta-green);
|
||
cursor: pointer;
|
||
padding: 0 2px;
|
||
line-height: inherit;
|
||
transition: background 100ms;
|
||
}
|
||
|
||
.lb-trigger:hover {
|
||
background: rgba(34,204,51,0.1);
|
||
}
|
||
|
||
/* ── LIGHTBOX ── */
|
||
.lightbox-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
inset: 0;
|
||
background: rgba(0,0,0,0.88);
|
||
z-index: 1000;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 24px;
|
||
}
|
||
|
||
.lightbox-overlay.open { display: flex; }
|
||
|
||
.lightbox-box {
|
||
background: var(--surface);
|
||
border: 1px solid var(--rasta-green);
|
||
border-top: 3px solid var(--rasta-green);
|
||
max-width: 640px;
|
||
width: 100%;
|
||
max-height: 88vh;
|
||
overflow-y: auto;
|
||
box-shadow: 0 0 40px rgba(34,204,51,0.15);
|
||
}
|
||
|
||
.lightbox-box::-webkit-scrollbar { width: 4px; }
|
||
.lightbox-box::-webkit-scrollbar-thumb { background: var(--rasta-green); }
|
||
|
||
.lightbox-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 14px 18px;
|
||
border-bottom: 1px solid var(--border);
|
||
position: sticky;
|
||
top: 0;
|
||
background: var(--surface);
|
||
}
|
||
|
||
.lightbox-title {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 20px;
|
||
letter-spacing: 0.1em;
|
||
color: var(--phosphor);
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.lightbox-title::before { content: '[[ '; color: var(--rasta-red); }
|
||
.lightbox-title::after { content: ' ]]'; color: var(--rasta-red); }
|
||
|
||
.lightbox-close {
|
||
background: none;
|
||
border: 1px solid var(--border);
|
||
color: var(--text-dim);
|
||
cursor: pointer;
|
||
padding: 3px 10px;
|
||
font-family: 'VT323', monospace;
|
||
font-size: 18px;
|
||
letter-spacing: 0.1em;
|
||
transition: border-color 100ms, color 100ms;
|
||
}
|
||
|
||
.lightbox-close:hover { border-color: var(--rasta-red); color: var(--rasta-red); }
|
||
|
||
.lightbox-body {
|
||
padding: 22px 18px;
|
||
font-size: 14px;
|
||
line-height: 1.7;
|
||
color: var(--text);
|
||
}
|
||
|
||
.lightbox-body h3 {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 19px;
|
||
letter-spacing: 0.1em;
|
||
color: var(--rasta-gold);
|
||
text-transform: uppercase;
|
||
margin: 20px 0 8px;
|
||
}
|
||
|
||
.lightbox-body h3::before { content: '# '; color: var(--text-dim); }
|
||
.lightbox-body h3:first-child { margin-top: 0; }
|
||
.lightbox-body p { margin-bottom: 14px; }
|
||
|
||
.lightbox-body a { color: var(--rasta-gold); text-decoration: none; font-style: italic; }
|
||
.lightbox-body a:hover { text-decoration: underline; }
|
||
|
||
/* ── ACCORDION ── */
|
||
.acc-section-title {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 22px;
|
||
letter-spacing: 0.1em;
|
||
color: var(--rasta-red);
|
||
text-transform: uppercase;
|
||
margin: 36px 0 14px;
|
||
padding-bottom: 4px;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.acc-section-title::before { content: '>> '; color: var(--text-dim); }
|
||
|
||
.accordion-item {
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
|
||
.accordion-trigger {
|
||
width: 100%;
|
||
background: none;
|
||
border: none;
|
||
text-align: left;
|
||
padding: 15px 0;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
gap: 14px;
|
||
color: var(--text);
|
||
transition: color 100ms;
|
||
}
|
||
|
||
.accordion-trigger:hover { color: var(--rasta-gold); }
|
||
.accordion-trigger.open { color: var(--rasta-gold); }
|
||
|
||
.accordion-trigger::before {
|
||
content: '>';
|
||
font-family: 'VT323', monospace;
|
||
font-size: 18px;
|
||
color: var(--rasta-green);
|
||
flex-shrink: 0;
|
||
margin-top: 1px;
|
||
transition: content 100ms;
|
||
}
|
||
|
||
.accordion-trigger.open::before { content: 'v'; }
|
||
|
||
.accordion-trigger-text {
|
||
font-family: 'Inconsolata', monospace;
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
line-height: 1.4;
|
||
flex: 1;
|
||
}
|
||
|
||
.accordion-arrow {
|
||
font-size: 13px;
|
||
color: var(--rasta-red);
|
||
flex-shrink: 0;
|
||
margin-top: 2px;
|
||
transition: transform 150ms;
|
||
}
|
||
|
||
.accordion-trigger.open .accordion-arrow { transform: rotate(180deg); }
|
||
|
||
.accordion-panel {
|
||
display: none;
|
||
padding: 0 0 18px 20px;
|
||
border-left: 2px solid var(--border-hot);
|
||
font-size: 13.5px;
|
||
line-height: 1.7;
|
||
color: var(--text);
|
||
}
|
||
|
||
.accordion-panel.open { display: block; }
|
||
.accordion-panel p { margin-bottom: 12px; }
|
||
.accordion-panel p:last-child { margin-bottom: 0; }
|
||
.accordion-panel a { color: var(--rasta-gold); text-decoration: none; font-style: italic; }
|
||
.accordion-panel a:hover { text-decoration: underline; }
|
||
|
||
/* ── READING ── */
|
||
.reading-group-title {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 17px;
|
||
letter-spacing: 0.2em;
|
||
text-transform: uppercase;
|
||
color: var(--rasta-green);
|
||
margin: 30px 0 10px;
|
||
border-top: 1px dashed var(--border);
|
||
padding-top: 18px;
|
||
}
|
||
|
||
.reading-group-title:first-of-type { border-top: none; padding-top: 6px; margin-top: 8px; }
|
||
|
||
.reading-item {
|
||
border-bottom: 1px solid var(--border);
|
||
padding: 12px 0;
|
||
}
|
||
|
||
.reading-item a {
|
||
font-weight: 700;
|
||
color: var(--rasta-gold);
|
||
text-decoration: none;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.reading-item a:hover { text-decoration: underline; }
|
||
|
||
.reading-desc {
|
||
font-size: 12px;
|
||
color: var(--text-dim);
|
||
margin-top: 4px;
|
||
font-style: italic;
|
||
}
|
||
|
||
.reading-tag {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 13px;
|
||
color: var(--rasta-red);
|
||
border: 1px solid var(--rasta-red);
|
||
padding: 0 5px;
|
||
margin-right: 6px;
|
||
vertical-align: middle;
|
||
letter-spacing: 0.1em;
|
||
}
|
||
|
||
/* ── CALLOUT ── */
|
||
.callout {
|
||
background: var(--surface2);
|
||
border: 1px solid var(--border);
|
||
border-left: 3px solid var(--rasta-red);
|
||
padding: 14px 16px;
|
||
margin: 22px 0;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.callout-label {
|
||
font-family: 'VT323', monospace;
|
||
font-size: 14px;
|
||
letter-spacing: 0.2em;
|
||
color: var(--rasta-red);
|
||
display: block;
|
||
margin-bottom: 6px;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
/* scrollbar */
|
||
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||
::-webkit-scrollbar-track { background: var(--bg); }
|
||
::-webkit-scrollbar-thumb { background: var(--border); }
|
||
::-webkit-scrollbar-thumb:hover { background: var(--rasta-green); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="masthead">
|
||
<div class="masthead-top">
|
||
<span>NOMAD-SOUL :: STEEMIT DISPATCH ::</span> 05-JUN-2018
|
||
<span class="prompt-blink"></span>
|
||
</div>
|
||
<div class="masthead-title">Sophisticated Snake Oil</div>
|
||
<div class="masthead-subtitle">— or: How Stupid Do You Think The Internet Is?</div>
|
||
<div class="masthead-meta">
|
||
by <a href="https://steemit.com/@your-nomad-soul" target="_blank">@your-nomad-soul</a>
|
||
·
|
||
posted to <a href="https://steemit.com/comedy/@your-nomad-soul/sophisticated-snake-oil-or-how-stupid-do-you-think-the-internet-is" target="_blank">Steemit /comedy</a>
|
||
· June 5 2018
|
||
</div>
|
||
</div>
|
||
|
||
<nav class="tab-nav" role="tablist">
|
||
<button class="tab-btn active" onclick="switchTab('tab-rant', this)">The Rant</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-grift', this)">The Grift</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-context', this)">The Context</button>
|
||
<button class="tab-btn" onclick="switchTab('tab-reading', this)">Further Reading</button>
|
||
</nav>
|
||
|
||
<!-- ══════════════════════════════════════ -->
|
||
<!-- TAB 1: THE RANT -->
|
||
<!-- ══════════════════════════════════════ -->
|
||
<div id="tab-rant" class="tab-content active">
|
||
<div class="page-wrap">
|
||
|
||
<div class="intro-note">Terms in gold are decoders. Green underlines open deeper explainers.</div>
|
||
|
||
<div class="prose">
|
||
<p>This is what the 21st Century has brought us — People being People. People convincing People to believe Unbelievable Bullshit.</p>
|
||
|
||
<p>I hereby present:</p>
|
||
|
||
<p><strong>MY THOUGHTS While Clicking on What <span class="decoder" id="dec-youtube"><button class="decoder-trigger" onclick="toggleDecoder('dec-youtube', this)">YouTube Thinks I Should Watch</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Platform / Algorithm</span></span><span class="decode-term">YouTube Recommendation Engine</span><span class="decode-body">By 2018, YouTube's watch-time-optimised algorithm had become the dominant pipeline for pseudoscientific and politically extreme content. The system surfaced videos based on what kept users watching — not accuracy, not credibility. If woo performed well, the algorithm promoted woo.<a class="decode-link" href="https://en.wikipedia.org/wiki/YouTube_radicalization" target="_blank">→ Wikipedia: YouTube radicalisation</a></span></span></span>
|
||
<br>Or: A RESPONSE TO ALL THE <span class="decoder" id="dec-fucknuggets"><button class="decoder-trigger" onclick="toggleDecoder('dec-fucknuggets', this)">FUCKNUGGETS OF INTERNET</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Neologism</span></span><span class="decode-term">Fucknuggets of Internet</span><span class="decode-body">The author's affectionate-hostile taxonomy for content creators who deploy the aesthetics of intellectual rigour — complex graphics, expert guests, dramatic music — without any of its substance. Earnest grifters. Confident idiots. Believers in their own baloney.</span></span></span></strong></p>
|
||
|
||
<p>At least these folks did us the courtesy of joking about the fact that they're lying, whilst trying to distract us from the awful <span class="decoder" id="dec-mathsorcery"><button class="decoder-trigger" onclick="toggleDecoder('dec-mathsorcery', this)">math-sorcery</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Critique</span></span><span class="decode-term">Math-Sorcery</span><span class="decode-body">The technique of invoking mathematics or physics as authority — not to explain, but to intimidate. The audience cannot follow the equations, which is the point. The conclusion is presented as flowing inevitably from the math, bypassing the viewer's critical faculties entirely. See also: the <a href="https://en.wikipedia.org/wiki/Gish_gallop" target="_blank" style="color:var(--rasta-gold)">Gish gallop</a>.</span></span></span>.</p>
|
||
|
||
<p>Don't promise me the ol' <span class="decoder" id="dec-johnnypie"><button class="decoder-trigger" onclick="toggleDecoder('dec-johnnypie', this)">Johnny-Pie-Face</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Reference</span></span><span class="decode-term">PewDiePie / YouTube Thumbnail Trope</span><span class="decode-body">"Johnny-Pie-Face" reads as a mangled version of PewDiePie (Felix Kjellberg), but the author's point is broader: the open-mouthed, wide-eyed thumbnail face that YouTube creators use to signal shock, revelation, or outrage. A visual promise of delivered drama — which pseudoscience videos routinely fail to honour for anyone paying attention.<a class="decode-link" href="https://en.wikipedia.org/wiki/PewDiePie" target="_blank">→ Wikipedia: PewDiePie</a></span></span></span> and then not deliver as if you were lying when you promised. That hurt my feelings. Also, if mathematics is the backbone of your argument, you seem to shoot and cut all the 'technical' sections like... well... like you don't actually want us to engage with the logic. You're counting on people who listen for the conclusion, not the argument.</p>
|
||
|
||
<div class="verse-block">
|
||
<p>"Here is Math. You won't understand it. Look at the Man Looking Bored With These Pages."</p>
|
||
<p>"According to the Math, There is Thing. Thing is Important."</p>
|
||
<p> </p>
|
||
<p>"Here is Physics. It does things. We don't understand. Look at how pretty the patterns are."</p>
|
||
<p>"According to Physics, Things happen. Things are important."</p>
|
||
<p> </p>
|
||
<p>"Don't Worry, here is a Man. He is Grey, coz Brain. He Will Say Some Stuff about the Thing and Things. Things That Seem... As Good As Any Other Greek I Suppose. Look... You don't need to understand it, just wait for the bit where we cue the "Mind Blown" bit. You'll know how to feel about all this then. Man has got you covered. It's his face in the video."</p>
|
||
<p> </p>
|
||
<p>Thing from the Math, and Things in the Physics<br>
|
||
Keep Doing Things We Don't Understand<br>
|
||
Until We Do, Then It's Oh Soooooo Grand!!!</p>
|
||
</div>
|
||
|
||
<p>But until Then, we have to suffer these kinds of fools.</p>
|
||
|
||
<p>If the research is legitimate (and it could be) then tell the people who produced this video to get <span class="decoder" id="dec-eli5"><button class="decoder-trigger" onclick="toggleDecoder('dec-eli5', this)">ELI5 on Reddit</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Platform / Community</span></span><span class="decode-term">r/explainlikeimfive</span><span class="decode-body">A Reddit subreddit (community) where users request simple explanations of complex topics, as if explaining to a five-year-old. The author's point is sharp: if your research is real, a skilled explainer can make it accessible. The refusal to explain accessibly is itself a red flag — real scientists typically want to be understood.<a class="decode-link" href="https://www.reddit.com/r/explainlikeimfive/" target="_blank">→ reddit.com/r/explainlikeimfive</a></span></span></span> to write you some explainer clips based on your findings and whatever else is published. Good research may be tedious to do, but that does not mean it should be impossible to engage with.</p>
|
||
|
||
<p>It seems to me that your film is about how <span class="decoder" id="dec-simtheory"><button class="decoder-trigger" onclick="toggleDecoder('dec-simtheory', this)">God exists and we are indeed, to quote <span class="decoder" id="dec-boburnham" style="display:inline;position:relative;"><button class="decoder-trigger" onclick="toggleDecoder('dec-boburnham', this)">Bo Burnham</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Reference</span></span><span class="decode-term">Bo Burnham</span><span class="decode-body">Comedian, musician, writer, and filmmaker (born 1990). Best known by 2018 for his Netflix specials and introspective, meta-humorous music. The "bad game of Sims" line suggests the author is referencing simulation hypothesis content through the lens of Burnham's satirical register — using comedy to gesture at the cosmic.<a class="decode-link" href="https://en.wikipedia.org/wiki/Bo_Burnham" target="_blank">→ Wikipedia: Bo Burnham</a></span></span></span>, "a bad game of Sims"</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Video Subject</span></span><span class="decode-term">Simulation Hypothesis / Simulation Theory</span><span class="decode-body">The philosophical proposition that reality is a computer simulation — associated academically with Nick Bostrom's 2003 paper. By 2018 it had become YouTube woo staple, backed by misread quantum physics and celebrity endorsements (Elon Musk, Neil deGrasse Tyson). The author's "God exists" framing catches the genre's theological sleight of hand: simulation theory is often creationism in a lab coat.<a class="decode-link" href="https://en.wikipedia.org/wiki/Simulation_hypothesis" target="_blank">→ Wikipedia: Simulation hypothesis</a></span></span></span>.</p>
|
||
|
||
<p>Whether it's true or not needs to be subject to <button class="lb-trigger" onclick="openLightbox('lb-peerreview')">peer-review. It's a bitch, but it's a requirement.</button></p>
|
||
|
||
<p>Scrutiny. <button class="lb-trigger" onclick="openLightbox('lb-colonoscopy')">Like a colonoscopy — mostly a pain in the ass, but when you find something unhealthy in there, you at least know that it's there.</button> Then you can kill it with fire, (or poison. or radiation — but not too little radiation, because that will give it cancer — can you imagine having to deal with cancer that has cancer?) or cut it out with a laser coz Mr. Man is from the future of the past, with his Stuff about Thing and Things.</p>
|
||
|
||
<p>Or don't make cancer jokes. They're not cool. Neither is the way we treat homeless people, but we can still Rag on a Bum from Time to Time. It's fine. They're homeless. It doesn't matter.</p>
|
||
|
||
<p>Oh, I met a Homeless Guy — <span class="decoder" id="dec-once"><button class="decoder-trigger" onclick="toggleDecoder('dec-once', this)">Once</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Character</span></span><span class="decode-term">"Once" — The Homeless Oracle</span><span class="decode-body">The narrator's phonetic rendering of a name they couldn't catch cleanly — "that was what his name sounding like in my delicate, colonial ears." A throwaway character who turns out to deliver the essay's moral punchline: his unverifiable cosmic pronouncements were experientially indistinguishable from the YouTube woo video. The joke lands harder because it's almost certainly true.</span></span></span> (That was what his name sounding like in my delicate, <span class="decoder" id="dec-colonial"><button class="decoder-trigger" onclick="toggleDecoder('dec-colonial', this)">colonial</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Self-Description</span></span><span class="decode-term">Colonial Ears</span><span class="decode-body">The author's self-aware acknowledgment of their background — "colonial ears" suggests a listener shaped by British or post-colonial linguistic norms, potentially mishearing a name from another language or accent. It's a moment of self-implication inside a comedy piece: the narrator's own perception is also unreliable. Nomad, but with a particular kind of hearing.</span></span></span> ears), and he told me Stuff about Thing and Things too. It was a very similar experience to watching that there video.</p>
|
||
|
||
<p>Which leads me to the following conclusion, based on my evidence presented.</p>
|
||
|
||
<p>Either this video is lying to me, or Once was Jesus, and I'm going to Hell for Putting a Receipt from a <span class="decoder" id="dec-starbucks"><button class="decoder-trigger" onclick="toggleDecoder('dec-starbucks', this)">Starbucks</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Symbol</span></span><span class="decode-term">Starbucks Receipt</span><span class="decode-body">The punchline prop. A Starbucks receipt — a relic of late-capitalist consumer culture — stuffed into the cup of a potential messiah. The author's cowardice is specific, identifiable, and embarrassingly contemporary. The joke collapses cosmic and mundane into a single moment of guilty flight.</span></span></span> inside his Coffee Cup, keeping him talking while I slowly backed up far enough to start running the fuck away.</p>
|
||
|
||
<hr>
|
||
<div class="sign-off">
|
||
<p><em>(No sign-off. The nomad just ran.)</em></p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ══════════════════════════════════════ -->
|
||
<!-- TAB 2: THE GRIFT -->
|
||
<!-- ══════════════════════════════════════ -->
|
||
<div id="tab-grift" class="tab-content">
|
||
<div class="page-wrap">
|
||
|
||
<div class="intro-note">What makes pseudoscience content on YouTube tick — and why it works.</div>
|
||
|
||
<div class="acc-section-title">The Woo Playbook</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What is the "argument from authority via incomprehensibility" technique?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The essay's verse parody nails a specific rhetorical move: invoking a field (mathematics, physics, neuroscience) not to explain but to <em>silence</em>. The math appears on screen. The narrator acknowledges it's beyond most viewers. The conclusion is then presented as flowing necessarily from that math — but the step connecting equation to conclusion is never shown.</p>
|
||
<p>This is a cousin of the <a href="https://en.wikipedia.org/wiki/Appeal_to_authority" target="_blank">appeal to authority</a> but cleverer: the authority is not a person but a discipline. You can't check the expert's credentials or look up their publication history. You can only feel your own inadequacy in the face of the equations, and accept the presenter's summary.</p>
|
||
<p>The grey-haired expert who appears briefly is playing a related role — lending credibility by association. The viewer doesn't need to evaluate what the expert said; they need only register that an expert was present.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">Why is simulation theory particularly good YouTube content?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Simulation theory has everything an algorithm-friendly YouTube video needs: it's unfalsifiable (so it can't be disproved on camera), it's cosmic in implication (which triggers wonder, a high-engagement emotion), it references real physics (quantum mechanics is genuinely strange, and that strangeness is invokable without explanation), and it flatters the viewer's intelligence while asking nothing of it.</p>
|
||
<p>Nick Bostrom's original 2003 <a href="https://www.simulation-argument.com/simulation.pdf" target="_blank">simulation argument</a> is a rigorous philosophical paper — a trilemma with specific conditions. YouTube simulation content typically discards the rigour and retains the vibes. The conclusion ("we might be in a simulation") gets extracted from the careful conditional logic that generates it and presented as a standalone revelation.</p>
|
||
<p>Celebrity endorsement accelerated this: Elon Musk's 2016 claim that "the odds we're in base reality is one in billions" became a meme that circulated independently of any argument. The author is watching this cycle in motion — and unimpressed.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What's the difference between popularising science and woo?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The author's ELI5 suggestion is not philistinism — it's a diagnostic. Real science can be made accessible. The constraint is difficulty of communication, not difficulty of content. Carl Sagan, Richard Feynman, and more recently channels like <a href="https://www.youtube.com/@3blue1brown" target="_blank">3Blue1Brown</a> demonstrate that genuine scientific complexity can be rendered understandable without losing its substance.</p>
|
||
<p>Pseudoscience cannot afford ELI5 treatment because the clarity would expose the gap. When you strip away the production values and the technical-sounding language, what remains either does not say what the presenter claims, or says something trivial, or is simply not supported by the evidence shown.</p>
|
||
<p>The tell is in the editing. As the essay notes: "you seem to shoot and cut all the 'technical' sections like you don't actually want us to engage with the logic." Legitimate science communication lingers on the mechanism. Woo cuts away from it.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">Who is the "Once was Jesus" comparison targeting?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The essay's moral logic is precise and a little brutal: the YouTube video and the homeless man's street prophecy were <em>experientially identical</em> to the author. Both delivered unfalsifiable claims about the nature of reality through a fog of references the listener couldn't verify. Both required faith in the presenter's authority rather than engagement with evidence.</p>
|
||
<p>This is not a put-down of the homeless man — it is a deflation of the video. The production budget, the dramatic score, the physics citations: none of these make the claim more true. The narrator is equally unable to evaluate either one. The fancy wrapper is irrelevant to the epistemic situation.</p>
|
||
<p>The joke also implicates the narrator: they ran away from possible Jesus. They are not above this. The comedy is self-directed as much as outward — which is what saves the essay from being mere smugness.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ══════════════════════════════════════ -->
|
||
<!-- TAB 3: THE CONTEXT -->
|
||
<!-- ══════════════════════════════════════ -->
|
||
<div id="tab-context" class="tab-content">
|
||
<div class="page-wrap">
|
||
|
||
<div class="callout">
|
||
<span class="callout-label">// TIMESTAMP</span>
|
||
June 2018. The YouTube woo economy was at peak velocity. Simulation theory had gone mainstream via Musk (2016), Rogan podcast circuits, and a cluster of high-production "mind-expanding" channels. The author, watching from outside through an algorithm-curated feed on <span class="decoder" id="dec-steemit2"><button class="decoder-trigger" onclick="toggleDecoder('dec-steemit2', this)">Steemit</button><span class="decoder-panel"><span class="decoder-panel-header"><span class="decoder-prompt">>_</span><span class="decode-label">Platform</span></span><span class="decode-term">Steemit</span><span class="decode-body">Blockchain-based blogging platform launched 2016. Users earned STEEM cryptocurrency based on upvotes. Attracted writers sceptical of centralised platforms — and the surveillance capitalism model that incentivises the algorithm-driven content the essay mocks. The choice to publish critique of YouTube woo on a decentralised platform is itself a small act of cypherpunk dissent.<a class="decode-link" href="https://en.wikipedia.org/wiki/Steemit" target="_blank">→ Wikipedia: Steemit</a></span></span></span>, is writing a comedy rant that doubles as media criticism.
|
||
</div>
|
||
|
||
<div class="acc-section-title">YouTube's Woo Economy</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What was the "mind-expanding" YouTube genre that the essay targets?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>By 2018, a specific genre of YouTube content had crystallised: high-production-value videos promising to reveal the hidden nature of reality. Common formats included "The Science of Consciousness," "Is Reality an Illusion?", "We Are Living in a Simulation — Here's the Proof." Production quality was professional; intellectual standards were not.</p>
|
||
<p>The genre owed something to legitimate science communication (Nova documentaries, Carl Sagan's <em>Cosmos</em>), something to Joe Rogan-style "what if?" speculation, and something to the long tradition of metaphysical grift. It monetised intellectual insecurity: the pleasure of feeling like you now understand something important, without the discomfort of actually having to learn anything.</p>
|
||
<p>Channels in this space attracted millions of subscribers. The algorithm loved them: high completion rates (the drama kept people watching), high share rates (revelations feel worth sharing), and reliable re-watch behaviour (people come back for the feeling).</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What happened to this genre after 2018?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>The genre did not decline — it evolved. Post-2020, pseudoscientific YouTube merged with COVID misinformation, anti-vaccine content, and a broader epistemological crisis in which the audience for "alternative explanations" grew rapidly. The production values increased; the evidentiary standards did not.</p>
|
||
<p>The introduction of generative AI (2022–present) added a new layer: videos can now be produced at scale with synthetic voiceovers, AI-generated visuals, and algorithmically optimised scripts. The "Grey Man Who Knows Things" can now be entirely fabricated. The math-sorcery sequences can be generated in seconds.</p>
|
||
<p>Ironically, the author's prescription — take the research to ELI5, subject it to peer review — has also found its expression: science communication on YouTube has become genuinely excellent in the years since 2018. Channels like Veritasium, Kurzgesagt, and 3Blue1Brown demonstrate that the author's ask was reasonable. The woo channels and the legitimate ones co-exist; the algorithm does not reliably distinguish between them.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion-item">
|
||
<button class="accordion-trigger" onclick="toggleAccordion(this)">
|
||
<span class="accordion-trigger-text">What is the cypherpunk tradition and how does this essay fit it?</span>
|
||
<span class="accordion-arrow">▾</span>
|
||
</button>
|
||
<div class="accordion-panel">
|
||
<p>Cypherpunk — a movement that emerged in the late 1980s and crystallised in the 1990s — advocated for strong cryptography and privacy technologies as tools of individual liberation from state and corporate surveillance. Its manifesto tradition (Eric Hughes, Tim May) held that code was speech, that privacy was political, and that decentralised systems were inherently more honest than centralised ones.</p>
|
||
<p>Publishing this essay on Steemit — a blockchain platform — places it structurally within that tradition, even if the content is a comedy rant about pseudoscience. The author is using a decentralised, censorship-resistant platform to mock the content promoted by a centralised algorithmic one. The form is the argument.</p>
|
||
<p>The essay also enacts a cypherpunk epistemology: <em>verify, don't trust</em>. Peer review is the scientific community's version of cryptographic verification. The author's demand that the video subject its claims to scrutiny is the same demand that cypherpunks make of any system that asks for trust: show your work. Open your source. Let me check the math myself.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ══════════════════════════════════════ -->
|
||
<!-- TAB 4: FURTHER READING -->
|
||
<!-- ══════════════════════════════════════ -->
|
||
<div id="tab-reading" class="tab-content">
|
||
<div class="page-wrap">
|
||
|
||
<div class="reading-group-title">// On Simulation Theory & Its Discontents</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://www.simulation-argument.com/simulation.html" target="_blank">Are You Living in a Computer Simulation? — Nick Bostrom (2003)</a>
|
||
<div class="reading-desc"><span class="reading-tag">Paper</span>The actual academic source. A rigorous philosophical trilemma — read this to see how far the YouTube genre strays from the original argument.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://www.scientificamerican.com/article/are-we-living-in-a-computer-simulation/" target="_blank">Are We Living in a Computer Simulation? — Scientific American</a>
|
||
<div class="reading-desc"><span class="reading-tag">Article</span>Accessible overview of the serious philosophical debate — and why physicists are generally unimpressed by the popular version.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Simulation_hypothesis" target="_blank">Simulation Hypothesis — Wikipedia</a>
|
||
<div class="reading-desc"><span class="reading-tag">Reference</span>Covers the full landscape from Descartes to Bostrom to Musk. Maps what the essay is reacting against.</div>
|
||
</div>
|
||
|
||
<div class="reading-group-title">// On Science Communication & Woo</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/The_Demon-Haunted_World" target="_blank">The Demon-Haunted World — Carl Sagan (1995)</a>
|
||
<div class="reading-desc"><span class="reading-tag">Book</span>Sagan's defence of science against pseudoscience. Introduces the "baloney detection kit" — a set of critical thinking tools the author implicitly applies throughout the rant.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Gish_gallop" target="_blank">Gish Gallop — Wikipedia</a>
|
||
<div class="reading-desc"><span class="reading-tag">Reference</span>The rhetorical technique of overwhelming an opponent with many weak arguments. Related to the math-sorcery critique: volume of claims substitutes for quality of evidence.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://www.youtube.com/@3blue1brown" target="_blank">3Blue1Brown — YouTube Channel</a>
|
||
<div class="reading-desc"><span class="reading-tag">Channel</span>What good mathematics communication looks like. Proof that ELI5 and intellectual rigour are compatible.</div>
|
||
</div>
|
||
|
||
<div class="reading-group-title">// On Peer Review & Scientific Method</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Peer_review" target="_blank">Peer Review — Wikipedia</a>
|
||
<div class="reading-desc"><span class="reading-tag">Reference</span>The process the author insists on. Imperfect, slow, and bureaucratic — and still the best epistemic technology humans have invented for filtering bullshit from knowledge.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Replication_crisis" target="_blank">Replication Crisis — Wikipedia</a>
|
||
<div class="reading-desc"><span class="reading-tag">Reference</span>The uncomfortable follow-up: peer review is necessary but not sufficient. Many peer-reviewed findings fail to replicate. The author's faith in the system is well-placed but not unlimited.</div>
|
||
</div>
|
||
|
||
<div class="reading-group-title">// On the Cypherpunk Tradition</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://www.activism.net/cypherpunk/manifesto.html" target="_blank">A Cypherpunk's Manifesto — Eric Hughes (1993)</a>
|
||
<div class="reading-desc"><span class="reading-tag">Manifesto</span>"Privacy is necessary for an open society in the electronic age." The foundational text. The author is publishing critique of centralised algorithmic power on a decentralised blockchain — living the argument.</div>
|
||
</div>
|
||
|
||
<div class="reading-item">
|
||
<a href="https://en.wikipedia.org/wiki/Steemit" target="_blank">Steemit — Wikipedia</a>
|
||
<div class="reading-desc"><span class="reading-tag">Reference</span>The platform this essay was published on. Blockchain-based, cryptocurrency-rewarded, decentralised. Context for the publishing choice.</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ══════════════════════════════════════ -->
|
||
<!-- LIGHTBOXES -->
|
||
<!-- ══════════════════════════════════════ -->
|
||
|
||
<div class="lightbox-overlay" id="lb-peerreview" onclick="closeLightboxOnOverlay(event, 'lb-peerreview')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">Peer Review</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-peerreview')">CLOSE</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>What Peer Review Actually Is</h3>
|
||
<p>Peer review is the process by which a scientific paper, before publication, is evaluated by independent experts in the same field. Reviewers assess the methodology, the evidence, the statistical analysis, and the conclusions. They can reject the paper, request revisions, or recommend acceptance.</p>
|
||
<p>It is famously imperfect. Reviewers have biases. Prestigious journals have rejected papers that later won Nobel Prizes. The system is slow, opaque, and sometimes captured by dominant paradigms. The author's "it's a bitch" is not wrong.</p>
|
||
<h3>Why It Still Matters</h3>
|
||
<p>The alternative to peer review is not no review — it is self-certification. The YouTube video the author is watching has been reviewed by exactly no one independent of the people who made it. The production team decided the claims were valid. That is not a check; it is a mirror.</p>
|
||
<p>Peer review, even badly executed, introduces friction between a claim and its publication. That friction has costs — good ideas get delayed, bad ideas sometimes survive — but it catches a lot of bullshit that would otherwise circulate freely. The replication crisis (many peer-reviewed findings fail to replicate) shows the system's limits. The YouTube woo economy shows what happens without it.</p>
|
||
<h3>What the Author Is Really Asking</h3>
|
||
<p>The request is not that the video be boring or credentialed. It is that the claims be <em>testable</em> — that the methodology be stated clearly enough that an independent party could run the same experiment and see if they get the same result. Science is not a set of conclusions; it is a method. The method requires that anyone, in principle, could check your work. That is what "peer review" is asking for, at root.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="lightbox-overlay" id="lb-colonoscopy" onclick="closeLightboxOnOverlay(event, 'lb-colonoscopy')">
|
||
<div class="lightbox-box">
|
||
<div class="lightbox-header">
|
||
<span class="lightbox-title">Scrutiny as Method</span>
|
||
<button class="lightbox-close" onclick="closeLightbox('lb-colonoscopy')">CLOSE</button>
|
||
</div>
|
||
<div class="lightbox-body">
|
||
<h3>The Colonoscopy Metaphor</h3>
|
||
<p>It is, objectively, one of the better extended metaphors for the scientific method in recent comedy writing. A colonoscopy is unpleasant, invasive, and expensive. Most people would prefer not to have one. But when something is wrong, it finds it — and finding it is the precondition for fixing it.</p>
|
||
<p>The author's point is that scrutiny has the same structure: it is uncomfortable for everyone involved, including the scrutiniser, and most people prefer ideas that feel good to ideas that have been tested. But the discomfort is the mechanism. You cannot find the cancer without looking where you would rather not look.</p>
|
||
<h3>What Pseudoscience Avoids</h3>
|
||
<p>Pseudoscientific content is, structurally, anti-colonoscopy. It presents conclusions that feel revelatory and pleasant (we are special, consciousness is fundamental, the universe has meaning) while systematically avoiding the procedures that would test whether those conclusions hold. The editing choices the author notices — cutting away from the technical sections, not dwelling on the math — are exactly this avoidance in practice.</p>
|
||
<h3>The Comedy as Critical Method</h3>
|
||
<p>The cancer-that-has-cancer tangent is not just a joke. The author is demonstrating the same recursive scepticism they're advocating: even the cure (radiation) can become the disease if applied wrong. Even peer review can be gamed. Even scrutiny has limits. The method is not perfect — but unlike the video, it at least knows it isn't.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
function switchTab(id, btn) {
|
||
document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
|
||
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
||
document.getElementById(id).classList.add('active');
|
||
btn.classList.add('active');
|
||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||
}
|
||
|
||
function toggleDecoder(id, btn) {
|
||
const wrapper = document.getElementById(id);
|
||
const panel = wrapper.querySelector('.decoder-panel');
|
||
const isOpen = panel.classList.contains('open');
|
||
document.querySelectorAll('.decoder-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open').forEach(b => b.classList.remove('open'));
|
||
if (!isOpen) {
|
||
panel.classList.add('open');
|
||
btn.classList.add('open');
|
||
const rect = panel.getBoundingClientRect();
|
||
if (rect.right > window.innerWidth - 16) {
|
||
panel.classList.add('flip-left');
|
||
} else {
|
||
panel.classList.remove('flip-left');
|
||
}
|
||
}
|
||
}
|
||
|
||
document.addEventListener('click', function(e) {
|
||
if (!e.target.closest('.decoder')) {
|
||
document.querySelectorAll('.decoder-panel.open').forEach(p => p.classList.remove('open'));
|
||
document.querySelectorAll('.decoder-trigger.open').forEach(b => b.classList.remove('open'));
|
||
}
|
||
});
|
||
|
||
function openLightbox(id) {
|
||
document.getElementById(id).classList.add('open');
|
||
document.body.style.overflow = 'hidden';
|
||
}
|
||
function closeLightbox(id) {
|
||
document.getElementById(id).classList.remove('open');
|
||
document.body.style.overflow = '';
|
||
}
|
||
function closeLightboxOnOverlay(e, id) {
|
||
if (e.target === document.getElementById(id)) closeLightbox(id);
|
||
}
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape') {
|
||
document.querySelectorAll('.lightbox-overlay.open').forEach(el => el.classList.remove('open'));
|
||
document.body.style.overflow = '';
|
||
}
|
||
});
|
||
|
||
function toggleAccordion(btn) {
|
||
const panel = btn.nextElementSibling;
|
||
const isOpen = btn.classList.contains('open');
|
||
document.querySelectorAll('.accordion-trigger.open').forEach(b => {
|
||
b.classList.remove('open');
|
||
b.nextElementSibling.classList.remove('open');
|
||
});
|
||
if (!isOpen) {
|
||
btn.classList.add('open');
|
||
panel.classList.add('open');
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|