2f:T213f, chart= { const width = 700, height = 600; const svg = d3.create("svg") .attr("viewBox", [50, 50, width-120, height-109]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 60, height - 50], bbox); var path1 = d3.geoPath().projection(projection); var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); g.selectAll("path2") //d3 geopath .data(streets.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','.5') .style("stroke-width", '.2') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") //d3 geopath .data(highwaylines.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.2') .style("stroke", "black") g.selectAll("path3") //d3 geopath .data(portlandBoundary.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "floralwhite") .style("fill-opacity", '.2') .style('stroke-opacity','.6') .style("stroke-width", '1') .style("stroke", "rgb(119,94,148)") g.selectAll("path3") //d3 geopath .data(parks.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "mediumvioletred") .style("fill-opacity", ".3") .style('stroke-opacity','1') .style("stroke-width", '.6') .style("stroke", "lightslategrey") g.selectAll("path3") //d3 geopath .data(water.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "teal") .style("fill-opacity", ".5") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "lightslategrey") g.selectAll("path3") //d3 geopath .data(sideWater.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "slategrey") .style("fill-opacity", ".05") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "black") g.selectAll("path2") //d3 geopath .data(ferryline.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "blueviolet") .style('stroke-dasharray','2 2') var p = svg.selectAll('polyline') .data(iconLocations) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d.outline}) .style("fill", "deeppink") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "teal") .attr("transform", moveIcons) .on('mouseover', spotText) .on('mouseout', removespotText) .on('click', checkcorrect) //this function to be used to move each polyline into place function moveIcons(d,i){ var xVal = projection([d.long, d.lat])[0] var yVal = projection([d.long, d.lat])[1] return "translate("+xVal+" "+yVal+")" } function drawClueLine(event, d){ clueLines.length = 0 if (cluesolvestate==2||cluesolvestate==20||cluesolvestate==3||cluesolvestate==30||cluesolvestate==4||cluesolvestate==40||cluesolvestate==5){ if(d.name=="Mortuary on 2nd and Morrison"){clueLines.push(clueline1) } } if (cluesolvestate==3||cluesolvestate==30||cluesolvestate==4||cluesolvestate==40||cluesolvestate==5){ if(d.name=="Erickson's Saloon"){clueLines.push(clueline2) } } if (cluesolvestate==4||cluesolvestate==40||cluesolvestate==5){ if(d.name=="Bow Yuen"){clueLines.push(clueline3) } } if (cluesolvestate==5){ if(d.name=="Secret Tunnel"){clueLines.push(clueline4) } } } function checkcorrect(event, d){ if (cluesolvestate==10){ if(d.name=="Mortuary on 2nd and Morrison"){mutable cluesolvestate = 2} } if (cluesolvestate==20){ if(d.name=="Erickson's Saloon"){mutable cluesolvestate = 3} } if (cluesolvestate==30){ if(d.name=="Bow Yuen"){mutable cluesolvestate = 4} } if (cluesolvestate==40){ if(d.name=="Secret Tunnel"){mutable cluesolvestate = 5} } } function spotText(event,d){ d3.select(this).attr('fill','mediumslateblue') .attr('r', 6) .style('stroke', 'mediumslateblue') .style("stroke-opacity",'.5') .style("stroke-width", '5') svg.append('line') .attr('class','spotLine') .attr('x1', '340') .attr('y1', '258') .attr('x2', projection([d.long, d.lat])[0]) .attr('y2', '258') .style('stroke-width','.5') .style('stroke','black') .style('stroke-dasharray','2 2') svg.append('line') .attr('class','spotLine') .attr('x1', projection([d.long, d.lat])[0]) .attr('y1', '258') .attr('x2', projection([d.long, d.lat])[0]) .attr('y2', projection([d.long, d.lat])[1]) .style('stroke-width','.7') .style('stroke','darkblue') .style('stroke-dasharray','2 2') svg.append("rect") .attr('class','whitebox') .attr("x", 337) .attr("y", 247) .attr("height", 31) .attr("width", 250) .attr('stroke','deeppink') .attr("stroke-width", '.8') .attr('stroke-opacity', '.7') .style("fill", 'white'); svg.append('text') .attr('class','spots') .attr('x', '340') .attr('y','260') .attr('font-family','Helvetica') .attr('font-size', '.6em') .attr('text.anchor','start') .attr('font-weight', 'bold') .text(d.name) svg.append('text') .attr('class','spots') .attr('x', '340') .attr('y','270') .attr('font-family','Helvetica') .attr('font-size', '.55em') .attr('text.anchor','start') .attr('font-weight', 'normal') .text(d.description) } function removespotText(event,d){ d3.select(this).attr('fill',colorType) d3.select(this).attr('r', 4) d3.select(this).style('stroke-opacity','.65') d3.select(this).style('stroke-width', '1') d3.selectAll('text.spots').remove() d3.selectAll('line.spotLine').remove() d3.selectAll('rect.whitebox').remove() d3.select(this).style('stroke-opacity','1') d3.select(this).style("stroke-width", '1.5') d3.select(this).style("stroke", "teal") var wrap = svg.selectAll("text.spots") .each(function(d,i) {wrap_text(d3.select(this), 50) } ); } function colorType(d,i){ var color = 'gold' if(d.type=='morgue'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='saloon'){color = 'gold'} if(d.type=='scow'){color = 'gold'} return color } return svg.node(); } 30:T1424,villains = { const width = 1400, height = 350; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); svg.append('image') .attr('href',jamesTurk) .attr('class','spotImage') .attr('x', '0') .attr('y','0') .attr('width', 250) .attr('height', 350) .on('mouseover', spotProfile) .on('mouseout', removespotProfile) .on('click', losegame) svg.append('image') .attr('href',bridgetGrant) .attr('class','spotImage') .attr('x', '250') .attr('y','0') .attr('width', 250) .attr('height', 350) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) .on('click', losegame) svg.append('image') .attr('href',larrySullivan) .attr('class','spotImage') .attr('x', '500') .attr('y','0') .attr('width',250) .attr('height', 350) .on('mouseover', spotProfile2) .on('mouseout', removespotProfile) .on('click', losegame) svg.append('image') .attr('href',buncoKelly) .attr('class','spotImage') .attr('x', '750') .attr('y','0') .attr('width', 250) .attr('height', 350) .on('mouseover', spotProfile3) .on('mouseout', removespotProfile) .on('click', wingame) function losegame(i,d,){mutable gamelose = 1; mutable timestate = 0; viewof startTimerButton.value = 0; } function wingame(i,d,){mutable gamewin = 1; mutable timestate = 0; viewof startTimerButton.value = 0; } function spotProfile(i,d){mutable villainshow = 1;} function spotProfile1(i,d){mutable villainshow = 2;} function spotProfile2(i,d){mutable villainshow = 3;} function spotProfile3(i,d){mutable villainshow = 4;} function removespotProfile(i,d){mutable villainshow = 0} /* function spotProfile(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 50) .attr("y", 100) .attr("height", 1604) .attr("width", 3000) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',joeBuncoKelly) .attr('class','spotProfile') .attr('x', '050') .attr('y','103') .attr('width', 3000) .attr('height', 1500) } function spotProfile1(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 1604) .attr("width", 3010) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',jamesTurkProfile) .attr('class','spotProfile1') .attr('x', '155') .attr('y','103') .attr('width', 3000) .attr('height', 1500) } /* function removespotProfile1(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile1').remove() d3.selectAll('rect.whitebox').remove() } */ /* function spotProfile2(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 1604) .attr("width", 3000) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',grantProfile) .attr('class','spotProfile2') .attr('x', '155') .attr('y','103') .attr('width', 3000) .attr('height', 1500) } /* function removespotProfile2(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile2').remove() d3.selectAll('rect.whitebox').remove() } */ /* function spotProfile3(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 1604) .attr("width", 3000) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',larryProfile) .attr('class','spotProfile3') .attr('x', '155') .attr('y','103') .attr('width', 3000) .attr('height', 1500) } /* function removespotProfile3(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } */ /* function removespotProfile(i,d){ d3.selectAll('image.spotProfile').remove() d3.selectAll('image.spotProfile1').remove() d3.selectAll('image.spotProfile2').remove() d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } */ return svg.node(); }31:T81b,frame = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder3) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(timerBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '3') .style("stroke", "deeppink") return svg.node(); }32:T5c0,smallmap = { const width = 200, height = 180; const svg = d4.create("svg") .attr("viewBox", [140, 140, width-10, height-10]); // Use Mercator projection var projection = d4 .geoModifiedStereographicLee() // .fitSize([width - 60, height - 50], bbox); var path1 = d4.geoPath().projection(projection); var path2 = d4.geoPath().projection(projection); var path3 = d4.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); g.selectAll("path2") //d3 geopath .data(pdcBase.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "pink") .style("fill-opacity", '.6') .style('stroke-opacity','.5') .style("stroke-width", '1.5') .style("stroke", "palevioletred") g.selectAll("path3") //d3 geopath .data(allRoutes.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','.6') .style("stroke-width", '1') .style("stroke", "teal") return svg.node(); }33:Ta76,maingamepage = html`

${border}

${frame}

${md`The Abduction Suspects`}

${md`The Investigator`}

${chart}

${viewof startTimerButton}

${time}

${villains}

${md`Suspect #1`}

${md`Suspect #2`}

${md`Suspect #3`}

${md`Suspect #4`}

${md`Clue #1`}

${md`Clue #2`}

${md`Clue #3`}

${md`Clue #4`}

` 34:T1154,characters = { const width = 110, height = 70; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var p = svg.selectAll('polyline') .data(jamesTurk) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','spotImage') .attr('points', function(d) {return d}) .attr('x', '500') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) svg.append("rect") .attr("x", 497) .attr("y", 97) .attr("width", 85) .attr("height", 27) .attr('fill', 'white') .style('fill-opacity','.5') .style('stroke', 'teal') .style('stroke-width', '1.5') svg.append('image') .attr('href',jamesTurk) .attr('class','spotImage') .attr('x', '500') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) svg.append('image') .attr('href',bridgetGrant) .attr('class','spotImage') .attr('x', '520') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile2) .on('mouseout', removespotProfile) svg.append('image') .attr('href',larrySullivan) .attr('class','spotImage') .attr('x', '540') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile3) .on('mouseout', removespotProfile) svg.append('image') .attr('href',buncoKelly) .attr('class','spotImage') .attr('x', '560') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile) .on('mouseout', removespotProfile) function spotProfile(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',joeBuncoKelly) .attr('class','spotProfile') .attr('x', '150') .attr('y','103') .attr('width', 300) .attr('height', 150) } function spotProfile1(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',jamesTurkProfile) .attr('class','spotProfile1') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function spotProfile2(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',grantProfile) .attr('class','spotProfile2') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function spotProfile3(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',larryProfile) .attr('class','spotProfile3') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function removespotProfile(i,d){ d3.selectAll('image.spotProfile').remove() d3.selectAll('image.spotProfile1').remove() d3.selectAll('image.spotProfile2').remove() d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } return svg.node(); }35:T2357, border = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "peachpuff") .style("fill-opacity", '.4') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(mapFrame1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "rbg(87,52,11)") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "rosybrown") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(mapFrame2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "rbg(87,52,11)") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "rosybrown") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(portlandtittle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.2') .style("stroke", "teal") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(kidnapstitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "mediumvioletred") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(lTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "darkturquoise") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(paTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "orange") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(onTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "dodgerblue") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(rdTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(rectCharacter) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "snow") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '2.5') .style("stroke", "teal") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetCircle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(clueBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "teal") /* var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetLine1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetLine2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(peopleBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") */ var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(profileBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style('stroke-opacity','1') .style("stroke-width", '3') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(peopleBorder2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(mainpageprofile) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "black") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footsteps) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '.5') if(clueLines.length>0){ var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(clueLines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") } return svg.node(); }36:T1aec,homepage1 = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); svg.append('text') .attr('class','spots') .attr('x', '390') .attr('y','660') .attr('font-family','Helvetica') .attr('font-size', '.6em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Learn More Here!') .on('click', Learnmore) function Learnmore(event,d){ window.open("https://www.oregonencyclopedia.org/articles/shanghai_tunnels_myth/#.Y_XqE3bMJD8"); } svg.append('image') .attr('href',buncoVillain) .attr('class','spotImage') .attr('x', '760') .attr('y','450') .attr('width', 140) .attr('height', 290) svg.append('image') .attr('href',turkVillain) .attr('class','spotImage') .attr('x', '750') .attr('y','140') .attr('width', 160) .attr('height', 320) svg.append('image') .attr('href',KidnapNews) .attr('class','spotImage') .attr('x', '295') .attr('y','220') .attr('width', 290) .attr('height', 430) svg.append('image') .attr('href',kidnapBoatpic) .attr('class','spotImage') .attr('x', '590') .attr('y','453') .attr('width', 160) .attr('height', 310) svg.append('image') .attr('href',kidnapPic) .attr('class','spotImage') .attr('x', '623') .attr('y','217') .attr('width', 80) .attr('height', 160) svg.append('image') .attr('href',tunnelPic) .attr('class','spotImage') .attr('x', '740') .attr('y','355') .attr('width', 140) .attr('height', 170) var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(homepageRect) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "cadetblue") .style("fill-opacity", '1') .attr('stroke','rosybrown') .attr("stroke-width", '4') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath //svg.append("polyline") .data(welcomeRect) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','deeppink') .attr("stroke-width", '2') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(welcome) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','snow') .attr("stroke-width", '2') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(welcomeO) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','snow') .attr("stroke-width", '2FileAttachment("image@1.png").image()') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(missingclue) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "linen") .style("fill-opacity", '1') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(questionMark2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style("fill-opacity", '1') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(questionMark1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','teal') .attr("stroke-width", '1') .attr('stroke-opacity', '1') .on('click', Continue) function Continue(event,d){ mutable gamestart = 1; } //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(pins) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "Deeppink") .style("fill-opacity", '.35') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(targetX) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','maroon') .attr("stroke-width", '4') .attr('stroke-opacity', '1') //var p = svg.selectAll('polyline') p.enter().append("polyline") //g.selectAll("path3") //d3 geopath .data(tape) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "beige") .style("fill-opacity", '1') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') return svg.node(); }37:T163f,profilepage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); /* var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(combinedData) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "cadetblue") .style("fill-opacity", '1') .attr('stroke','rosybrown') .attr("stroke-width", '4') .attr('stroke-opacity', '1') */ var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(profilePageRect) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "cadetblue") .style("fill-opacity", '1') .attr('stroke','rosybrown') .attr("stroke-width", '4') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(profileTextframe) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','deeppink') .attr("stroke-width", '2') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorText) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorText2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','black') .attr("stroke-width", '1') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorProfile) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','snow') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .on('click', Continue) function Continue(event,d){ mutable profilestate = 1; mutable timestate = 1; } var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorProfile2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','snow') .attr("stroke-width", '2') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorQuestionmark) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','snow') .attr("stroke-width", '2') .attr('stroke-opacity', '1') svg.append('text') .attr('class','layersText') .attr('x', '540') .attr('y','560') .attr('font-family','Helvetica') .attr('font-size', '.7em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('Portlands finest inspector') svg.append('text') .attr('class','layersText') .attr('x', '540') .attr('y','575') .attr('font-family','Helvetica') .attr('font-size', '.7em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('is set out to take down the') svg.append('text') .attr('class','layersText') .attr('x', '540') .attr('y','590') .attr('font-family','Helvetica') .attr('font-size', '.7em') .attr('text.anchor','start') .attr('font-weight', 'light') //.style('width', '15px') .style("fill", "mistyrose") .text('toughest abductors in town') svg.append('text') .attr('class','layersText') .attr('x', '530') .attr('y','155') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'bold') .style("fill", "pink") .text('Player Profile') svg.append('text') .attr('class','layersText') .attr('x', '485') .attr('y','175') .attr('font-family','Helvetica') .attr('font-size', '.9em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "pink") .text('(click the profile to continue)') return svg.node(); }38:T1b04,intropage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', introPopup) .attr('class','spotProfile3') .attr('x', '250') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable introshow = 1; } /* const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(introClueRect) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "cadetblue") .style("fill-opacity", '1') .attr('stroke','rosybrown') .attr("stroke-width", '4') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(profileTextframe2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','deeppink') .attr("stroke-width", '2') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(investigatorTinyprofile) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '.8') .attr('stroke','teal') .attr("stroke-width", '1') .attr('stroke-opacity', '.5') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(magnifyingGlass1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .attr('stroke','deeppink') .attr("stroke-width", '2') .attr('stroke-opacity', '1') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(magnifyingGlass2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "deeppink") .style("fill-opacity", '1') .attr('stroke','cadetblue') .attr("stroke-width", '2') .attr('stroke-opacity', '1') */ /* var wrap = svg.selectAll("text.clueTextdescription") .each(function(d, i) { wrap_text(d3.select(this), 250) }); svg.append('text') .attr('class','clueText') .attr('x', '440') .attr('y','360') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text(function(d){return d.description}) */ /* svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','345') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('A young boy named Charlie has been missing ') svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','365') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('for a few days. His mother is concerned') svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','385') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('and asked you ‘the Investigator’ to find him.') svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','405') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('She’s worried he might’ve been kidnapped.') svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','425') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('Now It’s up to you to figure out') svg.append('text') .attr('class','clueText') .attr('x', '420') .attr('y','445') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('what happened to Charlie. Goodluck!') svg.append('text') .attr('class','layersText') .attr('x', '440') .attr('y','215') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'bold') .style("fill", "mistyrose") .text('Catch the abductor before time runs out!') svg.append('text') .attr('class','layersText') .attr('x', '390') .attr('y','215') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'bold') .style("fill", "pink") .text('Goal:') svg.append('text') .attr('class','layersText') .attr('x', '390') .attr('y','255') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'bold') .style("fill", "pink") .text('Bachground Story:') */ return svg.node(); }39:T45f,rulespage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', rulesPopup) .attr('class','spotProfile3') .attr('x', '250') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable rulesshow = 1; } return svg.node(); }3a:T452,clue1popup = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', clue1) .attr('class','spotProfile3') .attr('x', '400') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable cluesolvestate = 10; } return svg.node(); }3b:T455,clue2popup = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', clue2) .attr('class','spotProfile3') .attr('x', '400') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable cluesolvestate = 20; } return svg.node(); }3c:T452,clue3popup = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', clue3) .attr('class','spotProfile3') .attr('x', '400') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable cluesolvestate = 30; } return svg.node(); }3d:T455,clue4popup = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', clue4) .attr('class','spotProfile3') .attr('x', '400') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable cluesolvestate = 40; } return svg.node(); }3e:T462,finalguesspage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', finalguessPopup) .attr('class','spotProfile3') .attr('x', '250') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable cluesolvestate = 40; } return svg.node(); }3f:T505,losepage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); //var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') // g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', failedPopup) .attr('x', '250') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable gamestart = 0; mutable profilestate = 0; mutable introshow = 0; mutable rulesshow = 0; mutable cluesolvestate = 1; mutable gamelose = 0; mutable timeout = 0; } return svg.node(); } 40:T522,winpage = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "grey") .style("fill-opacity", '.4') svg.append('image') .attr('href', successPopup) .attr('class','spotProfile3') .attr('x', '250') .attr('y','50') // .attr('width', 295) .attr('height', 600) svg.append('text') .attr('class','spots') .attr('x', '520') .attr('y','700') .attr('font-family','Helvetica') .attr('font-size', '2em') .attr('text.anchor','middle') .attr('font-weight', 'bold') .text('Continue') .on('click', cont) function cont(event,d){ mutable gamestart = 0; mutable profilestate = 0; mutable introshow = 0; mutable rulesshow = 0; mutable cluesolvestate = 1; mutable gamewin = 0; mutable timeout = 0; } return svg.node(); } 41:[{"id":"904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","href":"https://static.observableusercontent.com/files/904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","name":"Portland Boundary.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":414583},{"id":"53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","href":"https://static.observableusercontent.com/files/53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","name":"side water.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":19951},{"id":"9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","href":"https://static.observableusercontent.com/files/9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","name":"water@1.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":9384149},{"id":"7aa747535c1d6936336a99b279e0619febf40deaf7cb6ea88860b29c3187473e9cc8a9eef01c2d35ed1d033ffc536d8215a6acc533655737f3a2b8e2470e3c02","href":"https://static.observableusercontent.com/files/7aa747535c1d6936336a99b279e0619febf40deaf7cb6ea88860b29c3187473e9cc8a9eef01c2d35ed1d033ffc536d8215a6acc533655737f3a2b8e2470e3c02","name":"iconSpots-2.txt","type":"text/plain","lastModified":1681921263571.393,"size":8745},{"id":"676d876dc5a44e2f3e5accdace491bdcb131c1de622e000a9eb916f8daacbd3d47258ac17a65aab795924789aeed786fb6d44261a17e1dbf0243d6437fb6c24c","href":"https://static.observableusercontent.com/files/676d876dc5a44e2f3e5accdace491bdcb131c1de622e000a9eb916f8daacbd3d47258ac17a65aab795924789aeed786fb6d44261a17e1dbf0243d6437fb6c24c","name":"iconSpots2.txt","type":"text/plain","lastModified":1681921263571.393,"size":8833},{"id":"306d2c7146e6fa143eaf594c52e4bafed22931e5412b7c9b106be04d8ba77c422e40ed1738d2e239ed70ee9f440a6c043bb56ee1c1b9ed78d9ae0c51d6612fba","href":"https://static.observableusercontent.com/files/306d2c7146e6fa143eaf594c52e4bafed22931e5412b7c9b106be04d8ba77c422e40ed1738d2e239ed70ee9f440a6c043bb56ee1c1b9ed78d9ae0c51d6612fba","name":"mainpageProfile.txt","type":"text/plain","lastModified":1681921263571.393,"size":16973},{"id":"622adf721b4f2ab1a1e1030f3500490e6c5a53e6d77f50f83ab6baf9684146d259777c4c405b78724882dac1b1ce95fa26f6179bb10b0c497283772a322f3e62","href":"https://static.observableusercontent.com/files/622adf721b4f2ab1a1e1030f3500490e6c5a53e6d77f50f83ab6baf9684146d259777c4c405b78724882dac1b1ce95fa26f6179bb10b0c497283772a322f3e62","name":"people border 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":568},{"id":"c7d5662e78410bb3b6cb24f538171193cec9b01fb7e1fe3fbc009700c521cabd0dcd12596199e64ac8868e97bf2d2c132c8780d9d17c13b6d86aaaf53a5590d1","href":"https://static.observableusercontent.com/files/c7d5662e78410bb3b6cb24f538171193cec9b01fb7e1fe3fbc009700c521cabd0dcd12596199e64ac8868e97bf2d2c132c8780d9d17c13b6d86aaaf53a5590d1","name":"clueLine1.txt","type":"text/plain","lastModified":1681921263571.393,"size":86},{"id":"44cce80cb9cb69fb5a8b7fbe3c7b1ae5da48f17fa4009a2c57589f3859166ef59ebeee6fe9ca6ceda8c1b5ebc36396e19744553681a677d48a5a576ca019aac4","href":"https://static.observableusercontent.com/files/44cce80cb9cb69fb5a8b7fbe3c7b1ae5da48f17fa4009a2c57589f3859166ef59ebeee6fe9ca6ceda8c1b5ebc36396e19744553681a677d48a5a576ca019aac4","name":"clueLine2.txt","type":"text/plain","lastModified":1681921263571.393,"size":86},{"id":"0d03cd55a4a071a02d6ff0ccb9c95e061a42b7bc24a08f8eb6851fe1293e544bb71dc9c6eccb73732375fe4b7e5ed91aa871fad18ef7ede0df940b77dfa508ae","href":"https://static.observableusercontent.com/files/0d03cd55a4a071a02d6ff0ccb9c95e061a42b7bc24a08f8eb6851fe1293e544bb71dc9c6eccb73732375fe4b7e5ed91aa871fad18ef7ede0df940b77dfa508ae","name":"clueLine3.txt","type":"text/plain","lastModified":1681921263571.393,"size":86},{"id":"8a31131efb9367a4878bab2cac96e2b99bf73f9b31e49450319257ade6de46adb9befd38d67ad1fbb911634a3878b5236c2681fc0657fe58e5240f198b44d34d","href":"https://static.observableusercontent.com/files/8a31131efb9367a4878bab2cac96e2b99bf73f9b31e49450319257ade6de46adb9befd38d67ad1fbb911634a3878b5236c2681fc0657fe58e5240f198b44d34d","name":"clueLine4.txt","type":"text/plain","lastModified":1681921263571.393,"size":86},{"id":"acae8fbe80d468d3b516a6fd6427893cf9aedade77608ad5ce14607abca30afe9ef956626db53cfff1e1cd4ad87a27f97a1ce076749d630892cd91598b7e566c","href":"https://static.observableusercontent.com/files/acae8fbe80d468d3b516a6fd6427893cf9aedade77608ad5ce14607abca30afe9ef956626db53cfff1e1cd4ad87a27f97a1ce076749d630892cd91598b7e566c","name":"image@1.png","type":"image/png","lastModified":1681921263571.393,"size":825619},{"id":"1143d8360c522573756d65a735c96d838df96e3536a2de23b9558b6c40ac7bfb15119ec091f6c1607db4fbb540a7ff749a52f13281159f59d6e4a9d560d52331","href":"https://static.observableusercontent.com/files/1143d8360c522573756d65a735c96d838df96e3536a2de23b9558b6c40ac7bfb15119ec091f6c1607db4fbb540a7ff749a52f13281159f59d6e4a9d560d52331","name":"image@2.png","type":"image/png","lastModified":1681921263571.393,"size":103571},{"id":"bb02759e96306a10800caf8f092bf5c5f0e859dffddc4c29d2ce7e4571f5bd89c625e04b3954a65a6bfca383a12be95139102a6d540030ccd86c7d242fd0e407","href":"https://static.observableusercontent.com/files/bb02759e96306a10800caf8f092bf5c5f0e859dffddc4c29d2ce7e4571f5bd89c625e04b3954a65a6bfca383a12be95139102a6d540030ccd86c7d242fd0e407","name":"image@3.png","type":"image/png","lastModified":1681921263571.393,"size":187329},{"id":"573371796bba423a6c340d1411dbc07e94777a1b9594afb079e964c778b4c151e37372fac76a6ac3d22e549183b52d1ecb5ba871d34236efec4b88e50713350f","href":"https://static.observableusercontent.com/files/573371796bba423a6c340d1411dbc07e94777a1b9594afb079e964c778b4c151e37372fac76a6ac3d22e549183b52d1ecb5ba871d34236efec4b88e50713350f","name":"image@4.png","type":"image/png","lastModified":1681921263571.393,"size":209997},{"id":"90cda43c4caf23da5bbf74d934e409f6cd55ed8f1363071fd2a3ad2e8d676edb75a8ea208575124cc2fb1eb89f635c7c3671438f2e5ab47abca6616aa719ffb6","href":"https://static.observableusercontent.com/files/90cda43c4caf23da5bbf74d934e409f6cd55ed8f1363071fd2a3ad2e8d676edb75a8ea208575124cc2fb1eb89f635c7c3671438f2e5ab47abca6616aa719ffb6","name":"image@5.png","type":"image/png","lastModified":1681921263571.393,"size":937289},{"id":"0200816af6e227316ca6ff05f16182b16df51cc8f5d820c9efbec0b9369a1dc11ea515b2a06ad3dafe6330404ee33d6f779a343bbdae90692b57786e4ef7241f","href":"https://static.observableusercontent.com/files/0200816af6e227316ca6ff05f16182b16df51cc8f5d820c9efbec0b9369a1dc11ea515b2a06ad3dafe6330404ee33d6f779a343bbdae90692b57786e4ef7241f","name":"image@6.png","type":"image/png","lastModified":1681921263571.393,"size":217434},{"id":"7af15e7d4cf4abc56d24d2b1c05c46508d6817957965734e7836555ba0ecc2e8b9174957de5fb14b1348cb7c16fa23fc97babf724c4db1c4b08e548e21759c44","href":"https://static.observableusercontent.com/files/7af15e7d4cf4abc56d24d2b1c05c46508d6817957965734e7836555ba0ecc2e8b9174957de5fb14b1348cb7c16fa23fc97babf724c4db1c4b08e548e21759c44","name":"target X.txt","type":"text/plain","lastModified":1681921263571.393,"size":232},{"id":"6955887aa7b6c2a78d2b4796a370745e8325d5a3304277bca565e819d29596e94656c0e86bfdb672a5d01491ef45b81edbabfd434b547907c19ecc01bdd12948","href":"https://static.observableusercontent.com/files/6955887aa7b6c2a78d2b4796a370745e8325d5a3304277bca565e819d29596e94656c0e86bfdb672a5d01491ef45b81edbabfd434b547907c19ecc01bdd12948","name":"pins.txt","type":"text/plain","lastModified":1681921263571.393,"size":12948},{"id":"f4c462d962a667d97ebbc5556d409fbba3ea0cdc2b33d4af28b6960a14a0cf4e5584fcc5d2295c9ff87a0a354486477e9336eb58fb9671c75458c29626833074","href":"https://static.observableusercontent.com/files/f4c462d962a667d97ebbc5556d409fbba3ea0cdc2b33d4af28b6960a14a0cf4e5584fcc5d2295c9ff87a0a354486477e9336eb58fb9671c75458c29626833074","name":"question mark 1.txt","type":"text/plain","lastModified":1681921263571.393,"size":2076},{"id":"de6c2eae70f34effbff11e28efc78d98e60e889967bc30d05428b3f912b0be99f3de7499c781438ea256b2734e89983168568bc163dcf21b505b3f7a39172887","href":"https://static.observableusercontent.com/files/de6c2eae70f34effbff11e28efc78d98e60e889967bc30d05428b3f912b0be99f3de7499c781438ea256b2734e89983168568bc163dcf21b505b3f7a39172887","name":"question mark 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":1770},{"id":"097ba8003dfc1d0becec17cf96bdd445026a097d0cedcfe1895c0a10b796588c9c3a8514ad216afb921649571f3f3606b682471108131f88e0e90419cc4bdd5a","href":"https://static.observableusercontent.com/files/097ba8003dfc1d0becec17cf96bdd445026a097d0cedcfe1895c0a10b796588c9c3a8514ad216afb921649571f3f3606b682471108131f88e0e90419cc4bdd5a","name":"missingclue.txt","type":"text/plain","lastModified":1681921263571.393,"size":254},{"id":"576ddebba80c8f2b7b4af3304ef75f23fd70546cf97e00868dbc82cedc08aead58650fb01f78d15cdc7fa8d326d9a6d0a06dbada7956eea723bb8394b0a9c220","href":"https://static.observableusercontent.com/files/576ddebba80c8f2b7b4af3304ef75f23fd70546cf97e00868dbc82cedc08aead58650fb01f78d15cdc7fa8d326d9a6d0a06dbada7956eea723bb8394b0a9c220","name":"Tape.txt","type":"text/plain","lastModified":1681921263571.393,"size":1386},{"id":"eed27760423321d85592db7899072888a0653ed389a2716558c013cfe732f348c4f08287b3d1c01ec82f71fb257aec42b08381cbc433a3c4aa24df2498413c95","href":"https://static.observableusercontent.com/files/eed27760423321d85592db7899072888a0653ed389a2716558c013cfe732f348c4f08287b3d1c01ec82f71fb257aec42b08381cbc433a3c4aa24df2498413c95","name":"welcome O.txt","type":"text/plain","lastModified":1681921263571.393,"size":5714},{"id":"424afaa8489ba71900bb136aa31d36ecb35166c017b50a59842973c209bf390e65c9fe89d6120b92273f98a2c04ea67a575b98427d1f7edf0f2352e872f2c2a6","href":"https://static.observableusercontent.com/files/424afaa8489ba71900bb136aa31d36ecb35166c017b50a59842973c209bf390e65c9fe89d6120b92273f98a2c04ea67a575b98427d1f7edf0f2352e872f2c2a6","name":"Welcome Rect.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"87b475422906c95902bb205c8d80c679b59cdf4bff4ac314150cfd81c6ae272b48ecca56b7a3f50396451c5e53c9ebb0138da28750830fcab91fca8f10d78cc1","href":"https://static.observableusercontent.com/files/87b475422906c95902bb205c8d80c679b59cdf4bff4ac314150cfd81c6ae272b48ecca56b7a3f50396451c5e53c9ebb0138da28750830fcab91fca8f10d78cc1","name":"welcome.txt","type":"text/plain","lastModified":1681921263571.393,"size":49582},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Homepage rect.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"25ed8e2658aeb52ebb98c3262857a0809d5538f0e1048384cd906eeadb8b975dc160fb7946a77322750c170abfa1aa612ca32d18245de6b4a13f3744f9d5a7ed","href":"https://static.observableusercontent.com/files/25ed8e2658aeb52ebb98c3262857a0809d5538f0e1048384cd906eeadb8b975dc160fb7946a77322750c170abfa1aa612ca32d18245de6b4a13f3744f9d5a7ed","name":"Investigator profile.txt","type":"text/plain","lastModified":1681921263571.393,"size":18066},{"id":"d4370ac03f232a8407a54671333b54194284d38dbbc0543a837ab31dfd5608c425cd3c3e268f4bfcd72a3909b936b0be79fca603e7721819cd2732d4eb7eb27e","href":"https://static.observableusercontent.com/files/d4370ac03f232a8407a54671333b54194284d38dbbc0543a837ab31dfd5608c425cd3c3e268f4bfcd72a3909b936b0be79fca603e7721819cd2732d4eb7eb27e","name":"Investigator profile 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":15822},{"id":"eb1151a96763708409c13f6e367eec61d2e0de5194e6f52e35c9a2ba5dd668af87a9e23efe0f1c7378a569460ac4fea3545da40c5c71a9c1b4458e2766aea5fd","href":"https://static.observableusercontent.com/files/eb1151a96763708409c13f6e367eec61d2e0de5194e6f52e35c9a2ba5dd668af87a9e23efe0f1c7378a569460ac4fea3545da40c5c71a9c1b4458e2766aea5fd","name":"Investigator text 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":151176},{"id":"80c32423d0200cb503c43a8321fd60ce3290ffa9b4e3395ead6cb29689a86aec51a91c0aa4972ee593998ed43ae6c8e75b67d310938af2938978dd2a99c4161d","href":"https://static.observableusercontent.com/files/80c32423d0200cb503c43a8321fd60ce3290ffa9b4e3395ead6cb29689a86aec51a91c0aa4972ee593998ed43ae6c8e75b67d310938af2938978dd2a99c4161d","name":"Investigator text.txt","type":"text/plain","lastModified":1681921263571.393,"size":136590},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Profile page rect.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"9690a4ce7d6ae1bc4db45f4134b1f114c395b3889025bb3092ebcf908d58118d615907a7d396b3c30bcb2de23871ddeeaac2c42e50cc5518899273cee185037b","href":"https://static.observableusercontent.com/files/9690a4ce7d6ae1bc4db45f4134b1f114c395b3889025bb3092ebcf908d58118d615907a7d396b3c30bcb2de23871ddeeaac2c42e50cc5518899273cee185037b","name":"investigator questionmark.txt","type":"text/plain","lastModified":1681921263571.393,"size":5716},{"id":"f7837aa807f1b43f0e090135e77ca5c8e30043d246b7f395ba2c08e87a18ab159dee1b97e4793615c326d7abf3ee8c50f179f1378b0d4fbce53873349920c508","href":"https://static.observableusercontent.com/files/f7837aa807f1b43f0e090135e77ca5c8e30043d246b7f395ba2c08e87a18ab159dee1b97e4793615c326d7abf3ee8c50f179f1378b0d4fbce53873349920c508","name":"profile textframe 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":792},{"id":"d8f9b44b0e87f96e6de9fafb69fd5c2378c8e815e504e13d53ea9befa6c829f85389920387a51f426261061368ffad5215f2f5e52a21c8da2da14fea8ee5e8ac","href":"https://static.observableusercontent.com/files/d8f9b44b0e87f96e6de9fafb69fd5c2378c8e815e504e13d53ea9befa6c829f85389920387a51f426261061368ffad5215f2f5e52a21c8da2da14fea8ee5e8ac","name":"profile textframe.txt","type":"text/plain","lastModified":1681921263571.393,"size":792},{"id":"99a81c2bbbc6960858ba2daf3a1e2b62449c29425667607a7e38d324851c800b10359940facd1412c02a49e42ed795e319c96a5bb66626ac2f05d7045a9081bd","href":"https://static.observableusercontent.com/files/99a81c2bbbc6960858ba2daf3a1e2b62449c29425667607a7e38d324851c800b10359940facd1412c02a49e42ed795e319c96a5bb66626ac2f05d7045a9081bd","name":"magnifying glass 2.txt","type":"text/plain","lastModified":1681921263571.393,"size":2858},{"id":"0ac28ef7a47d6e8c5780c764035d6a54ef78cbf917a644f113198360505d173b6fc8167b6607b20bdb8b2af30ac487582a63b1364398a59868effaad1e0210a3","href":"https://static.observableusercontent.com/files/0ac28ef7a47d6e8c5780c764035d6a54ef78cbf917a644f113198360505d173b6fc8167b6607b20bdb8b2af30ac487582a63b1364398a59868effaad1e0210a3","name":"magnifying glass 1.txt","type":"text/plain","lastModified":1681921263571.393,"size":2972},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Intro clue rect.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"e945759418aa073127432ba0cf6016b3d414f9d96dee122a0886ebb33592059e96d9159a6b4c660e9ec8017e08a9f826da6f6651cd5f4b77e2d8b9b01f04d1d8","href":"https://static.observableusercontent.com/files/e945759418aa073127432ba0cf6016b3d414f9d96dee122a0886ebb33592059e96d9159a6b4c660e9ec8017e08a9f826da6f6651cd5f4b77e2d8b9b01f04d1d8","name":"investigator tinyprofile.txt","type":"text/plain","lastModified":1681921263571.393,"size":12348},{"id":"255eb4b69355796d5e7298d81e14fa46225628727600713266c32daf27430bd05fb17d3467907a86328e60a9beed750df966a2e4b6bbbb02cae84192c1a35dbe","href":"https://static.observableusercontent.com/files/255eb4b69355796d5e7298d81e14fa46225628727600713266c32daf27430bd05fb17d3467907a86328e60a9beed750df966a2e4b6bbbb02cae84192c1a35dbe","name":"test.txt","type":"text/plain","lastModified":1681921263571.393,"size":8},{"id":"7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","href":"https://static.observableusercontent.com/files/7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","name":"Footsteps@1.txt","type":"text/plain","lastModified":1681921263571.393,"size":30686},{"id":"55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","href":"https://static.observableusercontent.com/files/55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","name":"target line1.txt","type":"text/plain","lastModified":1681921263571.393,"size":344},{"id":"801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","href":"https://static.observableusercontent.com/files/801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","name":"target line2.txt","type":"text/plain","lastModified":1681921263571.393,"size":228},{"id":"f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","href":"https://static.observableusercontent.com/files/f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","name":"profile border@1.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","href":"https://static.observableusercontent.com/files/8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","name":"clue border.txt","type":"text/plain","lastModified":1681921263571.393,"size":568},{"id":"5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","href":"https://static.observableusercontent.com/files/5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","name":"people border.txt","type":"text/plain","lastModified":1681921263571.393,"size":568},{"id":"331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","href":"https://static.observableusercontent.com/files/331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","name":"rect character.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","href":"https://static.observableusercontent.com/files/059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","name":"target circle@1.txt","type":"text/plain","lastModified":1681921263571.393,"size":4064},{"id":"ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","href":"https://static.observableusercontent.com/files/ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","name":"Footsteps border3.txt","type":"text/plain","lastModified":1681921263571.393,"size":852},{"id":"5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","href":"https://static.observableusercontent.com/files/5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","name":"timer border.txt","type":"text/plain","lastModified":1681921263571.393,"size":142},{"id":"f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","href":"https://static.observableusercontent.com/files/f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","name":"rect border.txt","type":"text/plain","lastModified":1681921263571.393,"size":568},{"id":"c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","href":"https://static.observableusercontent.com/files/c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","name":"Footsteps border1.txt","type":"text/plain","lastModified":1681921263571.393,"size":48900},{"id":"7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","href":"https://static.observableusercontent.com/files/7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","name":"Footsteps border2.txt","type":"text/plain","lastModified":1681921263571.393,"size":48900},{"id":"b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","href":"https://static.observableusercontent.com/files/b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","name":"HighwayLines.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":134940},{"id":"ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","href":"https://static.observableusercontent.com/files/ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","name":"kidnapstitle.txt","type":"text/plain","lastModified":1681921263571.393,"size":5788},{"id":"f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","href":"https://static.observableusercontent.com/files/f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","name":"L title.txt","type":"text/plain","lastModified":1681921263571.393,"size":114},{"id":"424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","href":"https://static.observableusercontent.com/files/424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","name":"ON title.txt","type":"text/plain","lastModified":1681921263571.393,"size":1068},{"id":"4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","href":"https://static.observableusercontent.com/files/4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","name":"PA title.txt","type":"text/plain","lastModified":1681921263571.393,"size":732},{"id":"5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","href":"https://static.observableusercontent.com/files/5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","name":"RD title.txt","type":"text/plain","lastModified":1681921263571.393,"size":564},{"id":"350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","href":"https://static.observableusercontent.com/files/350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","name":"PortlandTittle@1.txt","type":"text/plain","lastModified":1681921263571.393,"size":1842},{"id":"a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","href":"https://static.observableusercontent.com/files/a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","name":"Map Frame2.txt","type":"text/plain","lastModified":1681921263571.393,"size":396},{"id":"5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","href":"https://static.observableusercontent.com/files/5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","name":"Map Frame1@1.txt","type":"text/plain","lastModified":1681921263571.393,"size":396},{"id":"9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","href":"https://static.observableusercontent.com/files/9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","name":"Color underlay.txt","type":"text/plain","lastModified":1681921263571.393,"size":148},{"id":"18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","href":"https://static.observableusercontent.com/files/18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","name":"Map Frame.txt","type":"text/plain","lastModified":1681921263571.393,"size":1020},{"id":"1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","href":"https://static.observableusercontent.com/files/1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","name":"image.png","type":"image/png","lastModified":1681921263571.393,"size":236677},{"id":"f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","href":"https://static.observableusercontent.com/files/f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","name":"all routes@4.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":61668},{"id":"82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","href":"https://static.observableusercontent.com/files/82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","name":"Bridget Grant PNG 2.png","type":"image/png","lastModified":1681921263571.393,"size":127481},{"id":"cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","href":"https://static.observableusercontent.com/files/cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","name":"Bunco Kelly PNG 2.png","type":"image/png","lastModified":1681921263571.393,"size":149781},{"id":"3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","href":"https://static.observableusercontent.com/files/3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","name":"James Turk png 2.png","type":"image/png","lastModified":1681921263571.393,"size":158115},{"id":"e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","href":"https://static.observableusercontent.com/files/e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","name":"Larry Sullivan PNG 2.png","type":"image/png","lastModified":1681921263571.393,"size":183303},{"id":"46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","href":"https://static.observableusercontent.com/files/46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","name":"Larry profile.png","type":"image/png","lastModified":1681921263571.393,"size":356368},{"id":"cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","href":"https://static.observableusercontent.com/files/cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","name":"Grant profile.png","type":"image/png","lastModified":1681921263571.393,"size":121130},{"id":"7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","href":"https://static.observableusercontent.com/files/7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","name":"James Turk profile.png","type":"image/png","lastModified":1681921263571.393,"size":127283},{"id":"7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","href":"https://static.observableusercontent.com/files/7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","name":"Joe Bunco kelly@1.png","type":"image/png","lastModified":1681921263571.393,"size":114350},{"id":"0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","href":"https://static.observableusercontent.com/files/0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","name":"Bunco-s establishment.PNG","type":"image/png","lastModified":1681921263571.393,"size":296680},{"id":"1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","href":"https://static.observableusercontent.com/files/1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","name":"Sailor-s boardinghouses.PNG","type":"image/png","lastModified":1681921263571.393,"size":288575},{"id":"61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","href":"https://static.observableusercontent.com/files/61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","name":"Turk-s sailors boardinghouses.PNG","type":"image/png","lastModified":1681921263571.393,"size":316439},{"id":"832a5907998ea1b1503986fdf3cfe570677efd4bfebb2eaa545bf02210ff79c9be06c9e76a5405a16e3eee1b39c01c3295a890241ff016249cd20ee656c9e4db","href":"https://static.observableusercontent.com/files/832a5907998ea1b1503986fdf3cfe570677efd4bfebb2eaa545bf02210ff79c9be06c9e76a5405a16e3eee1b39c01c3295a890241ff016249cd20ee656c9e4db","name":"bbox.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":641},{"id":"aa01cef655380e71468d0b5d35a29e2112c6051658addedf0f646cba4830bc53315b109b787ea988bdd16c4fd41d0eacacd732d5a6c965ad8c19188099b6b90c","href":"https://static.observableusercontent.com/files/aa01cef655380e71468d0b5d35a29e2112c6051658addedf0f646cba4830bc53315b109b787ea988bdd16c4fd41d0eacacd732d5a6c965ad8c19188099b6b90c","name":"streets.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":4133768},{"id":"3b7bf91c3c0ad67c95169c8db0925793d10774a1d65dd4866682958d342e4a983a0aa9e92ece4939ab89ffda0e1f1123f84c2a2bb114c7485ad7c85cb1591e42","href":"https://static.observableusercontent.com/files/3b7bf91c3c0ad67c95169c8db0925793d10774a1d65dd4866682958d342e4a983a0aa9e92ece4939ab89ffda0e1f1123f84c2a2bb114c7485ad7c85cb1591e42","name":"parks.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":119614},{"id":"6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","href":"https://static.observableusercontent.com/files/6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","name":"pdc base.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":2767799},{"id":"00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","href":"https://static.observableusercontent.com/files/00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","name":"Ferryline.geojson","type":"application/geo+json","lastModified":1681921263571.393,"size":18687},{"id":"8e53b495cce541fa41a0d5c050214fd89841207a8ef775b2723cd753ab88ba67f6fc1b0e43eced5f4ec617c99a7e8d18801baef0b0b550826d663d68cae10d9c","href":"https://static.observableusercontent.com/files/8e53b495cce541fa41a0d5c050214fd89841207a8ef775b2723cd753ab88ba67f6fc1b0e43eced5f4ec617c99a7e8d18801baef0b0b550826d663d68cae10d9c","name":"Clue #1.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":522654},{"id":"f17deddc119e68b56c05fd348877f3754b8d4063c527ffaca909db56f571776a0a35a109f00f0c11c9a2d97a455a87749b3c265115b323ff5e2d84a5651f7261","href":"https://static.observableusercontent.com/files/f17deddc119e68b56c05fd348877f3754b8d4063c527ffaca909db56f571776a0a35a109f00f0c11c9a2d97a455a87749b3c265115b323ff5e2d84a5651f7261","name":"Clue #2.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":526127},{"id":"b7dc1786756d124cea5c57c3bf9d5668c197464af7ce8e6437328187ba8f77b27593f2f726f9fd56b75aadaf0b141b499660b49e91b492107e6f9f8838439ab1","href":"https://static.observableusercontent.com/files/b7dc1786756d124cea5c57c3bf9d5668c197464af7ce8e6437328187ba8f77b27593f2f726f9fd56b75aadaf0b141b499660b49e91b492107e6f9f8838439ab1","name":"Clue #3.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":520529},{"id":"bc203c214179545f695852855d87cd13e927c5975b74a61b05f099a07aac1f09b19b85719b62679beea15f75ebb03e924002a9056782d28167230a40d8a53bf4","href":"https://static.observableusercontent.com/files/bc203c214179545f695852855d87cd13e927c5975b74a61b05f099a07aac1f09b19b85719b62679beea15f75ebb03e924002a9056782d28167230a40d8a53bf4","name":"Clue #4.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":625107},{"id":"a4f87b47b7987767e94e4fae1d225a7df5ea81eb184e0d07438e8651484228f24304ffe74a03c0bb77821796861b8a4eaef4891ca278ae4b3f991ed10d0e988b","href":"https://static.observableusercontent.com/files/a4f87b47b7987767e94e4fae1d225a7df5ea81eb184e0d07438e8651484228f24304ffe74a03c0bb77821796861b8a4eaef4891ca278ae4b3f991ed10d0e988b","name":"Continue.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":17446},{"id":"c282ab3b70614705dd86c0ab505658ae3cb098c149e86e477159008d1af98bb59601538c0304e6784879102ab8e97234f16749ce27976eb0ddff88e5b154b9f6","href":"https://static.observableusercontent.com/files/c282ab3b70614705dd86c0ab505658ae3cb098c149e86e477159008d1af98bb59601538c0304e6784879102ab8e97234f16749ce27976eb0ddff88e5b154b9f6","name":"Failed Popup.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":569056},{"id":"45464325d74da4b335ce1c2ad2d85e1e36bda8df90f9f766723d1a7bedbd629827f250b68f730ae43be8dc40350578f4e6fd690b40d5fd3bd08ad0706cb66100","href":"https://static.observableusercontent.com/files/45464325d74da4b335ce1c2ad2d85e1e36bda8df90f9f766723d1a7bedbd629827f250b68f730ae43be8dc40350578f4e6fd690b40d5fd3bd08ad0706cb66100","name":"FinalGuess Popup.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":896215},{"id":"5b6451cc8713649b54f8df69179a497b076c2960ca2ecd528997a64484d7eff4a7e182f8d802af88098839052af8e9abbe91fbdd35599cffd05ac786d8b1e63f","href":"https://static.observableusercontent.com/files/5b6451cc8713649b54f8df69179a497b076c2960ca2ecd528997a64484d7eff4a7e182f8d802af88098839052af8e9abbe91fbdd35599cffd05ac786d8b1e63f","name":"Success Popup.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":602144},{"id":"eb1f3dcabb9c6bb6945c6a108382fd292577b2af62f01ae48fb12ca87624f92f8ef1c89e4a46fbcd4d3074e9b5a3ca1d36aeb14690adf3183ca3e73db4826e15","href":"https://static.observableusercontent.com/files/eb1f3dcabb9c6bb6945c6a108382fd292577b2af62f01ae48fb12ca87624f92f8ef1c89e4a46fbcd4d3074e9b5a3ca1d36aeb14690adf3183ca3e73db4826e15","name":"Intro Popup.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":466542},{"id":"4af5cb7666acd74e259cbe63f9f9560e774422c884e854c5afbfed17fd1e3b8aac4175f8d53e0968226e2664bb2fc8b9ba124283b9e57e06dad74d0afe2a1743","href":"https://static.observableusercontent.com/files/4af5cb7666acd74e259cbe63f9f9560e774422c884e854c5afbfed17fd1e3b8aac4175f8d53e0968226e2664bb2fc8b9ba124283b9e57e06dad74d0afe2a1743","name":"Rules Popup.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":414498},{"id":"0c3d914760c334bffe5647d7f24acaa395a47c18025225245ee3458ba6770c66abe140a40da146035766f071a6170cf005532d932222a695b9c1576dd1ed442d","href":"https://static.observableusercontent.com/files/0c3d914760c334bffe5647d7f24acaa395a47c18025225245ee3458ba6770c66abe140a40da146035766f071a6170cf005532d932222a695b9c1576dd1ed442d","name":"Win page.jpg","type":"image/jpeg","lastModified":1681921263571.393,"size":601121}] 2d:{"title":"Portland Kidnap Map April 19- Mariam","cells":[{"id":11,"value":"# Portland Kidnap Map April 19- Mariam","pinned":true,"hidden":false,"mode":"md"},{"id":245,"value":"portlandBoundary = FileAttachment(\"Portland Boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":248,"value":"sideWater = FileAttachment(\"side water.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"water = FileAttachment(\"water@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1855,"value":"iconspots = FileAttachment(\"iconSpots-2.txt\").text()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2374,"value":"iconspots2 = FileAttachment(\"iconSpots2.txt\").text()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1854,"value":"iconLocations = {\n\n var combined = []\n //var scaleFac = .5\n\n for (let i = 0; i < locs.length; i++) {\n \n\n \n\n combined.push({lat:locs[i].latitude,long:locs[i].longitude,name:locs[i].name,description:locs[i].description,outline:iconspots})\n \n }\nreturn combined\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1091,"value":"viewof pages = Inputs.radio(['Home', 'Profile', 'First Clue','Main Game'], {label: \"\", value:'Home'})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1880,"value":"mutable gamestart = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":2288,"value":"mutable rulesshow = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":2290,"value":"mutable introshow = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1993,"value":"mutable gamelose = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1995,"value":"mutable gamewin = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1876,"value":"mutable profilestate = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1878,"value":"mutable cluesolvestate = 1","pinned":true,"hidden":false,"mode":"ojs"},{"id":2439,"value":"mutable villainshow = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":2315,"value":"mutable timestate = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":2276,"value":"mutable timeout = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1986,"value":"viewof cssdropdown = Inputs.radio([1,10,2,20,3,30,4,40], {label: \"DevCSS\", value:1})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2282,"value":"buttons = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":2013,"value":"clueLines = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":1625,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":1023,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":646,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":917,"value":"rectangle = {\n const svg = d4.create(\"svg\")\n svg.append(\"rect\")\n .attr('class','whitebox')\n .attr(\"height\", 180)\n .attr(\"width\", 200)\n .style(\"fill\", \"snow\")\n .attr('fill-opacity', '1')\n .attr('stroke','rosybrown')\n .attr(\"stroke-width\", '2')\n .attr('stroke-opacity', '1')\n\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1683,"value":"bool = {\nvar page = maingamepage;\n\nif (gamestart == 0) {page = homepage1}\nelse if (profilestate == 0) {page = profilepage}\n\n\n\n \nreturn page\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1930,"value":"boolpopup = {\nvar popup = \"

\" ;\n\n if (profilestate == 0) {\n if (introshow == 0){popup = intropage}\n else if (rulesshow == 0)(popup = rulespage)\n \n }\n\n else {\n if (cluesolvestate == 1) {popup = clue1popup}\n else if (cluesolvestate == 2) {popup = clue2popup}\n else if (cluesolvestate == 3) {popup = clue3popup}\n else if (cluesolvestate == 4) {popup = clue4popup}\n else if (gamelose == 1) {popup = losepage}\n else if (gamewin == 1) {popup = winpage}\n }\n\n return popup\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2419,"value":"boolvillains = {\n\n var villain = \"

\"\nif (villainshow == 1) {villain = html`

`\n }\nelse if (villainshow == 2) {villain = html`

${grantProfile}

`\n }\nelse if (villainshow == 3) {villain = html`

${jamesTurkProfile}

`\n }\nelse if (villainshow == 4) {villain = html`

${joeBuncoKelly}

`\n }\n \n\n\nreturn villain; \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1738,"value":"dashboard = \nhtml`\n\n\n\n\n

\n ${bool}\n

\n\n\n\n

\n ${boolvillains}\n

\n\n\n\n\n

\n ${boolpopup}\n

\n\n\n\n

\n \n

\n\n\n\n\n\n\n\n

\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":741,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":1060,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1282,"value":"## This code if for the Border of dashboard","pinned":false,"hidden":false,"mode":"md"},{"id":743,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":2101,"value":"mainpageprofile = FileAttachment(\"mainpageProfile.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2189,"value":"peopleBorder2 = FileAttachment(\"people border 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2140,"value":"clueline1 = FileAttachment(\"clueLine1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2141,"value":"clueline2 = FileAttachment(\"clueLine2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2142,"value":"clueline3 = FileAttachment(\"clueLine3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2143,"value":"clueline4 = FileAttachment(\"clueLine4.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1284,"value":"## This code is for the timer","pinned":false,"hidden":false,"mode":"md"},{"id":1205,"value":"mutable stops = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1187,"value":"viewof seconds = Inputs.range([0, 59], {value: 0, step:1, label: \"seconds\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1189,"value":"viewof minutes = Inputs.range([0, 59], {value: 0, step:1, label: \"minutes\", value:2}) ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1191,"value":"hours = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1193,"value":"function* timer(i = 0) {\n yield i;\n while (true) {\n yield Promises.tick(1000).then(() => i++);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1195,"value":"currentTime = {\n if(startTimerButton>0){ //||timestate==1\n return timer();\n }else{mutable stops = 0}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1197,"value":"countdownTime = {\n return minutes*60 + seconds;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1199,"value":"//mutable timesup = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1201,"value":"time = {\nlet result = countdownTime - currentTime;\n if (currentTime == undefined){result = 0} \nif ( result < 0 ) {\n result = \"Time Up!\";\n mutable timestate = 2;\n}\n\n \nelse {\n const remainHours = \"\"+parseInt(result/3600);\n result = result - remainHours*3600;\n const remainMinutes = \"\"+parseInt(result/60);\n const remainSeconds = \"\"+parseInt(result%60);\n result = remainMinutes.padStart(2,\"0\") + \":\" + \n remainSeconds.padStart(2,\"0\") ;\n}\n\nreturn html`\n\n${result}\n`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1203,"value":"viewof startTimerButton = Inputs.button([\n [\"Start\", value => value + 1],\n [\"Reset\", value => 0]\n], {value: 0})\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":1286,"value":"## this code is for the homepage of our game: add the homepage content here","pinned":false,"hidden":false,"mode":"md"},{"id":1243,"value":"$36","pinned":true,"hidden":false,"mode":"ojs"},{"id":1458,"value":"buncoVillain = FileAttachment(\"image@1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1461,"value":"turkVillain = FileAttachment(\"image@2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1465,"value":"tunnelPic = FileAttachment(\"image@3.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1469,"value":"KidnapNews = FileAttachment(\"image@4.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1471,"value":"kidnapPic = FileAttachment(\"image@5.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1473,"value":"kidnapBoatpic = FileAttachment(\"image@6.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1357,"value":"targetX = FileAttachment(\"target X.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1358,"value":"pins = FileAttachment(\"pins.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1350,"value":"questionMark1 = FileAttachment(\"question mark 1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1351,"value":"questionMark2 = FileAttachment(\"question mark 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1347,"value":"missingclue = FileAttachment(\"missingclue.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1343,"value":"tape = FileAttachment(\"Tape.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1340,"value":"welcomeO = FileAttachment(\"welcome O.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1334,"value":"welcomeRect = FileAttachment(\"Welcome Rect.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1335,"value":"welcome = FileAttachment(\"welcome.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1330,"value":"homepageRect = FileAttachment(\"Homepage rect.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1289,"value":"## this code is for the Profile Page of our game: add the profile page content here","pinned":false,"hidden":false,"mode":"md"},{"id":1267,"value":"$37","pinned":true,"hidden":false,"mode":"ojs"},{"id":1817,"value":"combinedData={\nvar locations = []\n\nfor(let i=0;i {\n const params = JSON.parse(decodeURIComponent(req.query.params))\n const mime = \"image/jpeg\"\n res.header(\"content-type\", mime);\n res.header(\"cache-control\", \"public, max-age=604800, immutable\") // Remember\n res.send(await convert(params.src, params.width, params.height, mime))\n })\n \n return `${backend.href}?params=${encodeURIComponent(JSON.stringify({\n src, width, height\n }))}` \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2578,"value":"function convert(src, width, height, mime) {\n return new Promise(resolve => {\n var img = new Image();\n img.onload = function () {\n var canvas = document.createElement(\"canvas\");\n canvas.width = width;\n canvas.height = height || ((img.height * canvas.width) / img.width);\n\n var ctx = canvas.getContext(\"2d\");\n ctx.imageSmoothingQuality = \"high\"\n // Resize\n ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n\n // https://stackoverflow.com/questions/47913980/js-convert-an-image-object-to-a-jpeg-file\n canvas.toBlob(async (data)=> {\n resolve(await data.arrayBuffer())\n }, mime, 0.75);\n };\n img.src = src;\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"grantProfile = FileAttachment(\"Grant profile.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":518,"value":"jamesTurkProfile = FileAttachment(\"James Turk profile.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":578,"value":"joeBuncoKelly = FileAttachment(\"Joe Bunco kelly@1.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":479,"value":"buncoEstablishment = FileAttachment(\"Bunco-s establishment.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":480,"value":"sailorBoardinghouses = FileAttachment(\"Sailor-s boardinghouses.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":481,"value":"turkSailorsBoardinghouses = FileAttachment(\"Turk-s sailors boardinghouses.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":350,"value":"import {skullTest} from \"@mariamth/shanghai\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":313,"value":"locslink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vSut7Wsg8_yeIPEsnv2N58WmYFgzQMnVz2pB3nogWV5s3k7o29gjn_cRABO8vXV-1dP-g92qkCYGkqn/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs"},{"id":315,"value":"locs = d3.csv(locslink, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":430,"value":"bbox = FileAttachment(\"bbox.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":431,"value":"streets = FileAttachment(\"streets.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":432,"value":"parks = FileAttachment(\"parks.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":668,"value":"pdcBase = FileAttachment(\"pdc base.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"ferryline = FileAttachment(\"Ferryline.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":653,"value":"import {map} with {projection, outline} from \"@d3/world-map\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":657,"value":"d4 = require(\"d3@6\", \"d3-geo-projection@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1864,"value":"clue1 = FileAttachment(\"Clue #1.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1865,"value":"clue2 = FileAttachment(\"Clue #2.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1866,"value":"clue3 = FileAttachment(\"Clue #3.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1867,"value":"clue4 = FileAttachment(\"Clue #4.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1955,"value":"continue1 = FileAttachment(\"Continue.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2199,"value":"failedPopup = FileAttachment(\"Failed Popup.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2200,"value":"finalguessPopup = FileAttachment(\"FinalGuess Popup.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2201,"value":"successPopup = FileAttachment(\"Success Popup.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2214,"value":"introPopup = FileAttachment(\"Intro Popup.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2215,"value":"rulesPopup = FileAttachment(\"Rules Popup.jpg\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":2469,"value":"winPage = FileAttachment(\"Win page.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W41","stdlib":"1","titling":"auto"}