sostler prod commit

4 files changed, 176 insertions, 11 deletions

diff --git a/static/319/bigspin.jpg b/static/319/bigspin.jpg
new file mode 100644
index 0000000..c1e13fb
--- /dev/null
+++ b/static/319/bigspin.jpg
diff --git a/static/319/irhell.html b/static/319/irhell.html
index 64a541e..f0f5b68 100644
--- a/static/319/irhell.html
+++ b/static/319/irhell.html
@@ -82,8 +82,8 @@ a:hover{text-decoration:none;color:blue;}
 Parties in Mexico City and Brooklyn will be connected through <a href="http://dump.fm">dump.fm</a><br><BR>
 RAVE DEN BY *******<a href="http://thunderhorsevideo.com/">THUNDERHORSE</a>*******
 <br><BR>
-Brooklyn Performances by -- <a href="http://www.anamanaguchi.com/">Anamanaguchi</a> - <a href="http://www.myspace.com/brenmarsomeday">Brenmar</a> - <a href="http://www.nullsleep.com/">Nullsleep</a> - <a href="http://www.myspace.com/xxphysicaltherapyxx">Physical Therapy</a> - <a href="http://www.myspace.com/unsolvedmysteries">Jon Lynn (Unsolved Mysteries)</a> - <a href="http://www.myspace.com/laurelhalo">Laurel Halo</a> - <a href="http://www.myspace.com/blissedoutnyc">BLISSED OUT</a> - <a href="http://soundcloud.com/magick-mountain">Magick Mountain</a> - <a href="http://www.myspace.com/brotherladypantz">DJ Brother Ladypantz</a> - <a href="http://www.soundcloud.com/oscouro">Oscouro</a> - <a href="http://www.upagainstthewallmotherfucker.com/">Flash Porno</a> 
-Mexico City Performances by -- <a href="http://www.myspace.com/iiigatekeeperiii">GATEKEEPER</a> - <a href="http://www.myspace.com/tmtmtmby">DoubleDigits</a> - <a href="http://www.myspace.com/nakanakamusic">Ñaka Ñaka</a> 
+Brooklyn Performances by -- <a href="http://www.anamanaguchi.com/">Anamanaguchi</a> - <a href="http://www.myspace.com/brenmarsomeday">Brenmar</a> - <a href="http://www.nullsleep.com/">Nullsleep</a> - <a href="http://www.myspace.com/xxphysicaltherapyxx">Physical Therapy</a> - <a href="http://www.myspace.com/unsolvedmysteries">Jon Lynn (Unsolved Mysteries)</a> - <a href="http://www.myspace.com/laurelhalo">Laurel Halo</a> - <a href="http://www.myspace.com/blissedoutnyc">BLISSED OUT</a> - <a href="http://soundcloud.com/magick-mountain">Magick Mountain</a> - <a href="http://www.myspace.com/brotherladypantz">DJ Brother Ladypantz</a> - <a href="http://www.myspace.com/themirrorgate">MIRRORGATE</a> - <a href="http://www.upagainstthewallmotherfucker.com/">Flash Porno</a> - <a href="http://www.myspace.com/djelevatorman">ELEVATORMAN</a> 
+Mexico City Performances by -- <a href="http://www.myspace.com/iiigatekeeperiii">GATEKEEPER</a> - <a href="http://www.myspace.com/tmtmtmby">DoubleDigits</a> - <a href="http://www.myspace.com/nakanakamusic">Ñaka Ñaka</a> <a href="http://www.myspace.com/rrritualzzz">†‡†</a> - DAMAGE
 <br>
 </span>
 <span class="lindsay"></span>
diff --git a/static/319/mapstyle.js b/static/319/mapstyle.js
new file mode 100644
index 0000000..bb1ff01
--- /dev/null
+++ b/static/319/mapstyle.js
@@ -0,0 +1,123 @@
+var electroStyle = [
+  {
+    featureType: "all",
+    elementType: "all",
+    stylers: [
+      { invert_lightness: true }
+    ]
+  }, {
+    featureType: "administrative.country",
+    elementType: "geometry",
+    stylers: [
+      { visibility: "off"}
+    ]
+  }, {
+    featureType: "landscape",
+    elementType: "all",
+    stylers: [
+      { visibility: "off" }
+    ]
+  },{
+    featureType: "poi",
+    elementType: "all",
+    stylers: [
+      { visibility: "off" }
+    ]
+  },{
+    featureType: "road",
+    elementType: "all",
+    stylers: [
+      { hue: "#ffff00", lightness: 100, saturation: 1000, gamma: 10}
+    ]
+  },{
+    featureType: "transit",
+    elementType: "all",
+    stylers: [
+      { hue: "#ffff00", lightness: 300, saturation: 100, gamma: 10 }
+    ]
+  },{
+    featureType: "water",
+    elementType: "labels",
+    stylers: [
+      { visibility: "off" }
+    ]
+  },{
+    featureType: "water",
+    elementType: "geometry",
+    stylers: [
+      { lightness: 20 }
+    ]
+  },  {
+    featureType: "all",
+    elementType: "labels",
+    stylers: [
+      { visibility: "off" }
+    ]
+  }
+]
+
+var Data = [
+  { img: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg",
+    location: [30.16175, -97.443502],
+    link: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg"
+  },
+  { img: "http://okfoc.us/mia/maps/getshit.png",
+    location: [37.0625,-95.677068],
+    link: "http://ithinkyoumightgetshitforthat.com/"
+  },
+  { img: "http://okfoc.us/mia/maps/boat.png",
+    location: [43.406045,-78.821411],
+    link: "http://4thepeopleontheboat.com/"
+  },
+  { img: "http://okfoc.us/mia/maps/fb.png",
+    location: [40.732826,-73.993992],
+    link: "http://facebookgooglemyspaceyoutube.com/"
+  },
+  { img: "http://okfoc.us/mia/maps/lilpeople.png",
+    location: [37.0625,-95.677068],
+    link: "http://yesthelittlepeoplewillneverwinbuttheycanfuckshitup.com/"
+  },
+  { img: "http://okfoc.us/mia/maps/bedroom.png",
+    location: [34.041281,-118.138733],
+    link: "http://bedroomtothehallwaytotheroadtotheworld.com/"
+  },
+
+];
+
+function markify(url) {
+  return "http://service.simile-widgets.org/painter/painter?renderer=map-marker&shape=circle&alpha=0.7&width=60&height=60&background=FF9000&label=&icon=" + url + "&iconX=0&iconY=0&pinHeight=6&pinWidth=6&.png";
+}
+
+
+function initialize() {
+
+    var latlng = new google.maps.LatLng(30.16175,-97.443502);
+    var myOptions = {
+      zoom: 3,
+      center: latlng,
+      disableDefaultUI: true,
+      mapTypeId: google.maps.MapTypeId.ROADMAP
+    };
+    var map = new google.maps.Map(document.getElementById("map_canvas"),
+        myOptions);
+    var electroMapOptions = {
+      name: "ElectroType"
+    };
+    var electroType = new google.maps.StyledMapType(electroStyle, electroMapOptions);
+
+    map.mapTypes.set('electro', electroType);
+    map.setMapTypeId('electro');
+
+    for (var i in Data) {
+      var d = Data[i];
+      var marker = new google.maps.Marker({
+        position: new google.maps.LatLng(d.location[0], d.location[1]),
+        map: map,
+        icon: markify(d.img)
+      });  
+      google.maps.event.addListener(marker, 'click', function() {
+
+      });
+    }
+}
+
diff --git a/static/319/res.html b/static/319/res.html
index e7a0cce..22ddb71 100644
--- a/static/319/res.html
+++ b/static/319/res.html
@@ -4,7 +4,9 @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <style>
 
-  body { margin:0; padding:0px;overflow: hidden; width:100%;height:100%;}
+
+
+  body { margin:0; padding:0px;overflow: hidden; width:100%;height:100%;font-size:130%;}
 #pyramid1{   -webkit-animation-name: rotateThis;
   -webkit-animation-duration:2s;
   -webkit-animation-iteration-count:infinite;
@@ -12,17 +14,17 @@
   @-webkit-keyframes rotateThis {
   from {-webkit-transform:scale(0.5) rotate(0deg);}
   to {-webkit-transform:scale(0.5) rotate(360deg);}
-} 
+}
 #flyer img{width:100%;height100%;}
 #flyer{position:absolute;}
 #maintxt{position:absolute;margin-top:20px;left:20px;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 3000;color:#fff;width:300px;
-font-size:32px;text-shadow:-1px 1px 0px #000;}
+font-size:32px;text-shadow:-1px 1px 5px #000;}
 #total{position:absolute;width:100%;height:100%;}
 #gamma{position:absolute;top:15%;right:7%;z-index:2;}
 #printer{position:absolute;bottom:20%;right:-8%;z-index:2;opacity:0.8;}
-#lucy{position:absolute;bottom:13%;left:18%;z-index:1;}
+#lucy{position:absolute;bottom:13%;left:18%;z-index:0;}
 #dylan{position:absolute;bottom:33%;right:-8%;z-index:-1;}
 #moody{position:absolute;top:29%;left:-10%;z-index:-1;}
 #ball{position:absolute;top:-29%;left:-10%;opacity:0.7;}
@@ -69,14 +71,54 @@ a:hover{text-decoration:none;color:blue;}
 </div>
 <div id="maintxt">
 <img src="logo.png"id="logo"><br>
-<span class="subtxt">The exhibition will continue for a week. Artists will be sleep/food deprived, with only computers, paint and some other materials..<br><br>
-<span class="lindsay"></span>
+<span class="subtxt">
+<div id=":zj" style="width:420px;">
 
-<h2><!--<span class="opening"><BLINK>___OPENING___</BLINK></span><br>-->EVERYDAY October 23-29, 1pm - 8pm<br>OPEN 24H. TO MEMBERS OF THE DUMP.FM COMMUNITY! <br><br><a href="http://319scholes.org/"> >>>319 Scholes St. Brooklyn<<< </a><a href="http://maps.google.com/maps?q=map%20319%20scholes&oe=utf-8&rls=org.mozilla:en-US:official&client=firefox-a&um=1&ie=UTF-8&sa=N&hl=en&tab=wl#">(map)</a><br><br>This residency/experience/show will end in an epic Halloween party.. click continue to continue..</h2>
+    <div><strong>
+      <div><a href="http://319scholes.org/" >319 Scholes</a> hosts <a href="http://dump.fm/irl/" >DUMP.FM IRL</a>, a week-long exhibit and gathering for image-based chat site, <a href="http://dump.fm/" >dump.fm</a>.  </div>
+    </strong></div>
+<span style="font-size:130%;">curated by lindsay howard</span>
+    <div><br />
+    </div>
+    <div><strong>Monday October 25th</strong> - 9:00pm-11:00pm   </div>
+    <div><strong>
+      <div> dump.fm artists collaborate live in Brooklyn to provide visuals for MGMT show in Orlando, viewable online at <a href="http://dump.fm/mgmt" target="_blank">dump.fm/mgmt</a>. </div>
+    </strong></div>
+    <div><strong>
+      <div><br />
+      </div>
+    </strong></div>
+    <div><strong>
+      <div> Tuesday October 26th</div>
+    </strong></div>
+    <div><strong>
+      <div> </div>
+    </strong>
+      <div>4:00pm    Real Time with Felix Lee </div>
+    </div>
+    <div><br />
+    </div>
+    <div><strong>Wednesday October 27th</strong></div>
+    <div>8:00pm-11:00pm  dump.fm founder Ryder Ripps featured in Speed Show <a href="http://fffff.at/speed-show-4/" target="_blank">http://fffff.at/speed-show-4/</a> </div>
+    <div>(90 Bowery Internet Cafe, NY 10013)</div>
+    <div><br />
+    </div>
+    <div><strong>Thursday October 28th</strong></div>
+    <div>8:00pm-1:00am   dump.fm IRL open house // live performances // <a href="http://dump.fm" target="_blank">dump.fm</a> fullscreen</div>
+    <div><br />
+    </div>
+<div><strong>Saturday October 30th</strong></div>
+    <div style="width:500px;">10pm &nbsp; dump.fm IRHELL... CLICK CONTINUE TO CONTINUE!
+  </div>
+</div>
+    <div>
+    </div><br>
+    <div style="width:500px;">All events at 319 Scholes unless otherwise noted.</div>
+    <div><br />
+    </div>
 
-<h3>
+<br><br>
 
-</h3>
 </div>
 <div id="arrow">
 <a href="http://dump.fm/irhell"> continue>>>>></a>