2f:T2ba8, chart = { const width = 700, height = 600; const svg = d3.create("svg") .attr("viewBox", [50, 50, width-120, height-100]); // 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", "palevioletred") 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", ".5") .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", '2') .style("stroke", "blueviolet") .style('stroke-dasharray','2 2') var c = svg.selectAll("circle") //d3 geopath .data(locs) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr("cx", function(d) {return projection([d.longitude, d.latitude])[0]}) .attr("cy", function(d) {return projection([d.longitude, d.latitude])[1]}) .attr('r',4) .attr('fill',colorType) .style('fill-opacity','2') .style('stroke','darkviolet') .style('stroke-width','1') .on('mouseover', spotText) .on('mouseout', removespotText) 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 } 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('text') .attr('class','spots') .attr('x', '340') .attr('y','320') .attr('font-family','Helvetica') .attr('font-size', '.7em') .attr('text.anchor','start') .attr('font-weight', 'bold') .text(d.name) svg.append('text') .attr('class','spots') .attr('x', '340') .attr('y','330') .attr('font-family','Helvetica') .attr('font-size', '.65em') .attr('text.anchor','start') .attr('font-weight', 'normal') .text(d.description) svg.append('line') .attr('class','spotLine') .attr('x1', '340') .attr('y1', '318') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', '318') .style('stroke-width','.5') .style('stroke','black') .style('stroke-dasharray','2 2') svg.append('line') .attr('class','spotLine') .attr('x1', projection([d.longitude, d.latitude])[0]) .attr('y1', '318') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', projection([d.longitude, d.latitude])[1]) .style('stroke-width','.7') .style('stroke','darkblue') .style('stroke-dasharray','2 2') } 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() } 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 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", 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 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", 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 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() } setInterval(myTimer, 1800); function myTimer() { const d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); svg.append('timer') .attr('class','myTimer') .attr('x', '450') .attr('y','100') } return svg.node(); } 30: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(); }31:T5c0,smallmap = { const width = 350, height = 220; const svg = d4.create("svg") .attr("viewBox", [100, 100, width-20, height-20]); // 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(); }32:T928,dashboard = html`

${border}

${frame}

${md`The Investigator`}

${chart}

${rectangle}

${smallmap}

${viewof pages}

${viewof startTimerButton}

${time}

${md`Clue #1`}

//Street Address for August Erickson's Saloon

${md`“Bars, food, and shows; oh the fun you could have! Along this popular strip, now referred to as 2nd Ave.”`}

${md`Clue #2`}

//August Erickson's Saloon

${md`“The owner himself may have a month for a name. Beyond these walls you’ll find many a drinking game.”`}

${md`Clue #3`}

${md`Clue #4`}

` 33: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(); }34:T1de8, 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", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "deeppink") 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(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(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(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", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .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') return svg.node(); }35:T176f,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('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') g.selectAll("path3") //d3 geopath .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') 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') 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') 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') 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') 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') var p = svg.selectAll('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", "none") .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(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", '2') .attr('stroke-opacity', '1') var p = svg.selectAll('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(); }36:Td15,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(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') 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') svg.append('text') .attr('class','layersText') .attr('x', '540') .attr('y','560') .attr('font-family','Helvetica') .attr('font-size', '1em') .attr('text.anchor','start') .attr('font-weight', 'normal') .style("fill", "mistyrose") .text('Insert intro clue here') return svg.node(); }37:Tec8,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(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') svg.append('text') .attr('class','layersText') .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('Insert intro clue here') 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('Here is Your 1st Clue...') return svg.node(); }38:[{"id":"acae8fbe80d468d3b516a6fd6427893cf9aedade77608ad5ce14607abca30afe9ef956626db53cfff1e1cd4ad87a27f97a1ce076749d630892cd91598b7e566c","href":"https://static.observableusercontent.com/files/acae8fbe80d468d3b516a6fd6427893cf9aedade77608ad5ce14607abca30afe9ef956626db53cfff1e1cd4ad87a27f97a1ce076749d630892cd91598b7e566c","name":"image@1.png","type":"image/png","lastModified":1678762632851.017,"size":825619},{"id":"1143d8360c522573756d65a735c96d838df96e3536a2de23b9558b6c40ac7bfb15119ec091f6c1607db4fbb540a7ff749a52f13281159f59d6e4a9d560d52331","href":"https://static.observableusercontent.com/files/1143d8360c522573756d65a735c96d838df96e3536a2de23b9558b6c40ac7bfb15119ec091f6c1607db4fbb540a7ff749a52f13281159f59d6e4a9d560d52331","name":"image@2.png","type":"image/png","lastModified":1678762632851.017,"size":103571},{"id":"bb02759e96306a10800caf8f092bf5c5f0e859dffddc4c29d2ce7e4571f5bd89c625e04b3954a65a6bfca383a12be95139102a6d540030ccd86c7d242fd0e407","href":"https://static.observableusercontent.com/files/bb02759e96306a10800caf8f092bf5c5f0e859dffddc4c29d2ce7e4571f5bd89c625e04b3954a65a6bfca383a12be95139102a6d540030ccd86c7d242fd0e407","name":"image@3.png","type":"image/png","lastModified":1678762632851.017,"size":187329},{"id":"573371796bba423a6c340d1411dbc07e94777a1b9594afb079e964c778b4c151e37372fac76a6ac3d22e549183b52d1ecb5ba871d34236efec4b88e50713350f","href":"https://static.observableusercontent.com/files/573371796bba423a6c340d1411dbc07e94777a1b9594afb079e964c778b4c151e37372fac76a6ac3d22e549183b52d1ecb5ba871d34236efec4b88e50713350f","name":"image@4.png","type":"image/png","lastModified":1678762632851.017,"size":209997},{"id":"90cda43c4caf23da5bbf74d934e409f6cd55ed8f1363071fd2a3ad2e8d676edb75a8ea208575124cc2fb1eb89f635c7c3671438f2e5ab47abca6616aa719ffb6","href":"https://static.observableusercontent.com/files/90cda43c4caf23da5bbf74d934e409f6cd55ed8f1363071fd2a3ad2e8d676edb75a8ea208575124cc2fb1eb89f635c7c3671438f2e5ab47abca6616aa719ffb6","name":"image@5.png","type":"image/png","lastModified":1678762632851.017,"size":937289},{"id":"0200816af6e227316ca6ff05f16182b16df51cc8f5d820c9efbec0b9369a1dc11ea515b2a06ad3dafe6330404ee33d6f779a343bbdae90692b57786e4ef7241f","href":"https://static.observableusercontent.com/files/0200816af6e227316ca6ff05f16182b16df51cc8f5d820c9efbec0b9369a1dc11ea515b2a06ad3dafe6330404ee33d6f779a343bbdae90692b57786e4ef7241f","name":"image@6.png","type":"image/png","lastModified":1678762632851.017,"size":217434},{"id":"255eb4b69355796d5e7298d81e14fa46225628727600713266c32daf27430bd05fb17d3467907a86328e60a9beed750df966a2e4b6bbbb02cae84192c1a35dbe","href":"https://static.observableusercontent.com/files/255eb4b69355796d5e7298d81e14fa46225628727600713266c32daf27430bd05fb17d3467907a86328e60a9beed750df966a2e4b6bbbb02cae84192c1a35dbe","name":"test.txt","type":"text/plain","lastModified":1678762632851.017,"size":8},{"id":"cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","href":"https://static.observableusercontent.com/files/cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","name":"Streets@1.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":17682096},{"id":"cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","href":"https://static.observableusercontent.com/files/cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","name":"BBox@2.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":630},{"id":"adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","href":"https://static.observableusercontent.com/files/adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","name":"parks@2.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":807489},{"id":"61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","href":"https://static.observableusercontent.com/files/61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","name":"Turk-s sailors boardinghouses.PNG","type":"image/png","lastModified":1678762632851.017,"size":316439},{"id":"0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","href":"https://static.observableusercontent.com/files/0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","name":"Bunco-s establishment.PNG","type":"image/png","lastModified":1678762632851.017,"size":296680},{"id":"1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","href":"https://static.observableusercontent.com/files/1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","name":"Sailor-s boardinghouses.PNG","type":"image/png","lastModified":1678762632851.017,"size":288575},{"id":"7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","href":"https://static.observableusercontent.com/files/7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","name":"Joe Bunco kelly@1.png","type":"image/png","lastModified":1678762632851.017,"size":114350},{"id":"7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","href":"https://static.observableusercontent.com/files/7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","name":"James Turk profile.png","type":"image/png","lastModified":1678762632851.017,"size":127283},{"id":"cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","href":"https://static.observableusercontent.com/files/cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","name":"Grant profile.png","type":"image/png","lastModified":1678762632851.017,"size":121130},{"id":"46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","href":"https://static.observableusercontent.com/files/46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","name":"Larry profile.png","type":"image/png","lastModified":1678762632851.017,"size":356368},{"id":"1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","href":"https://static.observableusercontent.com/files/1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","name":"image.png","type":"image/png","lastModified":1678762632851.017,"size":236677},{"id":"904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","href":"https://static.observableusercontent.com/files/904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","name":"Portland Boundary.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":414583},{"id":"53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","href":"https://static.observableusercontent.com/files/53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","name":"side water.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":19951},{"id":"9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","href":"https://static.observableusercontent.com/files/9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","name":"water@1.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":9384149},{"id":"00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","href":"https://static.observableusercontent.com/files/00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","name":"Ferryline.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":18687},{"id":"3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","href":"https://static.observableusercontent.com/files/3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","name":"James Turk png 2.png","type":"image/png","lastModified":1678762632851.017,"size":158115},{"id":"82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","href":"https://static.observableusercontent.com/files/82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","name":"Bridget Grant PNG 2.png","type":"image/png","lastModified":1678762632851.017,"size":127481},{"id":"e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","href":"https://static.observableusercontent.com/files/e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","name":"Larry Sullivan PNG 2.png","type":"image/png","lastModified":1678762632851.017,"size":183303},{"id":"cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","href":"https://static.observableusercontent.com/files/cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","name":"Bunco Kelly PNG 2.png","type":"image/png","lastModified":1678762632851.017,"size":149781},{"id":"6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","href":"https://static.observableusercontent.com/files/6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","name":"pdc base.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":2767799},{"id":"f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","href":"https://static.observableusercontent.com/files/f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","name":"all routes@4.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":61668},{"id":"5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","href":"https://static.observableusercontent.com/files/5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","name":"Map Frame1@1.txt","type":"text/plain","lastModified":1678762632851.017,"size":396},{"id":"a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","href":"https://static.observableusercontent.com/files/a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","name":"Map Frame2.txt","type":"text/plain","lastModified":1678762632851.017,"size":396},{"id":"18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","href":"https://static.observableusercontent.com/files/18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","name":"Map Frame.txt","type":"text/plain","lastModified":1678762632851.017,"size":1020},{"id":"f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","href":"https://static.observableusercontent.com/files/f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","name":"L title.txt","type":"text/plain","lastModified":1678762632851.017,"size":114},{"id":"424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","href":"https://static.observableusercontent.com/files/424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","name":"ON title.txt","type":"text/plain","lastModified":1678762632851.017,"size":1068},{"id":"4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","href":"https://static.observableusercontent.com/files/4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","name":"PA title.txt","type":"text/plain","lastModified":1678762632851.017,"size":732},{"id":"5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","href":"https://static.observableusercontent.com/files/5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","name":"RD title.txt","type":"text/plain","lastModified":1678762632851.017,"size":564},{"id":"ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","href":"https://static.observableusercontent.com/files/ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","name":"kidnapstitle.txt","type":"text/plain","lastModified":1678762632851.017,"size":5788},{"id":"350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","href":"https://static.observableusercontent.com/files/350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","name":"PortlandTittle@1.txt","type":"text/plain","lastModified":1678762632851.017,"size":1842},{"id":"9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","href":"https://static.observableusercontent.com/files/9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","name":"Color underlay.txt","type":"text/plain","lastModified":1678762632851.017,"size":148},{"id":"b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","href":"https://static.observableusercontent.com/files/b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","name":"HighwayLines.geojson","type":"application/geo+json","lastModified":1678762632851.017,"size":134940},{"id":"7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","href":"https://static.observableusercontent.com/files/7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","name":"Footsteps border2.txt","type":"text/plain","lastModified":1678762632851.017,"size":48900},{"id":"c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","href":"https://static.observableusercontent.com/files/c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","name":"Footsteps border1.txt","type":"text/plain","lastModified":1678762632851.017,"size":48900},{"id":"5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","href":"https://static.observableusercontent.com/files/5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","name":"timer border.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","href":"https://static.observableusercontent.com/files/ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","name":"Footsteps border3.txt","type":"text/plain","lastModified":1678762632851.017,"size":852},{"id":"f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","href":"https://static.observableusercontent.com/files/f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","name":"rect border.txt","type":"text/plain","lastModified":1678762632851.017,"size":568},{"id":"8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","href":"https://static.observableusercontent.com/files/8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","name":"clue border.txt","type":"text/plain","lastModified":1678762632851.017,"size":568},{"id":"331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","href":"https://static.observableusercontent.com/files/331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","name":"rect character.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","href":"https://static.observableusercontent.com/files/5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","name":"people border.txt","type":"text/plain","lastModified":1678762632851.017,"size":568},{"id":"7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","href":"https://static.observableusercontent.com/files/7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","name":"Footsteps@1.txt","type":"text/plain","lastModified":1678762632851.017,"size":30686},{"id":"55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","href":"https://static.observableusercontent.com/files/55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","name":"target line1.txt","type":"text/plain","lastModified":1678762632851.017,"size":344},{"id":"801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","href":"https://static.observableusercontent.com/files/801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","name":"target line2.txt","type":"text/plain","lastModified":1678762632851.017,"size":228},{"id":"f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","href":"https://static.observableusercontent.com/files/f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","name":"profile border@1.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","href":"https://static.observableusercontent.com/files/059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","name":"target circle@1.txt","type":"text/plain","lastModified":1678762632851.017,"size":4064},{"id":"a89ac52347217c0a55d4c596873784f0316c884d1b499fb3d615b818a68411bb17142d0b79722e5cd871cc49c674b2efb26dabbfa98706ebcdc72265551ae9cd","href":"https://static.observableusercontent.com/files/a89ac52347217c0a55d4c596873784f0316c884d1b499fb3d615b818a68411bb17142d0b79722e5cd871cc49c674b2efb26dabbfa98706ebcdc72265551ae9cd","name":"1280px-White_box_55x90.png","type":"image/png","lastModified":1678762632851.017,"size":763},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Homepage rect.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"424afaa8489ba71900bb136aa31d36ecb35166c017b50a59842973c209bf390e65c9fe89d6120b92273f98a2c04ea67a575b98427d1f7edf0f2352e872f2c2a6","href":"https://static.observableusercontent.com/files/424afaa8489ba71900bb136aa31d36ecb35166c017b50a59842973c209bf390e65c9fe89d6120b92273f98a2c04ea67a575b98427d1f7edf0f2352e872f2c2a6","name":"Welcome Rect.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"87b475422906c95902bb205c8d80c679b59cdf4bff4ac314150cfd81c6ae272b48ecca56b7a3f50396451c5e53c9ebb0138da28750830fcab91fca8f10d78cc1","href":"https://static.observableusercontent.com/files/87b475422906c95902bb205c8d80c679b59cdf4bff4ac314150cfd81c6ae272b48ecca56b7a3f50396451c5e53c9ebb0138da28750830fcab91fca8f10d78cc1","name":"welcome.txt","type":"text/plain","lastModified":1678762632851.017,"size":49582},{"id":"eed27760423321d85592db7899072888a0653ed389a2716558c013cfe732f348c4f08287b3d1c01ec82f71fb257aec42b08381cbc433a3c4aa24df2498413c95","href":"https://static.observableusercontent.com/files/eed27760423321d85592db7899072888a0653ed389a2716558c013cfe732f348c4f08287b3d1c01ec82f71fb257aec42b08381cbc433a3c4aa24df2498413c95","name":"welcome O.txt","type":"text/plain","lastModified":1678762632851.017,"size":5714},{"id":"576ddebba80c8f2b7b4af3304ef75f23fd70546cf97e00868dbc82cedc08aead58650fb01f78d15cdc7fa8d326d9a6d0a06dbada7956eea723bb8394b0a9c220","href":"https://static.observableusercontent.com/files/576ddebba80c8f2b7b4af3304ef75f23fd70546cf97e00868dbc82cedc08aead58650fb01f78d15cdc7fa8d326d9a6d0a06dbada7956eea723bb8394b0a9c220","name":"Tape.txt","type":"text/plain","lastModified":1678762632851.017,"size":1386},{"id":"097ba8003dfc1d0becec17cf96bdd445026a097d0cedcfe1895c0a10b796588c9c3a8514ad216afb921649571f3f3606b682471108131f88e0e90419cc4bdd5a","href":"https://static.observableusercontent.com/files/097ba8003dfc1d0becec17cf96bdd445026a097d0cedcfe1895c0a10b796588c9c3a8514ad216afb921649571f3f3606b682471108131f88e0e90419cc4bdd5a","name":"missingclue.txt","type":"text/plain","lastModified":1678762632851.017,"size":254},{"id":"f4c462d962a667d97ebbc5556d409fbba3ea0cdc2b33d4af28b6960a14a0cf4e5584fcc5d2295c9ff87a0a354486477e9336eb58fb9671c75458c29626833074","href":"https://static.observableusercontent.com/files/f4c462d962a667d97ebbc5556d409fbba3ea0cdc2b33d4af28b6960a14a0cf4e5584fcc5d2295c9ff87a0a354486477e9336eb58fb9671c75458c29626833074","name":"question mark 1.txt","type":"text/plain","lastModified":1678762632851.017,"size":2076},{"id":"de6c2eae70f34effbff11e28efc78d98e60e889967bc30d05428b3f912b0be99f3de7499c781438ea256b2734e89983168568bc163dcf21b505b3f7a39172887","href":"https://static.observableusercontent.com/files/de6c2eae70f34effbff11e28efc78d98e60e889967bc30d05428b3f912b0be99f3de7499c781438ea256b2734e89983168568bc163dcf21b505b3f7a39172887","name":"question mark 2.txt","type":"text/plain","lastModified":1678762632851.017,"size":1770},{"id":"6955887aa7b6c2a78d2b4796a370745e8325d5a3304277bca565e819d29596e94656c0e86bfdb672a5d01491ef45b81edbabfd434b547907c19ecc01bdd12948","href":"https://static.observableusercontent.com/files/6955887aa7b6c2a78d2b4796a370745e8325d5a3304277bca565e819d29596e94656c0e86bfdb672a5d01491ef45b81edbabfd434b547907c19ecc01bdd12948","name":"pins.txt","type":"text/plain","lastModified":1678762632851.017,"size":12948},{"id":"7af15e7d4cf4abc56d24d2b1c05c46508d6817957965734e7836555ba0ecc2e8b9174957de5fb14b1348cb7c16fa23fc97babf724c4db1c4b08e548e21759c44","href":"https://static.observableusercontent.com/files/7af15e7d4cf4abc56d24d2b1c05c46508d6817957965734e7836555ba0ecc2e8b9174957de5fb14b1348cb7c16fa23fc97babf724c4db1c4b08e548e21759c44","name":"target X.txt","type":"text/plain","lastModified":1678762632851.017,"size":232},{"id":"d8f9b44b0e87f96e6de9fafb69fd5c2378c8e815e504e13d53ea9befa6c829f85389920387a51f426261061368ffad5215f2f5e52a21c8da2da14fea8ee5e8ac","href":"https://static.observableusercontent.com/files/d8f9b44b0e87f96e6de9fafb69fd5c2378c8e815e504e13d53ea9befa6c829f85389920387a51f426261061368ffad5215f2f5e52a21c8da2da14fea8ee5e8ac","name":"profile textframe.txt","type":"text/plain","lastModified":1678762632851.017,"size":792},{"id":"f7837aa807f1b43f0e090135e77ca5c8e30043d246b7f395ba2c08e87a18ab159dee1b97e4793615c326d7abf3ee8c50f179f1378b0d4fbce53873349920c508","href":"https://static.observableusercontent.com/files/f7837aa807f1b43f0e090135e77ca5c8e30043d246b7f395ba2c08e87a18ab159dee1b97e4793615c326d7abf3ee8c50f179f1378b0d4fbce53873349920c508","name":"profile textframe 2.txt","type":"text/plain","lastModified":1678762632851.017,"size":792},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Profile page rect.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"80c32423d0200cb503c43a8321fd60ce3290ffa9b4e3395ead6cb29689a86aec51a91c0aa4972ee593998ed43ae6c8e75b67d310938af2938978dd2a99c4161d","href":"https://static.observableusercontent.com/files/80c32423d0200cb503c43a8321fd60ce3290ffa9b4e3395ead6cb29689a86aec51a91c0aa4972ee593998ed43ae6c8e75b67d310938af2938978dd2a99c4161d","name":"Investigator text.txt","type":"text/plain","lastModified":1678762632851.017,"size":136590},{"id":"eb1151a96763708409c13f6e367eec61d2e0de5194e6f52e35c9a2ba5dd668af87a9e23efe0f1c7378a569460ac4fea3545da40c5c71a9c1b4458e2766aea5fd","href":"https://static.observableusercontent.com/files/eb1151a96763708409c13f6e367eec61d2e0de5194e6f52e35c9a2ba5dd668af87a9e23efe0f1c7378a569460ac4fea3545da40c5c71a9c1b4458e2766aea5fd","name":"Investigator text 2.txt","type":"text/plain","lastModified":1678762632851.017,"size":151176},{"id":"d4370ac03f232a8407a54671333b54194284d38dbbc0543a837ab31dfd5608c425cd3c3e268f4bfcd72a3909b936b0be79fca603e7721819cd2732d4eb7eb27e","href":"https://static.observableusercontent.com/files/d4370ac03f232a8407a54671333b54194284d38dbbc0543a837ab31dfd5608c425cd3c3e268f4bfcd72a3909b936b0be79fca603e7721819cd2732d4eb7eb27e","name":"Investigator profile 2.txt","type":"text/plain","lastModified":1678762632851.017,"size":15822},{"id":"25ed8e2658aeb52ebb98c3262857a0809d5538f0e1048384cd906eeadb8b975dc160fb7946a77322750c170abfa1aa612ca32d18245de6b4a13f3744f9d5a7ed","href":"https://static.observableusercontent.com/files/25ed8e2658aeb52ebb98c3262857a0809d5538f0e1048384cd906eeadb8b975dc160fb7946a77322750c170abfa1aa612ca32d18245de6b4a13f3744f9d5a7ed","name":"Investigator profile.txt","type":"text/plain","lastModified":1678762632851.017,"size":18066},{"id":"99a81c2bbbc6960858ba2daf3a1e2b62449c29425667607a7e38d324851c800b10359940facd1412c02a49e42ed795e319c96a5bb66626ac2f05d7045a9081bd","href":"https://static.observableusercontent.com/files/99a81c2bbbc6960858ba2daf3a1e2b62449c29425667607a7e38d324851c800b10359940facd1412c02a49e42ed795e319c96a5bb66626ac2f05d7045a9081bd","name":"magnifying glass 2.txt","type":"text/plain","lastModified":1678762632851.017,"size":2858},{"id":"ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","href":"https://static.observableusercontent.com/files/ee5e88ec863115cff816c4554b84dd8534e8e7baa149f43d9aa93d9171d22c268d21384ba3db75c7381114103d851879c089d8640d04d0dec873881462f81df8","name":"Intro clue rect.txt","type":"text/plain","lastModified":1678762632851.017,"size":142},{"id":"0ac28ef7a47d6e8c5780c764035d6a54ef78cbf917a644f113198360505d173b6fc8167b6607b20bdb8b2af30ac487582a63b1364398a59868effaad1e0210a3","href":"https://static.observableusercontent.com/files/0ac28ef7a47d6e8c5780c764035d6a54ef78cbf917a644f113198360505d173b6fc8167b6607b20bdb8b2af30ac487582a63b1364398a59868effaad1e0210a3","name":"magnifying glass 1.txt","type":"text/plain","lastModified":1678762632851.017,"size":2972},{"id":"e945759418aa073127432ba0cf6016b3d414f9d96dee122a0886ebb33592059e96d9159a6b4c660e9ec8017e08a9f826da6f6651cd5f4b77e2d8b9b01f04d1d8","href":"https://static.observableusercontent.com/files/e945759418aa073127432ba0cf6016b3d414f9d96dee122a0886ebb33592059e96d9159a6b4c660e9ec8017e08a9f826da6f6651cd5f4b77e2d8b9b01f04d1d8","name":"investigator tinyprofile.txt","type":"text/plain","lastModified":1678762632851.017,"size":12348}] 2d:{"title":"Portland Kidnap Map March 11 Backup","cells":[{"id":11,"value":"# Portland Kidnap Map March 11 Backup","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":1091,"value":"viewof pages= Inputs.radio(['Home', 'Profile', 'First Clue','Main Game'], {step: 1, label: \"\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":1023,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":646,"value":"$31","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\", 350)\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":741,"value":"$32","pinned":true,"hidden":false,"mode":"html"},{"id":1060,"value":"$33","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":"$34","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:2, 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){\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 \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":"$35","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":"$36","pinned":true,"hidden":false,"mode":"ojs"},{"id":1381,"value":"investigatorProfile2 = FileAttachment(\"Investigator profile 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1383,"value":"investigatorProfile = FileAttachment(\"Investigator profile.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1376,"value":"investigatorText2 = FileAttachment(\"Investigator text 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1378,"value":"investigatorText = FileAttachment(\"Investigator text.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1365,"value":"profilePageRect = FileAttachment(\"Profile page rect.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1366,"value":"profileTextframe2 = FileAttachment(\"profile textframe 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1367,"value":"profileTextframe = FileAttachment(\"profile textframe.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1293,"value":"## this code is for the First Clue page of our game: add the 1st clue content here","pinned":false,"hidden":false,"mode":"md"},{"id":1271,"value":"$37","pinned":true,"hidden":false,"mode":"ojs"},{"id":1391,"value":"magnifyingGlass2 = FileAttachment(\"magnifying glass 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1390,"value":"magnifyingGlass1 = FileAttachment(\"magnifying glass 1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1389,"value":"introClueRect = FileAttachment(\"Intro clue rect.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1397,"value":"investigatorTinyprofile = FileAttachment(\"investigator tinyprofile.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1295,"value":"## this code is for the buttons on the dashboard to allow us to switch from one page to the other ","pinned":false,"hidden":false,"mode":"md"},{"id":1263,"value":"buttons = {\n\n function layersClick(event,d){\n console.log(d)\n\n var currentPage\n \n if(buttons == 'Home'){ \n currentPage = html`\n \n

\n ${homepage1}\n

\n `\n }\n if(buttons == 'Profile'){\n currentPage = html`\n \n

\n ${profilepage}\n

\n `\n }\n\n if(buttons == 'First Clue'){\n currentPage = html`\n

\n ${intropage}\n

\n `\n }\n\n if(buttons == 'Main Game'){\n currentPage = html`\n

\n ${chart}\n

\n `\n }\n\n return currentPage\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1297,"value":"## This code is to embed fonts on the dahsboard: adjust font here","pinned":false,"hidden":false,"mode":"md"},{"id":1260,"value":"*/ svg_embed = svg` /*","pinned":true,"hidden":false,"mode":"ojs"},{"id":1148,"value":"whitebox = FileAttachment(\"1280px-White_box_55x90.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1309,"value":"test = FileAttachment(\"test.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1110,"value":"footsteps = FileAttachment(\"Footsteps@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1080,"value":"targetLine1 = FileAttachment(\"target line1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1081,"value":"targetLine2 = FileAttachment(\"target line2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1082,"value":"profileBorder = FileAttachment(\"profile border@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1064,"value":"clueBorder = FileAttachment(\"clue border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1066,"value":"peopleBorder = FileAttachment(\"people border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1067,"value":"rectCharacter = FileAttachment(\"rect character.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1068,"value":"targetCircle = FileAttachment(\"target circle@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1042,"value":"footstepsBorder3 = FileAttachment(\"Footsteps border3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1043,"value":"timerBorder = FileAttachment(\"timer border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1024,"value":"rectBorder = FileAttachment(\"rect border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1016,"value":"footstepsBorder1 = FileAttachment(\"Footsteps border1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1015,"value":"footstepsBorder2 = FileAttachment(\"Footsteps border2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":843,"value":"highwaylines = FileAttachment(\"HighwayLines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":835,"value":"kidnapstitle = FileAttachment(\"kidnapstitle.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":814,"value":"lTitle = FileAttachment(\"L title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":816,"value":"onTitle = FileAttachment(\"ON title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":817,"value":"paTitle = FileAttachment(\"PA title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":818,"value":"rdTitle = FileAttachment(\"RD title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":809,"value":"portlandtittle = FileAttachment(\"PortlandTittle@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"mapFrame2 = FileAttachment(\"Map Frame2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":782,"value":"mapFrame1 = FileAttachment(\"Map Frame1@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":757,"value":"colorUnderlay = FileAttachment(\"Color underlay.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"mapFrame = FileAttachment(\"Map Frame.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":691,"value":"image = FileAttachment(\"image.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":670,"value":"allRoutes = FileAttachment(\"all routes@4.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":558,"value":"bridgetGrant = FileAttachment(\"Bridget Grant PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":559,"value":"buncoKelly = FileAttachment(\"Bunco Kelly PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"jamesTurk = FileAttachment(\"James Turk png 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":561,"value":"larrySullivan = FileAttachment(\"Larry Sullivan PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":533,"value":"larryProfile = FileAttachment(\"Larry profile.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"grantProfile = FileAttachment(\"Grant profile.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":518,"value":"jamesTurkProfile = FileAttachment(\"James Turk profile.png\").url()","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@2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":431,"value":"streets = FileAttachment(\"Streets@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":432,"value":"parks = FileAttachment(\"parks@2.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":578,"value":"joeBuncoKelly = FileAttachment(\"Joe Bunco kelly@1.png\").url()","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"}],"files":"$W38","stdlib":"1","titling":"auto"}