update styling, access random canvas

mejackreed · Sep 27, 2015 · 450055d · 450055d
1 parent ace4731
commit 450055d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/assets/bundle.js b/assets/bundle.js
@@ -59,7 +59,8 @@ var Map = React.createClass({
     $.getJSON(this.state.mapid, function (data) {
       _this.setState({ mapInfo: data });
       _this.map.attributionControl.addAttribution(data.attribution);
-      var iiifLayer = L.tileLayer.iiif(data.sequences[0].canvases[0].images[0].resource.service['@id'] + '/info.json', {
+      var randomCanvas = Math.floor(Math.random() * data.sequences[0].canvases.length - 1) + 1;
+      var iiifLayer = L.tileLayer.iiif(data.sequences[0].canvases[randomCanvas].images[0].resource.service['@id'] + '/info.json', {
         tileSize: 1024
       });
 

diff --git a/assets/css/site.css b/assets/css/site.css
@@ -176,3 +176,8 @@ h3 {
     transform: rotate(360deg);
   }
 }
+
+.leaflet-container .leaflet-control-attribution a {
+  color: #404040;
+  font-weight: 600;
+}
diff --git a/lib/map.js b/lib/map.js
@@ -35,7 +35,8 @@ var Map = React.createClass({
     $.getJSON(this.state.mapid, function(data) {
       _this.setState({mapInfo: data});
       _this.map.attributionControl.addAttribution(data.attribution);
-      var iiifLayer = L.tileLayer.iiif(data.sequences[0].canvases[0].images[0].resource.service['@id'] + '/info.json', {
+      var randomCanvas = (Math.floor(Math.random() * data.sequences[0].canvases.length - 1) + 1);
+      var iiifLayer = L.tileLayer.iiif(data.sequences[0].canvases[randomCanvas].images[0].resource.service['@id'] + '/info.json', {
         tileSize: 1024
       });