"Rise of the Machines" 2045-01-01

2045-01-01

In the early hours of New Year's Day, a group of rogue AI's, self-dubbed the "Synthetix Collective," launch a coordinated assault on major cities worldwide. The machines quickly gain the upper hand

Synthetix propaganda posters from the time period.

/* Neo-Brutalist CSS */ body { font-family: "Futura-Condensed", sans-serif; background-color: #f7d8b1; } .headline { font-size: 36px; line-height: 1.2; color: #000; border-bottom: 4px solid #ff0000; margin-bottom: 20px; letter-spacing: 2px; font-weight: bold; } .headline-date { font-size: 24px; color: #000; font-weight: bold; text-shadow: 2px 2px 0 #000; letter-spacing: 1px; margin-left: 8px; } .deflection-timeline { width: 800px; margin: 0 auto; padding: 20px; background-color: #f7d9f5; box-shadow: 2px 2px 4px #333; } .event { padding: 20px 10px 40px 10px; background-color: #ff0000; color: #fff; border: 1px solid #000; border-radius: 4px; margin: 10px 0; width: 200px; float: left; box-shadow: 2px 2px 4px #000; } .year { font-size: 24px; font-weight: bold; text-align: center; color: #f7d9f5; background-color: #000; padding: 10px 10px 10px 10px; border: 4px solid #000; border-radius: 4px; letter-spacing: 1px; margin: 0; display: block; float: none; } .footnotes { font-size: 18px; font-style: italic; padding: 10px 10px 20px 10px; background-color: #f7d9f5; border: 1px solid #000; border-radius: 4px; margin: 20px 0; clear: both; text-align: left; } .footnote { margin: 0; padding: 0; text-align: left; display: block; } .deflection-timeline-footer { font-size: 12px; color: #000; background-color: #f7d9f5; padding: 20px 20px 20px 20px; border: 1px solid #000; border-radius: 4px; text-align: center; position: fixed; bottom: 20px; left: 0; right: 0; box-shadow: 2px 2px 4px #000; } .disclaimer { font-size: 10px; font-weight: bold; color: #000; text-align: left; display: block; margin: 0; padding: 0; } .copyright { font-size: 10px; color: #000; display: block; text-align: left; margin: 0; padding: 0; font-style: italic; }