<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Justin.tv 2010 Mockup</title> <link rel="stylesheet" href="global-reset.css"/> <link rel="stylesheet" href="meebo-bar.css"> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;700&family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700;900&family=Roboto+Condensed:wght@400;700;900&display=swap" rel="stylesheet"> </head> <body> <!-- ERA SHADOWLOAD CONTAINERS --> <div id="theme-containers"> <div id="modern-2010-container"></div> <div id="original-2010"></div> <div id="twitch2011-root"></div> <div id="twitch2012-root"></div> <div id="twitch2013-root"></div> </div> <div id="theme-hover-zone"></div> <div id="theme-selector"> <label for="theme-select">Select Era:</label> <select id="theme-select"> <option value="modern">Modern 2010</option> <option value="original">Original 2010</option> <option value="2011">Justin.tv 2011</option> <option value="2012">Twitch 2012</option> <option value="2013">Twitch 2013</option> </select> </div> <!-- ========================================================= --> <!-- ALL CHAT + ADAPTER SCRIPTS GO HERE, BEFORE THEME LOADER --> <!-- ========================================================= --> <!-- Shared chat logic --> <script src="chat-core.js"></script> <!-- Theme adapters --> <script src="adapter-2010.js"></script> <script src="adapter-2011.js"></script> <script src="adapter-2012.js"></script> <script src="adapter-2013.js"></script> <!-- ========================================================= --> <!-- THEME SWITCHER (loads the HTML fragments into containers) --> <!-- ========================================================= --> <script src="themeswitcher.js"></script> <!-- Meebo injected over everything --> <script src="https://outcyclopedia.neocities.org/Copypaste_pages_renewed/meebo-bar.js"></script> </body> </html>