odyssey.js hack three

<!DOCTYPE html>
<html>
<head>  
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NWB map intro test</title>
  <meta name="description" content="An introduction to the Bushwick Community Map">
  <link rel="stylesheet" href="https://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
  <link rel="stylesheet" href="https://cartodb.github.io/odyssey.js/sandbox/css/slides.css">
  <script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js'></script>
  <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet'/>  
  <style>
    body {
      text-align: left;
      margin: 0; padding: 0;
      font-family: Georgia;
      background: #EEE;
    }
    h2 {
      font-weight: normal;
    }    
    #slides_container .slide {
      max-height: 600px;
    }    
  </style>
</head>
<body>
    <div id="map" style="width: 100%; height: 100%"></div>
    <div id="slides_container" style="display:block;">
    <div id="dots"></div>
    <div id="slides">
      <div class="slide">
        <h1 id="rheingold">The Rheingold Development</h1>
        <p>
          The North West Bushwick Community Group began in reaction to the Rheingold Rezoning in Bushwick in September, 2013. New and old residents came together to form a group that would advocate against the displacement of Bushwick's longtime working-class and low-income residents and for accountability from developers.
        </p>
        <p>
          “In the 1840s and 1850s, a majority of the [Bushwick] immigrants were German, which became the dominant population. Bushwick established a considerable brewery industry, including "Brewer's Row"—14 breweries operating in a 14-block area—by 1890. Thus, Bushwick was dubbed the "beer capital of the Northeast". The last Bushwick brewery closed its doors in 1976.”<br>
          <a href="https://en.m.wikipedia.org/wiki/Bushwick,_Brooklyn">-wikipedia</a>
        </p>
       <p>
          Rheingold brewery closed in 1976. This industrial land was (potentially willingly) underutilized for years serving as loading docks and truck storage, as well as serving less formal industrial and commercial uses. The Mademoiselle building (Flushing &amp; Evergreen) was built with public subsidies serving as a garment factory and local employer.
       </p>
        <p>
          In 2010 Read Properties (owner &amp; developer of the Rheingold site including the Mademoiselle building) filed a ULURP application with NYC City Planning Department. Through this ULURP process the landowner was asking for the Communities’ permission to change the zoning of this land and allow Read to build residential on industrial land. This zoning change would radically alter the community and provide enormous profit for the developer.
        </p>
        <p>
          On September 3, 2013 Bushwick Residents were invited by CM Reyna to attend a Town Hall meeting to inform the community about the ULURP (rezoning) application and proposed Residential Development at Rheingold. The attending Community response was clear and direct in it's articulation of local need and concern around the Read Properties proposal. Neighbors convened after the Town Hall and again voiced communal concern. A subsequent step in the Rheingold Rezoning ULURP process- a Planning Commission Public Hearing galvanized neighbors around calling for equitable land use in Bushwick. Most neighbors in attendance at these public events were unaware of the ULURP Rezoning process already underway at the Rheingold site.
        </p>
        <p>
          In December 2013 The New York City Council approved the rezoning of Rheingold and certified Read Properties’ ULURP application. The 9 blocks of formerly industrial land is now zoned for residential use with nearly 900 luxury apartments slated to built here over the next few years. This massive residential development will impact Bushwick’s long standing working-class &amp; low-income communities and potentially serves to threaten local affordable housing stability.
        </p>
        <p>
          The mademoiselle building (Flushing &amp; Evergreen) now serves as Bushwick’s largest remaining M1 (industrially zoned) plot of land and is occupied now by the city agency- Office of Emergency Management. In addition to light Manufacture uses M1 zoning allows for hotels &amp; nightclubs. This M1 plot is vulnerable to developers who see more profit in land-uses that do not serve Bushwick’s long standing communities or local need.
        </p>
      </div>
      <div class="slide">
        <h1 id="colony"> Colony 1209 </h1>
        <p>
          The year was 2006 and Bushwick’s gentrification was still nascent, although the enthusiasm for building condos in Williamsburg showed no sign of stopping the march eastward. A large, former mattress factory located at 1209 Dekalb Avenue was purchased by the Bushwick Enterprise Group for $8.3 million, with intentions to demolish the industrial building. The project stalled when one the investors, Eli Weistein, was convicted of fraud  and the site eventualy went into foreclosure to be sold at auction. 
        </p>
        <p>
          In 2012, the site was acquired by Read Property Group for $6 million, who operated under a LLC named ‘1209 Dekalb Holdings LLC’. They prompted resumed the luxury development process and completed the construction of the building known as “COLONY 1209.” The 127-unit building contains NO affordable units, where a studio starts at $1875/month and includes numerous luxury amenities such as a gym and a 24-hour doorman.
        </p>
        <p>
          As with the Reingold rezoning, Bushwick’s former industrial land is being transformed into luxury developments. These buildings provide no benefits for the local residents and cause rents to increase, displace the working-class tenants of Bushwick. Rents in Bushwick have increased 23% this year.
        </p>
      </div>
      <div class="slide">
        <h1 id="linden"> 98 Linden</h1>
        <img src="../images/98linden.jpg">
        <p>
          Tenants at 98 Linden Street were asked to grant access to their apartment at the request of their landlord, Joel Israel, under the auspices of minor repairs and maintenance. Instead, their kitchens and bathrooms were destroyed by the landlord in an (alleged) attempt to make the homes unlivable and force these rent controlled tenants out of their apartments, where they lived for 23 years. A vacant building can be easily taken out of rent regulation and converted to market rate units providing a windfall profit for landlords willing/able to vacate low paying renters. Preserving affordable units, and keeping people in their homes, are important to the housing stability of local long standing communities. 
          </p>
          <p>
            The ACRIS info (public tax & ownership info) lists the owner of 98 Linden as LINDEN VENTURES LLC.
          </p>
      </div>
  </div> 
    <ul id="navButtons">
      <li><a class="prev"></a></li>
      <li><a class="next"></a></li>
    </ul>
  </div>

// TODO: clean properly
    function click() {
      // console.log(el);
      t.trigger();
    }

if (element) element.onclick = click;

return t;
  }

var rheingold = new L.LatLng(40.700740, -73.934209);
  var colony = new L.LatLng(40.695867,-73.928153);
  var linden = new L.LatLng(40.692776,-73.919756);

var O = O;

var seq = O.Triggers.Sequential();

// enanle keys to move
  O.Triggers.Keys().left().then(seq.next, seq)
  O.Triggers.Keys().right().then(seq.next, seq)

click(document.querySelectorAll('.next')).then(seq.next, seq)
  click(document.querySelectorAll('.prev')).then(seq.prev, seq)

var slides = O.Actions.Slides('slides');
  var story = O.Story()
    .addState(
      seq.step(0),
      O.Parallel(
        map.actions.panTo(rheingold),
        slides.activate(0),
        L.marker(rheingold).actions.addRemove(map)
      )
    )
    .addState(
      seq.step(1),
      O.Parallel(
        map.actions.panTo(colony),
        slides.activate(1),
        L.marker(colony).actions.addRemove(map)
      )
    )
    .addState(
      seq.step(2),
      O.Parallel(
        map.actions.panTo(linden),
        slides.activate(2),
        L.marker(linden).actions.addRemove(map)
      )
    );

//  attempting to get progress dots at top of slides working...
  var progress = O.UI.DotProgress('dots');
  progress.count(slides.length);

for (var i=0; i<slides.length; i++) {    
    var slide = slides[i];
    
    progress.step(i).then(seq.step(i), seq);
    
    var actions = O.Parallel(progress.activate(i));
    
    story.addState(
      this.seq.step(i),
      actions
      );
  }

story.go(0);
  </script>
</body>
</html>

Modified http://code.jquery.com/jquery-1.11.0.min.js to a secure url

Modified http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/cartodb.js to a secure url

Modified http://cartodb.github.io/odyssey.js/dist/odyssey.js to a secure url

https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js

https://code.jquery.com/jquery-1.11.0.min.js

https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/cartodb.js

https://cartodb.github.io/odyssey.js/dist/odyssey.js