rbmntjs

    <h3><a class="active">Composer</a> <!-- <a>Artist</a> --></h3>
    <div class="picture">
      <img src="wolfie.jpg">
    </div>
    <h2>Wolfgang Amadeus Mozart <span class="lifetime">(1756&ndash;1791)</span></h2>
    <nav class="inline-bar">
      <ul>
        <li><a href="#">Compositions</a></li>
        <li><a href="#">Biography</a></li>
      </ul>

rbmntjs

    <h3>Browse</h3>
    <div class="lens select">
      <a href="browse-select-composers.html">
        <h2 class="icon big icon-composers">Composers</h2>
      </a>
    </div>
    <div class="lens select">
      <a href="browse-select-artists.html">
        <h2 class="icon big icon-artists">Artists</h2>
      </a>

rbmntjs

<div class="column fullwidth-column huge singles">
  <ul>
    <li><a href="#">
      <h3>The Barratt Due Institute of Music</h3>
      <p>The Barrat Due Institute of Music was founded in 1927 by Mary Barrat Due and Henrik Due. Today the Institute is regarded as one of the most successful Music Institutes in Europe.</p>
    </a></li>
    <li><a href="#">
      <h3>The Valdres Festival</h3>
      <p>The Valdres Festival was founded by Alf Richard Kraggerud in collaboration with Nord-Aurdal Kommune. The festival and master classes have been running for 17 years and is now the biggest educational summer event for young talented musicians in Norway.</p>
    </a></li>

rbmntjs

<section class="sidebar lens-selector">
  <p class="back-to-browser">
    <a class="lens-back">Back to Browser</a>
  </p>

  <h2>Filter results by</h2>
  <div class="lens select" data-action="composers">
    <a href="#" data-dep="browser/lenses">
      <h2 class="icon big icon-composers">Composers</h2>
    </a>

rbmntjs

Intro text to the service

…

You are on a shit browser

Firefox flash issue “You need to have Flash installed to play music. We personally recommend upgrading to Safari or Google Chrome, however.” [Download Flash] [Safari if on Mac] [Chrome]

Old IE can’t play continuously

rbmntjs

<div class="essentials-disabled">
  <p>You need JavaScript enabled in order to use ContraClassics. (<a href="http://enable-javascript.com/">How do I do that?</a>)</p>
</div>
<div class="essentials-disabled">
  <p>You need Flash installed in order to listen to music. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></p>
</div>

rbmntjs

<section class="browser main">

  <h1>ContraClassics is the best way to find and listen to classical music. Start browsing, discover and enjoy.</h1>

  <section>

    <p class="side-summary">Drill down into the main categories and browse, or look at more specialised content</p>
    <div class="lens select">
      <a href="browse-select-composers.html">
        <h2 class="icon big icon-composers">Composers</h2>

rbmntjs

  <p class="general-page-error">
    <span class="problem">There was a loading error. Please try again or refresh this page.</span>
  </p>

rbmntjs

@charset "UTF-8";
@import "http://cloud.webtype.com/css/2d8afe4f-a41c-42a1-b9c8-02a4f964fde7.css";
/*

  contraclassics ⬤

  Authored April-September 2012 by Rob Mientjes and Magnus Holm
  JavaScript magic by Magnus Holm
  Ruby on Rails fun times by Magnus Holm and Runar Svendsen

rbmntjs

.lt-ie9 .error {
  background-image: url("images/sprites/sprite.png"); }

.error {
  background-image: url("images/sprites/sprite.svg"); }