Initial commit - divination content
This commit is contained in:
David Torcivia
commit
040d373967
271 changed files with 28825 additions and 0 deletions
338
old-and-experiments/index-new.html
Normal file
338
old-and-experiments/index-new.html
Normal file
|
|
@ -0,0 +1,338 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>disinfo.zone</title>
|
||||
<meta name="description"
|
||||
content="Luminous mirages shifting, merging, cyber currents collide. We divine the digital labyrinth.">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<link href="favicon.ico" rel="icon" type="image/x-icon">
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 17px;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #000;
|
||||
color: #999;
|
||||
font-family: 'EB Garamond', Georgia, serif;
|
||||
line-height: 1.9;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 12vh 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* The faintest possible axis - you have to look for it */
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 10%;
|
||||
bottom: 10%;
|
||||
width: 1px;
|
||||
background: linear-gradient(to bottom, transparent, #111 20%, #111 80%, transparent);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Vignette */
|
||||
body::after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: radial-gradient(ellipse at center, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.4) 100%);
|
||||
pointer-events: none;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.page {
|
||||
max-width: 600px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* The seal */
|
||||
.seal {
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.3em;
|
||||
color: #2a2a2a;
|
||||
text-transform: uppercase;
|
||||
font-family: monospace;
|
||||
margin-bottom: 10vh;
|
||||
}
|
||||
|
||||
/* The invocation */
|
||||
.invocation {
|
||||
font-size: 1.8rem;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #c0c0c0;
|
||||
margin-bottom: 12vh;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
|
||||
.invocation em {
|
||||
color: #888;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Section dividers */
|
||||
.divider {
|
||||
width: 40px;
|
||||
height: 1px;
|
||||
background: #222;
|
||||
margin: 0 auto 4vh;
|
||||
}
|
||||
|
||||
/* Section titles - whispered */
|
||||
h2 {
|
||||
font-family: monospace;
|
||||
font-size: 9px;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0.4em;
|
||||
color: #333;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
/* Links - sacramental */
|
||||
a {
|
||||
color: #888;
|
||||
text-decoration: none;
|
||||
transition: color 0.4s ease, letter-spacing 0.4s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ddd;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 10vh;
|
||||
}
|
||||
|
||||
/* Portals - large, weighted */
|
||||
.portals a {
|
||||
display: block;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 1.2rem;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.portals a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Chronicle entries */
|
||||
.chronicle-entry {
|
||||
margin-bottom: 1.8rem;
|
||||
}
|
||||
|
||||
.chronicle-entry a {
|
||||
display: block;
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
|
||||
.chronicle-entry .date {
|
||||
font-family: monospace;
|
||||
font-size: 10px;
|
||||
color: #333;
|
||||
letter-spacing: 0.1em;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
/* Divinations - flowing list */
|
||||
.divinations a {
|
||||
display: inline;
|
||||
font-size: 1rem;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.divinations a:hover {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.divinations a::after {
|
||||
content: " · ";
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.divinations a:last-child::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Directory */
|
||||
.directory a {
|
||||
font-family: monospace;
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.2em;
|
||||
color: #333;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
.directory a:hover {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* The ending */
|
||||
footer {
|
||||
margin-top: 8vh;
|
||||
font-size: 11px;
|
||||
color: #1a1a1a;
|
||||
letter-spacing: 0.15em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
html {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 8vh 1.5rem;
|
||||
}
|
||||
|
||||
.invocation {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script async data-do-not-track="true" data-website-id="3871ce55-1e5f-446b-bdad-2b50ccde7b0c"
|
||||
src="https://zerolens.disinfo.zone/script.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="page">
|
||||
|
||||
<div class="seal">nginx · 200</div>
|
||||
|
||||
<p class="invocation">
|
||||
Luminous mirages, shifting, merging.<br>
|
||||
<em>Cyber currents collide.</em>
|
||||
</p>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<section class="portals">
|
||||
<h2>Portals</h2>
|
||||
<a href="https://blip.disinfo.zone">Blip</a>
|
||||
<a href="https://infoscope.disinfo.zone">Infoscope</a>
|
||||
<a href="https://sref.disinfo.zone">Sref Plume</a>
|
||||
<a href="https://songvoter.disinfo.zone">Song Select</a>
|
||||
</section>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<section>
|
||||
<h2>Chronicle</h2>
|
||||
<div class="chronicle-entry">
|
||||
<a href="loureiro_chaos.html">On the Murder of Nuno Loureiro</a>
|
||||
<div class="date">2025 · 12 · 16</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="llmstyle.html">Tuning an LLM for Style Transfer</a>
|
||||
<div class="date">2024 · 01 · 12</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="uap/uap-20230930.html">UAP Analysis — Chattanooga</a>
|
||||
<div class="date">2023 · 09 · 30</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="uap/133930.html">MUFON Case 133930</a>
|
||||
<div class="date">2023 · 09 · 29</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="video/hmmm.html">Video Reference</a>
|
||||
<div class="date">2023 · 05 · 25</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="radio/radio-index.html">Radio Resources</a>
|
||||
<div class="date">2023</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="2023.html">2022 // 2023</a>
|
||||
<div class="date">2022 · 12 · 31</div>
|
||||
</div>
|
||||
<div class="chronicle-entry">
|
||||
<a href="telex.html">Telex User Manual</a>
|
||||
<div class="date">2022 · 11 · 21</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<section>
|
||||
<h2>Divinations</h2>
|
||||
<p class="divinations">
|
||||
<a href="https://divination.disinfo.zone/post/the-weight-of-wonder/">The Weight of Wonder</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-death-of-wonder/">The Death of Wonder</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-disfugration-of-art/">The Disfiguration of Art</a>
|
||||
<a href="https://divination.disinfo.zone/post/mirror-mirror/">Mirror, Mirror</a>
|
||||
<a href="https://divination.disinfo.zone/post/hammer/">Hammer and Claude</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-tartarian-mythos/">The Tartarian Mythos</a>
|
||||
<a href="https://divination.disinfo.zone/post/elevating-the-unspeakable/">Elevating the Unspeakable</a>
|
||||
<a href="https://divination.disinfo.zone/post/mimetic-masquerade-a-warning/">Mimetic Masquerade</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-abyss-of-instrumentalism/">The Abyss of
|
||||
Instrumentalism</a>
|
||||
<a href="https://divination.disinfo.zone/post/a-matter-of-control/">A Matter of Control</a>
|
||||
<a href="https://divination.disinfo.zone/post/undermining-power-in-the-modern-state/">Undermining
|
||||
Power</a>
|
||||
<a href="https://divination.disinfo.zone/post/screen-paranoia-and-the-interface/">Screen Paranoia</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-dusk-of-empire/">The Dusk of Empire</a>
|
||||
<a href="https://divination.disinfo.zone/post/strong-agi-and-the-future-of-capital/">Strong AGI</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-ur-wandering/">The Ur-Wandering</a>
|
||||
<a href="https://divination.disinfo.zone/post/craft-concept-algorithm/">Craft, Concept, Algorithm</a>
|
||||
<a href="https://divination.disinfo.zone/post/text-without-a-spine/">Text Without a Spine</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-politics-of-indifference/">The Politics of
|
||||
Indifference</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-machine-wrought-will/">The Machine-Wrought Will</a>
|
||||
<a href="https://divination.disinfo.zone/post/pseudoconation-the-simulated-will/">Pseudoconation</a>
|
||||
<a href="https://divination.disinfo.zone/post/ascending-the-rampart/">Ascending the Rampart</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-age-of-the-paste-ling/">The Age of the Paste-ling</a>
|
||||
<a href="https://divination.disinfo.zone/post/ausweislos/">Ausweislos</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-american-method/">The American Method</a>
|
||||
<a href="https://divination.disinfo.zone/post/axis-mundi-in-the-void/">Axis Mundi in the Void</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-gnostic-ego/">The Gnostic Ego</a>
|
||||
<a href="https://divination.disinfo.zone/post/notes-from-the-inflection/">Notes from the Inflection</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-shadows-of-ai/">The Shadows of AI</a>
|
||||
<a href="https://divination.disinfo.zone/post/manufacturing-neurosis/">Manufacturing Neurosis</a>
|
||||
<a href="https://divination.disinfo.zone/post/cyberian-shamanism/">Cyberian Shamanism</a>
|
||||
<a href="https://divination.disinfo.zone/post/cybergott/">Cybergott</a>
|
||||
<a href="https://divination.disinfo.zone/post/society-of-nothing/">Society of Nothing</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-terror-of-virtuality/">The Terror of Virtuality</a>
|
||||
<a href="https://divination.disinfo.zone/post/the-entropic-self/">The Entropic Self</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<nav class="directory">
|
||||
<a href="https://theinfoweb.disinfo.zone">Infoweb</a>
|
||||
<a href="https://files.disinfo.zone">Files</a>
|
||||
</nav>
|
||||
|
||||
<footer>axis mundi in the void</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue