No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #eee; padding: 48px 32px; margin-bottom: 24px; border-radius: 4px;">
<div style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #eee; padding: 48px 32px; margin-bottom: 24px; border-radius: 4px;">
<div style="max-width: 800px; margin: 0 auto; text-align: center;">
<div style="max-width: 800px; margin: 0 auto; text-align: center;">
<div style="font-size: 2.6em; font-weight: 700; line-height: 1.1; margin-bottom: 16px; font-family: Georgia, serif;">How We Got Here</div>
[[File:Timeless-horizons-banner.png|center|600px]]
<div style="font-size: 1.15em; color: #ccd6f6; font-style: italic; max-width: 560px; margin: 0 auto;">Not a history of everything — a history of the things that still matter. The events, ideas, and accidents that built the world you woke up in this morning.</div>
 
<div style="font-size: 2.6em; font-weight: 700; line-height: 1.1; margin-bottom: 16px; font-family: Georgia, serif;">Foundations</div>
<div style="font-size: 1.15em; color: #ccd6f6; max-width: 560px; margin: 0 auto;">My notes on how the world works, how it got this way, and where it's headed</div>
</div>
</div>
</div>
</div>
Line 8: Line 11:
<div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 32px;">
<div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 32px;">
<div style="flex: 1; min-width: 260px; background: #f7f7f9; border-left: 4px solid #1a1a2e; padding: 20px;">
<div style="flex: 1; min-width: 260px; background: #f7f7f9; border-left: 4px solid #1a1a2e; padding: 20px;">
'''Start Here''' — new to the project? Read [[How We Got Here:About|what this wiki is trying to do]] and [[How We Got Here:Method|why events are chosen the way they are]].
'''Start Here''' — new to the project? Read [[Foundations:About|what this wiki is trying to do]].
</div>
</div>
<div style="flex: 1; min-width: 260px; background: #f7f7f9; border-left: 4px solid #1a1a2e; padding: 20px;">
<div style="flex: 1; min-width: 260px; background: #f7f7f9; border-left: 4px solid #1a1a2e; padding: 20px;">
Line 16: Line 19:


== The Throughlines ==
== The Throughlines ==
<div style="color:#666; font-style:italic; margin-bottom:20px;">History organized by the threads that are still live today, not by century.</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 32px;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 32px;">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">🌾</div>
'''[[Agriculture and Settlement]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">From foraging to the first surplus, and why surplus changes everything.</div>
</div>


<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">🏛️</div>
<div style="font-size: 1.4em; margin-bottom: 6px;">🏛️</div>
'''[[States and Sovereignty]]'''
'''[[Geopolitics and War]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">How territory turned into government, and government turned into borders.</div>
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> </div>
</div>
</div>


<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">⚓</div>
<div style="font-size: 1.4em; margin-bottom: 6px;">⚓</div>
'''[[Trade and Empire]]'''
'''[[Politics and Economics]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">The routes, the companies, and the wars fought to control both.</div>
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> </div>
</div>
</div>


<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">💰</div>
<div style="font-size: 1.4em; margin-bottom: 6px;">💰</div>
'''[[Money and Capital]]'''
'''[[Psychology and Story-telling]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">Debt, banking, and the invention of value that doesn't exist yet.</div>
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> </div>
</div>
</div>


<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">⚙️</div>
<div style="font-size: 1.4em; margin-bottom: 6px;">⚙️</div>
'''[[Industry and Energy]]'''
'''[[Science, Technology, and Nature]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">Steam, oil, and the century that rewired daily life.</div>
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> </div>
</div>
</div>


<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.08);">
<div style="font-size: 1.4em; margin-bottom: 6px;">📡</div>
<div style="font-size: 1.4em; margin-bottom: 6px;">📡</div>
'''[[Information and Ideas]]'''
'''[[Business, Finance, and Investing]]'''
<div style="color: #666; font-size: 0.9em; margin-top: 4px;">Printing presses, broadcasts, and networks — how ideas started moving faster than armies.</div>
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> </div>
</div>
</div>


</div>
</div>

Latest revision as of 02:37, 14 September 2026

Foundations
My notes on how the world works, how it got this way, and where it's headed

Start Here — new to the project? Read what this wiki is trying to do.

Random Thread — feeling aimless? Special:Random will drop you into an article at random. Follow the "led to" links from there.

The Throughlines