<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>BIGSTEREO still sucks</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <style>
    /* Chaotic 2007 bloghouse energy */

    body {
      margin: 0;
      padding: 0;
      color: #111;
      font-family: "Trebuchet MS", Arial, sans-serif;
      background:
        url("https://i.imgur.com/TeWZ5hL.png"),
        #000000;
      /* Fallback if the tile dies */
      background-size: 120px 120px;
    }

    a {
      color: #00ccff;
      text-decoration: underline;
    }
    a:hover {
      color: #ff2dbf;
      background: #ffff00;
    }

    .page-wrap {
      max-width: 980px;
      margin: 0 auto;
      padding: 10px 8px 40px;
    }

    /* Top marquee bar */
    .marquee-bar {
      background: #000;
      color: #00ff99;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      border-bottom: 2px solid #00ccff;
      white-space: nowrap;
      overflow: hidden;
    }

    .marquee-inner {
      display: inline-block;
      padding: 4px 0;
      animation: scrollText 18s linear infinite;
    }

    @keyframes scrollText {
      0%   { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

    /* Layout: sidebar + content */
    .layout {
      display: flex;
      gap: 10px;
      margin-top: 6px;
    }

    .sidebar {
      width: 220px;
      min-width: 180px;
      max-width: 220px;
      background: rgba(255, 255, 255, 0.95);
      border: 3px double #000;
      box-shadow: 4px 4px 0 #ff2dbf;
      padding: 8px 10px 14px;
    }

    .content {
      flex: 1;
      background: #ffffff;
      border: 3px solid #00ccff;
      box-shadow: 5px 5px 0 #003344;
      padding: 12px 14px 16px;
      overflow: hidden;
    }

    .site-header {
      border-bottom: 3px solid #ff2dbf;
      padding-bottom: 8px;
      margin-bottom: 12px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 8px;
    }

    .logo-block {
      display: inline-block;
    }

    .site-title {
      font-family: Impact, "Arial Black", sans-serif;
      font-size: 40px;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      margin: 0 0 4px;
      color: #ffffff;
      text-shadow:
        0 0 4px #00ccff,
        0 0 8px #ff2dbf,
        2px 2px 0 #000000;
      background: linear-gradient(135deg, #00ccff, #ffffff, #ff2dbf);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .site-subtitle {
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      color: #ff2dbf;
    }

    .now-playing {
      font-size: 10px;
      text-align: right;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: #666;
    }

    .now-playing span {
      color: #00ccff;
    }

    .section-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
      border-bottom: 2px solid #000;
      margin-top: 6px;
      margin-bottom: 6px;
      padding-bottom: 2px;
    }

    .sidebar-list {
      list-style: none;
      padding-left: 0;
      margin: 0 0 8px;
    }

    .sidebar-list li {
      font-size: 12px;
      margin-bottom: 3px;
    }

    .sidebar-list li a {
      text-decoration: none;
    }

    .sidebar-list li a:hover {
      text-decoration: underline;
      background: #ffff00;
    }

    .side-tagline {
      font-size: 10px;
      margin-top: 10px;
      border-top: 1px dotted #ccc;
      padding-top: 6px;
      color: #555;
    }

    /* Content typography */
    .post-title {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 22px;
      margin: 6px 0 4px;
    }

    .post-meta {
      font-size: 11px;
      color: #777;
      margin-bottom: 14px;
    }

    .post-body {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 14px;
      line-height: 1.6;
    }

    blockquote {
      border-left: 4px solid #00ccff;
      margin: 16px 0;
      padding-left: 10px;
      background: #f4fbff;
    }

    blockquote strong {
      color: #003344;
      font-weight: bold;
    }

    .attrib {
      font-size: 11px;
      color: #999;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      margin-top: 6px;
    }

    .section-title {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 16px;
      margin: 22px 0 8px;
      border-top: 1px dashed #000;
      padding-top: 8px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .section-note {
      font-size: 12px;
      color: #777;
      margin-bottom: 10px;
    }

    .playlist-wrapper {
      margin-bottom: 16px;
    }

    iframe {
      border: 2px solid #000;
      width: 100%;
      height: 400px;
      background: #000;
    }

    footer {
      margin-top: 20px;
      font-size: 11px;
      color: #999;
      border-top: 1px solid #000;
      padding-top: 8px;
      text-align: center;
      background: #ffff00;
    }

    footer span {
      display: inline-block;
      padding: 1px 4px;
      background: #000;
      color: #00ff99;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }

    @media (max-width: 800px) {
      .layout {
        flex-direction: column;
      }
      .sidebar {
        width: 100%;
        max-width: none;
        box-shadow: 3px 3px 0 #ff2dbf;
      }
    }
  </style>
</head>

<body>
  <div class="marquee-bar">
    <div class="marquee-inner">
      ✶ BIGSTEREO DOT NET ✶ BLOGHOUSE 4EVER ✶ 128 KBPS ENERGY ✶ HOT JAMMMS · INDIE DANCE · ROBOT ROCK · PARTY RAP ✶ BEST VIEWED ON 2006 MACBOOK * RSVP +1 HERE FOR HOLD YR HORSES
    </div>
  </div>

  <div class="page-wrap">
    <div class="layout">
     
      <!-- MAIN CONTENT -->
      <section class="content">
        <header class="site-header">
          <div class="logo-block">
            <h1 class="site-title">BIGSTEREO</h1>
            <div class="site-subtitle">4ever</div>
          </div>
          <div class="now-playing">
            now playing:<br>
            <span>Gameboy/Gamegirl - “Fruit Salad” (Bonde de Role Remix)</span>
          </div>
        </header>

        <article>
          <h2 class="post-title">WTF IS BLOG HOUSE?</h2>
          

          <div class="post-body">
            <blockquote>
              I feel like as a general rule, if <strong>BIG STEREO</strong> or <strong>MISSING TOOF</strong> blogged about you in 2006 or the first half of 2007, you are a blog house band whether you like it or not. I never really read music blogs back then, but if I had to guess, I think that rule would apply. There’s just something very AMERICAN about the term ‘blog house’ as if some AMERICAN guy invented the term even though it didn’t make too much sense, <strong>so it makes sense that two of the top American Electroblogs would be responsible for accidentally blogging BLOG HOUSE into existence.</strong>
            </blockquote>
            <div class="attrib">
              <strong>CARLES / HIPSTER RUNOFF /
              <a href="https://web.archive.org/web/20081216013309/http://www.hipsterrunoff.com:80/2008/07/wtf-is-blog-house.html">"WTF IS BLOGHOUSE"</a> (2008)</strong>
            </div>
          </div>

          <div class="post-body">
            <blockquote>
              Bloghouse grouped together a mishmash of veteran DJs, indie bands who had recently purchased samplers, remix-focused aesthetes, and careerist musicians looking to reinvent themselves at a time when the bookish, folksy sensibilities of early-2000s indie culture were falling out of vogue. <strong>The point of intersection in a Venn diagram of “dance” and “indie,” bloghouse combined thumping beats and streamlined melodic sensibilities at a time when dance music was too inscrutable for the mainstream and indie was too boring for the party kids.</strong><br><br>
              Still, it emerged at a specific sweet spot in the e-tastemaker era, one where refreshing sites like <strong>Big Stereo</strong> and <strong>Discobelle</strong> and spending hours trawling for remixes on MP3 blog aggregator HypeMachine was as much of a scene activity as hitting up now-defunct venues...
            </blockquote>
            <div class="attrib">
              <strong>Larry Fitzmaurice / VICE /
              <a href="https://www.vice.com/en/article/are-we-ready-for-a-bloghouse-revival/">
                “Are We Ready for a Bloghouse Revival?”</a> (2015)</strong>
            </div>
          </div>

          <div class="post-body">
            <blockquote>
              A-Trak's approach to DJing quickly began to change. <strong>"The new reality, where you could download something and play it in a nightclub two hours later, opened a bunch of new possibilities," said A-Trak.</strong> "Those were the years when production software
              became more accessible. Anybody could make a bootleg remix, post it on a blog, and DJs from other cities could grab it and play it in their sets— that speed and accessibility didn't exist before. It was such a perfect storm, even down to the fact that internet download speeds became fast enough to share MP3s." Where a year prior he'd have been rifling through his white labels, <strong>suddenly the five-time world champion DJ was scanning blogs like Big Stereo and Missing Toof to build his sets.</strong>  "There was something so charming and personal about every single blog post," he said, looking back on his Hype Machine-digging days.
            </blockquote>
            <div class="attrib">
              <strong>Lina Abascal / <em>Never Be Alone Again: How Bloghouse United the Internet and the Dancefloor</em> (2021)</strong>
            </div>
          </div>
        </article>

        <section>
          <h3 class="section-title">Playlists</h3>
          <div class="section-note">
            stream it like you snagged it off HypeMachine before it got flagged.
          </div>

          <div class="playlist-wrapper">
            <iframe
              allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write *"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation"
              src="https://embed.music.apple.com/us/playlist/bigstereo-2025/pl.u-Zq80jc9APzo">
            </iframe>
          </div>

          <div class="playlist-wrapper">
            <iframe
              allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write *"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation"
              src="https://embed.music.apple.com/us/playlist/bigstereo-the-best/pl.u-Ryl9DioEgxv">
            </iframe>
          </div>

          <div class="playlist-wrapper">
            <iframe
              allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write *"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation"
              src="https://embed.music.apple.com/us/playlist/bigstereo-2024/pl.u-YB8J2u1lbx9">
            </iframe>
          </div>
        </section>

        <section class="post-body">
          <p><strong>PS WE &lt;3 THE TEENAGERS 4EVER.</strong></p>
        </section>

        <footer>
          <span>© 2025 bigstereo · learned html on myspace</span>
        </footer>
      </section>
      
       <!-- SIDEBAR -->
      <aside class="sidebar">
        <div class="section-label">blogroll</div>
        <ul class="sidebar-list">
            <li><a href="https://web.archive.org/web/*/http://palmsout.blogspot.com">Palms Out Sounds</a></li>
            <li><a href="https://web.archive.org/web/*/http://missingtoof.com">Missing Toof</a></li>
            <li><a href="https://web.archive.org/web/*/https://discodust.blogspot.com">Disco Dust</a></li>
            <li><a href="https://web.archive.org/web/*/http://20jazzfunkgreats.co.uk">20jazzfunkgreats</a></li>
          <li><a href="https://web.archive.org/web/*/http://fluokids.blogspot.com">Fluokids</a></li>
          <li><a href="https://web.archive.org/web/*/http://www.discobelle.net">Discobelle</a></li>      
          <li><a href="https://web.archive.org/web/*/http://trashmenagerie.com">Trash Menagerie</a></li>
        </ul>

        <div class="section-label">top 8</div>
        <ul class="sidebar-list">
          <li>Yelle</li>
          <li>Uffie</li>
          <li>Klaxons</li>
          <li>Little Boots</li>
          <li>Simian Mobile Disco</li>
          <li>Boys Noize</li>
          <li>Van She</li>
          <li>The Teenagers</li>
        </ul>

        <div class="section-label">status</div>
        <div class="side-tagline">
          currently:<br>
          <strong>ripping mp3s</strong><br><br>
          if you know, you know.
        </div>
      </aside>

    </div>
  </div>
</body>
</html>