Main Page: Difference between revisions
No edit summary |
|||
| (9 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;"> | [[File:Timeless-horizons-banner.png|center|600px]] | ||
<div style="font-size: 1.15em; color: #ccd6f6; max-width: 560px; margin: 0 auto;"> | |||
<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 [[ | '''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 17: | Line 20: | ||
== The Throughlines == | == The Throughlines == | ||
<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="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> | ||
'''[[ | '''[[Geopolitics and War]]''' | ||
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> | <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> | ||
'''[[ | '''[[Politics and Economics]]''' | ||
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> | <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> | ||
'''[[ | '''[[Psychology and Story-telling]]''' | ||
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> | <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> | ||
'''[[ | '''[[Science, Technology, and Nature]]''' | ||
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> | <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> | ||
'''[[ | '''[[Business, Finance, and Investing]]''' | ||
<div style="color: #666; font-size: 0.9em; margin-top: 4px;"> | <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.