2b:null 2c:["$","title",null,{"children":"#746 Artist cache cards | Civio | Observable"}] 31:T60e,. We have reviewed all public sector contracts awarded or formalised from 2020 to June 2022 inclusive. Within this list, we have selected those contracts with the word "concert" in the title. In total, we managed 738 contracts or lots with the name of a well-known singer in the title. However, we could not compare these contracts with each other because each one includes different items: some include stage set-up, others take place in a venue that does not need it, or have to include security personnel for the venue, etc. For this reason, we think it would be best to compare each artist's fee for a specific concert. This notebook creates a card for each artist fee. It uses [Scrollama.js](https://github.com/russellsamora/scrollama) library afterwards in the article, "activating" each card animation while scrolling. **Article published in Civio (18/10/22):** - Spanish version: [Mi gran noche: cuánto gastan los ayuntamientos en conciertos y orquestas](https://civio.es/quien-cobra-la-obra/2022/10/18/mi-gran-noche-cuanto-gastan-los-ayuntamientos-en-conciertos-y-orquestas/). Import: [Cache counter mini tool](https://observablehq.com/@civio/746-cache-counter) References: - Scrolling layout: [The Pudding: The Big [censored] Theory](https://pudding.cool/2022/08/censorship/) - Animation: falling elements: [Royal Decree-Laws (RDL) by president - pages per year](https://observablehq.com/@civio/703-royal-decree-laws-rdl-by-president-pages-per-year) - CSS: [Fill patterns](https://iros.github.io/patternfills/sample_css.html) ---32:Tafb,function createCard(data) { const div = d3 .create("div") .attr("class", "cache-card") .style("display", "flex") .style("flex-direction", isMobile ? "column" : "row") .style("align-items", isMobile ? "center" : "flex-end") .style("justify-content", isMobile ? "center" : "flex-start"); if (isMobile) { div.style("padding-top", 0); } div.append("style").html(css); const divTitleImg = div.append("div"); // Title const title = divTitleImg .append("p") .attr("class", "card-title") .text(data.name) .style("color", colorLight); if (isMobile) { title .style("position", "absolute") .style("top", "150px") .style("left", "0px") .style("width", "100%") .style("text-align", "center") .style("z-index", "10"); } // Image const widthSize = isMobile ? cardWidth : 220; const heightSize = isMobile ? 180 : 220; const img = divTitleImg .append("div") .attr("class", "card-image") .attr("href", data.photo_url) .style("width", widthSize + "px") .style("height", heightSize + "px") .style( "background-image", (d) => `url(${imageSelector === "static" ? data.photo_url : data.gif_url})` ) .style("background-size", "cover") .style("background-repeat", "no-repeat") .style("background-position", "center top"); // Content const divContent = div .append("div") .attr("class", "card-content") .style("min-height", coinCounterHeight - 40 + "px"); /* // Styling the card in special cases where we need a bigger size if (data.id === "01" && isMobile) divContent.style("min-height", coinCounterHeight - 40 + "px"); else if (data.id === "02" && isMobile) divContent.style("min-height", coinCounterHeight - 80 + "px"); */ // Concert date const divInfo01 = divContent.append("div"); divInfo01.append("p").attr("class", "content-title").text("Fecha actuación"); divInfo01 .append("p") .attr("class", "content-date") .text(formatTime(parseDate(data.date))); // Contract parties const divInfo02 = divContent.append("div"); divInfo02 .append("p") .attr("class", "content-title") .text("Órgano de contratación"); divInfo02 .append("p") .attr("class", "content-info") .text(data.contracting_party_name); const divInfo03 = divContent.append("div"); divInfo03.append("p").attr("class", "content-title").text("Adjudicatario"); divInfo03 .append("p") .attr("class", "content-info") .text(data.winning_party_name); const divInfo04 = divContent.append("div"); divInfo04 .append("a") .attr("class", "content-link") .text("👉🏻 Enlace al expediente") .attr("target", "_blank") .attr("href", data.contract_link); return div.node(); }33:Ted9,css = ` `34:T2ab9,data = [ { id: "01", chunk: "a", name: "Luis Fonsi", cache: 123, lot_name: "Privado de servicio de organización y producción del concierto Luis Fonsi, en la festividad de San Ginés 2022", winning_party_name: "Fuerteventura Producciones y Promociones S.L.", contracting_party_name: "Alcaldía del Ayuntamiento de Arrecife", photo_url: imageColorSelector === "bn" ? await FileAttachment("01-bn-static.jpg").url() : await FileAttachment("01-qclo-static.jpg").url(), gif_url: await FileAttachment("01-dinamic-optimized.gif").url(), date: "2022-08-25", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=NkQ5gjJDV0qrz3GQd5r6SQ%3D%3D" }, { id: "02", chunk: "a", name: "Raphael", cache: 100, lot_name: "Contrato de servicio para la organización, gestión, producción y realización de la actuación del cantante “Raphael” el día 24 de septiembre de 2021 en la plaza de toros de Linares", winning_party_name: "Creación y Diseño de Eventos Musicales S.L.", contracting_party_name: "Alcaldía del Ayuntamiento de Linares", photo_url: imageColorSelector === "bn" ? await FileAttachment("02-bn-static.jpg").url() : await FileAttachment("02-qclo-static.jpg").url(), gif_url: await FileAttachment("02-dinamic-optimized.gif").url(), date: "2021-09-24", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=DG%2B7hVd9nGerz3GQd5r6SQ%3D%3D" }, { id: "03", chunk: "a", name: "Juanes", cache: 74.38, lot_name: "O contrato ten por obxecto a actuación do artista JUANES, máis rider de hospitalidade (hoteis, transportes locais e cátering), rider técnico de luces e son e escenografía, xunto ao seu equipo técnico e humano necesario para a realización do espectáculo que terá lugar no Auditorio ao aire libre de Castrelos de Vigo o día 8 de agosto ás 23:00 horas, con motivo do Programa “Vigo en Festas 2018", winning_party_name: "Esmerarte Industrias Creativas S.L.", contracting_party_name: "Junta de Gobierno del Ayuntamiento de Vigo", photo_url: imageColorSelector === "bn" ? await FileAttachment("03-bn-static.jpg").url() : await FileAttachment("03-qclo-static.jpg").url(), gif_url: await FileAttachment("03-dinamic-optimized.gif").url(), date: "2018-08-08", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=m7lU2Lbw6PDnSoTX3z%2F7wA%3D%3D" }, { id: "04", chunk: "a", name: "Antonio Orozco", cache: 65, lot_name: "Actuación de Antonio Orozco en Fiestas Patronales 2018", winning_party_name: "Clipper's Live S.L.", contracting_party_name: "Concejalía Delegada de Hacienda, Régimen Interior del Ayuntamiento de Arganda del Rey", photo_url: imageColorSelector === "bn" ? await FileAttachment("04-bn-static.jpg").url() : await FileAttachment("04-qclo-static.jpg").url(), gif_url: await FileAttachment("04-dinamic-optimized.gif").url(), date: "2018-09-08", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=2EPywcP1BicBPRBxZ4nJ%2Fg%3D%3D" }, { id: "06", chunk: "a", name: "Lola Índigo", cache: 47, lot_name: 'celebración de un concierto a cargo de la cantante "Lola Índigo"', winning_party_name: "Huracán Producciones Artísticas S.L.", contracting_party_name: "Consejería de Educación y Cultura", photo_url: imageColorSelector === "bn" ? await FileAttachment("06-bn-static.jpg").url() : await FileAttachment("06-qclo-static.jpg").url(), gif_url: await FileAttachment("06-bn-static.jpg").url(), date: "2022-07-13", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=sjKXhrDYDa8BPRBxZ4nJ%2Fg%3D%3D" }, { id: "07", chunk: "b", name: "Rosario Flores", cache: 45.16, lot_name: "Concert Músical Rosario Flores", winning_party_name: "Tarraco Produccions, S.L.", contracting_party_name: "Ajuntament de la Pobla de Mafumet", photo_url: imageColorSelector === "bn" ? await FileAttachment("07-bn-static.jpg").url() : await FileAttachment("07-qclo-static.jpg").url(), gif_url: await FileAttachment("07-dinamic-optimized.gif").url(), date: "2022-07-22", contract_link: "https://contractaciopublica.gencat.cat/ecofin_pscp/AppJava/awardnotice.pscp?reqCode=viewDcan&idDoc=100068761&lawType=3" }, { id: "08", chunk: "b", name: "Fangoria", cache: 45, lot_name: 'Concierto de "Fangoria" en el Centro Multiusos durante las fiestas patronales de San Miguel 2019', winning_party_name: "Producciones Multiple, S.L.", contracting_party_name: "Junta de Gobierno del Ayuntamiento Las Rozas", photo_url: imageColorSelector === "bn" ? await FileAttachment("08-bn-static.jpg").url() : await FileAttachment("08-qclo-static.jpg").url(), gif_url: await FileAttachment("08-dinamic-optimized.gif").url(), date: "2019-09-26", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=jOQagNaqPDcBPRBxZ4nJ%2Fg%3D%3D" }, { id: "09", chunk: "b", name: "Rozalén", cache: 41, lot_name: "Actuación de la artista Rozalén", winning_party_name: "Gestora de Nuevos Proyectos Culturales S.L.", contracting_party_name: "Consejería de Educación y Cultura", photo_url: imageColorSelector === "bn" ? await FileAttachment("09-bn-static.jpg").url() : await FileAttachment("09-qclo-static.jpg").url(), gif_url: await FileAttachment("09-dinamic-optimized.gif").url(), date: "2022-07-22", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=rI10u3Dhc%2BjnSoTX3z%2F7wA%3D%3D" }, { id: "10", chunk: "b", name: "David Bustamante", cache: 34, lot_name: "Gestión y producción para el desarrollo y ejecución del evento: “CONCIERTO BUSTAMANTE”, con motivo de las Fiestas Patronales de Motril 2018, el día 10 de agosto de 2018, en la caseta municipal de Recinto Ferial, sita en “Cortijo del Conde”", winning_party_name: "Mafer Booking S.L.", contracting_party_name: "Alcaldia del Ayuntamiento de Motril", photo_url: imageColorSelector === "bn" ? await FileAttachment("10-bn-static.jpg").url() : await FileAttachment("10-qclo-static.jpg").url(), gif_url: await FileAttachment("10-dinamic-optimized.gif").url(), date: "2018-08-10", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=o6HmiDJC8UoBPRBxZ4nJ%2Fg%3D%3D" }, { id: "11", chunk: "b", name: "Antonio José", cache: 30, lot_name: "Contratación del cantante Antonio José, así como la organización del concierto de dicho artista en la Alcazaba del Recinto Amurallado de Palma del Río, el día 17 de agosto de 2022.", winning_party_name: "Espectáculos Armando S.L.", contracting_party_name: "Alcaldia del Ayuntamiento de Palma del Río", photo_url: imageColorSelector === "bn" ? await FileAttachment("11-bn-static.jpg").url() : await FileAttachment("11-qclo-static.jpg").url(), gif_url: await FileAttachment("11-dinamic-optimized.gif").url(), date: "2022-08-17", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=2k9glxZ%2FJyh7h85%2Fpmmsfw%3D%3D" }, { id: "12", chunk: "c", name: "Bertín Osborne", cache: 27.5, lot_name: "Servicio de actuación del artista musical BERTÍN OSBORNE en las Veladas del Lago 2022", winning_party_name: "Raquel Boullosa Communication S.L.U.", contracting_party_name: "Junta de Gobierno Local del Ayuntamiento de Tres Cantos", photo_url: imageColorSelector === "bn" ? await FileAttachment("12-bn-static.jpg").url() : await FileAttachment("12-qclo-static.jpg").url(), gif_url: await FileAttachment("12-dinamic-optimized.gif").url(), date: "2022-07-01", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=YrzkXVF0eAkBPRBxZ4nJ%2Fg%3D%3D" }, { id: "13", chunk: "c", name: "Amaia Montero", cache: 23, lot_name: "Concierto de la cantante AMAIA MONTERO a celebrar el día 12 de agosto dentro de la programación de las Fiestas Patronales del municipio de Pinto (Madrid)", winning_party_name: "Poquito A Poco S.L.", contracting_party_name: "Junta de Gobierno del Ayuntamiento de Pinto", photo_url: imageColorSelector === "bn" ? await FileAttachment("13-bn-static.jpg").url() : await FileAttachment("13-qclo-static.jpg").url(), gif_url: await FileAttachment("13-dinamic-optimized.gif").url(), date: "2018-08-12", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=GtY8LnXpHPmrz3GQd5r6SQ%3D%3D" }, { id: "14", chunk: "c", name: "Camela", cache: 22, lot_name: "Servicio de contratación artística del grupo musical “Camela” y organización del concierto en la Caseta Municipal de Lucena el día 8 de septiembre de 2022, con motivo de la celebración de la Feria Real de Ntra. Sra. del Valle.", winning_party_name: "Espectaculos Armando S.L.", contracting_party_name: "Alcaldía del Ayuntamiento de Lucena", photo_url: imageColorSelector === "bn" ? await FileAttachment("14-bn-static.jpg").url() : await FileAttachment("14-qclo-static.jpg").url(), gif_url: await FileAttachment("14-dinamic-optimized@1.gif").url(), date: "2022-09-08", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=a4zVCFqpGWGmq21uxhbaVQ%3D%3D" }, { id: "15", chunk: "c", name: "Nancys Rubias", cache: 18, lot_name: "Actuación del grupo musical Nancys Rubias para la celebración de un concierto el día 5 de octubre de 2019 en la Barraca Popular con motivo de las Fiestas Patronales.", winning_party_name: "Spanish Bombs S.L.", contracting_party_name: "Alcaldía del Ayuntamiento de Crevillent", photo_url: imageColorSelector === "bn" ? await FileAttachment("15-bn-static.jpg").url() : await FileAttachment("15-qclo-static.jpg").url(), gif_url: await FileAttachment("15-dinamic-optimized@1.gif").url(), date: "2019-10-05", contract_link: "https://contrataciondelestado.es/wps/poc?uri=deeplink:detalle_licitacion&idEvl=jJ7H%2FXjXDk4uf4aBO%2BvQlQ%3D%3D" } ]35:[{"id":"7debd35f8133fd62bf9611e6a2ab3965329f344921eab678e975e59ac3a89c3e2a7f07036f3529bf817c31d0c51818a8b122f8a7ecbcfb6248ed156e4e694384","href":"https://static.observableusercontent.com/files/7debd35f8133fd62bf9611e6a2ab3965329f344921eab678e975e59ac3a89c3e2a7f07036f3529bf817c31d0c51818a8b122f8a7ecbcfb6248ed156e4e694384","name":"09-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":555467},{"id":"974e32d1bdd1dcef626dab9850387fba68f22d13c4cf861ac25c73bf668b3673fc1a82216d96c4688406f82ea9a782f6697ba5798fb8dbfc93653c65074f84c0","href":"https://static.observableusercontent.com/files/974e32d1bdd1dcef626dab9850387fba68f22d13c4cf861ac25c73bf668b3673fc1a82216d96c4688406f82ea9a782f6697ba5798fb8dbfc93653c65074f84c0","name":"01-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":378842},{"id":"aca9d92f3c3c249710fa50c5b4e1c555968b613a1c875789eaeb88dc8d88aea39ce2ff34111f82595d94552362a447491c3e8d32814c47d121598b1e32d1589a","href":"https://static.observableusercontent.com/files/aca9d92f3c3c249710fa50c5b4e1c555968b613a1c875789eaeb88dc8d88aea39ce2ff34111f82595d94552362a447491c3e8d32814c47d121598b1e32d1589a","name":"01-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":445542},{"id":"89075a0260be5d09abd0a6890fa2a9521572d7516faa79140430b52b2235a29e50655cbd609430385b9d5efd41efee30cfcd02d06ba0122c432b796d0e34ba21","href":"https://static.observableusercontent.com/files/89075a0260be5d09abd0a6890fa2a9521572d7516faa79140430b52b2235a29e50655cbd609430385b9d5efd41efee30cfcd02d06ba0122c432b796d0e34ba21","name":"03-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":264525},{"id":"657fb6e3173a0e4b9813b0c176141c061584b7f92079bdcb3be43bb9ac0230074d17de9bcfa31fdc126358fa7feab39c6e9dada16812a4493693eba596508aac","href":"https://static.observableusercontent.com/files/657fb6e3173a0e4b9813b0c176141c061584b7f92079bdcb3be43bb9ac0230074d17de9bcfa31fdc126358fa7feab39c6e9dada16812a4493693eba596508aac","name":"02-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":279983},{"id":"017f43e90398610d983ae6908610e9e8aa603145cc88c7a00e4d394a54dd5ed9ef6895c51616779897c85f08898c253d018068fc88b87a4a897b8bfcec407e18","href":"https://static.observableusercontent.com/files/017f43e90398610d983ae6908610e9e8aa603145cc88c7a00e4d394a54dd5ed9ef6895c51616779897c85f08898c253d018068fc88b87a4a897b8bfcec407e18","name":"04-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":257080},{"id":"45ca5e42fc514e3966779c607079dcacace0b1d0f6686d85c025b41aa13931e7ba141262ecbd1202410adc3fa27c5a8f6d424f9da3a8c6d0bc4659a092cf299d","href":"https://static.observableusercontent.com/files/45ca5e42fc514e3966779c607079dcacace0b1d0f6686d85c025b41aa13931e7ba141262ecbd1202410adc3fa27c5a8f6d424f9da3a8c6d0bc4659a092cf299d","name":"15-dinamic-optimized@1.gif","type":"image/gif","lastModified":1665678987180.713,"size":327360},{"id":"8fcc578617124e545422d12e5dda31a882bccb129f24e14738e287d85d2c7a79ad8b748efa83b61c24d766b2215531717020eeb706b362c418c72875a7a24d36","href":"https://static.observableusercontent.com/files/8fcc578617124e545422d12e5dda31a882bccb129f24e14738e287d85d2c7a79ad8b748efa83b61c24d766b2215531717020eeb706b362c418c72875a7a24d36","name":"14-dinamic-optimized@1.gif","type":"image/gif","lastModified":1665678987180.713,"size":568843},{"id":"5bb45a5745bdd6e019a1307ea8cb597ea1c637d789a7eb8a4841e3eacc5eab6b51fc2a5be5af7f2bc14e7da9c9a0e5966c9da0e74a4b40ec12521532f76e9f1c","href":"https://static.observableusercontent.com/files/5bb45a5745bdd6e019a1307ea8cb597ea1c637d789a7eb8a4841e3eacc5eab6b51fc2a5be5af7f2bc14e7da9c9a0e5966c9da0e74a4b40ec12521532f76e9f1c","name":"07-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":363307},{"id":"e94d1f47b81813f09ffba302bc61877d0b7813b498ff0930e89e26dd56c8b2a79b9de486c69c83930f3dd9865569492ce52772298e7c83088867cb92c1cb3d9b","href":"https://static.observableusercontent.com/files/e94d1f47b81813f09ffba302bc61877d0b7813b498ff0930e89e26dd56c8b2a79b9de486c69c83930f3dd9865569492ce52772298e7c83088867cb92c1cb3d9b","name":"11-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":270443},{"id":"4f77c2d8a04fbbed9101f8582c748cd5ed27dc56e12b8fb4a5d9beced8242a2709209b6c5f9520a34ca33f51421c47a97abf4c0911398c6d91e7507891e2e89b","href":"https://static.observableusercontent.com/files/4f77c2d8a04fbbed9101f8582c748cd5ed27dc56e12b8fb4a5d9beced8242a2709209b6c5f9520a34ca33f51421c47a97abf4c0911398c6d91e7507891e2e89b","name":"09-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":263971},{"id":"9027d1d141e4549e71fb3ea029a5b10f066d0dec9ab020b845fd911aa1d976fd7d6dfdd553362ccee7c8b616b99fa4413b3755e10ca40182c303c39311b5ec76","href":"https://static.observableusercontent.com/files/9027d1d141e4549e71fb3ea029a5b10f066d0dec9ab020b845fd911aa1d976fd7d6dfdd553362ccee7c8b616b99fa4413b3755e10ca40182c303c39311b5ec76","name":"08-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":181408},{"id":"9e71debe4ddbea300d03a4acd829e5a834dcfe4e8d3b523788f08bb979cd84fd050221fdfa2545f1d9e48ee5ddb3db6bfa01c086af081e23cef33aa85966440e","href":"https://static.observableusercontent.com/files/9e71debe4ddbea300d03a4acd829e5a834dcfe4e8d3b523788f08bb979cd84fd050221fdfa2545f1d9e48ee5ddb3db6bfa01c086af081e23cef33aa85966440e","name":"13-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":174038},{"id":"c4a10225e0852e8aadabbc10edd760a739847c3cf791b336f9146fb6d369d5b66642d679d1ce5e0637299564631e0696a6bc051eda816309f3acc98b09ca6786","href":"https://static.observableusercontent.com/files/c4a10225e0852e8aadabbc10edd760a739847c3cf791b336f9146fb6d369d5b66642d679d1ce5e0637299564631e0696a6bc051eda816309f3acc98b09ca6786","name":"12-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":396409},{"id":"6507e4db72aae5a26462bc87aee50f7e983e7955e86c486b6de41063073a6d9268248880703fe5af6c1a9fdcbd261444ccb8d969ea8e07ec9216a991f30da832","href":"https://static.observableusercontent.com/files/6507e4db72aae5a26462bc87aee50f7e983e7955e86c486b6de41063073a6d9268248880703fe5af6c1a9fdcbd261444ccb8d969ea8e07ec9216a991f30da832","name":"10-dinamic-optimized.gif","type":"image/gif","lastModified":1665678987180.713,"size":250482},{"id":"b37277b042e18729b5e42cf57e0de829b275586be8e15c829508a61de977a702727a9f30539259a521d2116996c525143a9d65064cbad9283e11fb16ef6a5a73","href":"https://static.observableusercontent.com/files/b37277b042e18729b5e42cf57e0de829b275586be8e15c829508a61de977a702727a9f30539259a521d2116996c525143a9d65064cbad9283e11fb16ef6a5a73","name":"02-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":507552},{"id":"58c4ea0eb646a487843aab505cc3c727ba8a04ee0cd4ee65051b97b1cb32d4776812e0fec2202bb64f005eb456bcd52ff35958a7145910b3460fba7d439aff4e","href":"https://static.observableusercontent.com/files/58c4ea0eb646a487843aab505cc3c727ba8a04ee0cd4ee65051b97b1cb32d4776812e0fec2202bb64f005eb456bcd52ff35958a7145910b3460fba7d439aff4e","name":"01-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":294901},{"id":"028d6a1633e89b4d846c77f7e0c9e1e54eea7918ebef97b9cec0477eb455d58a6e205a4bc533e29507ae4871effb5d7aefc48b83fa9b701425eb85b3d9aa6933","href":"https://static.observableusercontent.com/files/028d6a1633e89b4d846c77f7e0c9e1e54eea7918ebef97b9cec0477eb455d58a6e205a4bc533e29507ae4871effb5d7aefc48b83fa9b701425eb85b3d9aa6933","name":"06-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":371959},{"id":"2ddeb050097455ea3338688682c210a121a52197bd2784ff6a6604f8b194e59ad3e736539dade2327c6e5f43b97aae90532ef02efb6da9a005b04eb6574622bb","href":"https://static.observableusercontent.com/files/2ddeb050097455ea3338688682c210a121a52197bd2784ff6a6604f8b194e59ad3e736539dade2327c6e5f43b97aae90532ef02efb6da9a005b04eb6574622bb","name":"11-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":590276},{"id":"548a3ab9b83f282869da2a074b942c8bd2c4973f01eaeeba69cf1c270f23e160d994b40f3aa719d6758b6229ede4ad7030126aac8748cc8fb4ebbd1ef17cbb92","href":"https://static.observableusercontent.com/files/548a3ab9b83f282869da2a074b942c8bd2c4973f01eaeeba69cf1c270f23e160d994b40f3aa719d6758b6229ede4ad7030126aac8748cc8fb4ebbd1ef17cbb92","name":"13-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":170417},{"id":"96a0a6c41673a829b747280deb9971e681d8855545c9d46a038e5e31e2b632ea9bbf6c10de07489ea6fd9dc5ce2ed9a165b598056c40537b103e6a3e25838008","href":"https://static.observableusercontent.com/files/96a0a6c41673a829b747280deb9971e681d8855545c9d46a038e5e31e2b632ea9bbf6c10de07489ea6fd9dc5ce2ed9a165b598056c40537b103e6a3e25838008","name":"14-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":283909},{"id":"320c4f35d86aa110fe5f1a92a938fe6a3f26ac89549168a1bdced167cad34637775fdfad78c35c876fa96196ea60065626bc4b5c2377a0996ac6dd7d58462175","href":"https://static.observableusercontent.com/files/320c4f35d86aa110fe5f1a92a938fe6a3f26ac89549168a1bdced167cad34637775fdfad78c35c876fa96196ea60065626bc4b5c2377a0996ac6dd7d58462175","name":"04-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":312112},{"id":"11af25f9983dea8d5506c3dc09582584699da0d451f9156605e7a3e8fed5c6a77b65b4cd950fbb9fabcdbed3f3e108df03115704154c61f887eb231eb391b066","href":"https://static.observableusercontent.com/files/11af25f9983dea8d5506c3dc09582584699da0d451f9156605e7a3e8fed5c6a77b65b4cd950fbb9fabcdbed3f3e108df03115704154c61f887eb231eb391b066","name":"02-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":583170},{"id":"15ea9ec44e8e1e29fc8ec06ba67fda2de5d669e8347dea375819c858be7ec2041cb133f1221560977fbc75d21dd3779adddab1624ed1fffea9efeef25aba8e77","href":"https://static.observableusercontent.com/files/15ea9ec44e8e1e29fc8ec06ba67fda2de5d669e8347dea375819c858be7ec2041cb133f1221560977fbc75d21dd3779adddab1624ed1fffea9efeef25aba8e77","name":"10-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":147465},{"id":"7977990f58495268c86336f115baaad0f07d9741fcc3b4e4325f2a954731d7d5ca22cd8cf855bc6d4798cd9acbf732602244810ebef810a3ee05827763827098","href":"https://static.observableusercontent.com/files/7977990f58495268c86336f115baaad0f07d9741fcc3b4e4325f2a954731d7d5ca22cd8cf855bc6d4798cd9acbf732602244810ebef810a3ee05827763827098","name":"06-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":407236},{"id":"a90136bbe15d28c75d98fbd1ded2202b1588c70b047f5f48f1266c524dbfcc193b0ad1b38993b7365efc0c6d2f864085520a3d9abe2713ac4e810d253e2c6f72","href":"https://static.observableusercontent.com/files/a90136bbe15d28c75d98fbd1ded2202b1588c70b047f5f48f1266c524dbfcc193b0ad1b38993b7365efc0c6d2f864085520a3d9abe2713ac4e810d253e2c6f72","name":"15-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":128615},{"id":"9feea5a72381e3eb31d5ca5bc32dd03e759392c804570eaed4ae9fca62e76d1fc27b6b930f9a394e4c96853bfd3e8bf05943ad8e69347195b8077679cac20564","href":"https://static.observableusercontent.com/files/9feea5a72381e3eb31d5ca5bc32dd03e759392c804570eaed4ae9fca62e76d1fc27b6b930f9a394e4c96853bfd3e8bf05943ad8e69347195b8077679cac20564","name":"07-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":349199},{"id":"c88cab15f859c9108c6befda270d2326faa501e949a132a131bfde670beb37da0a2d8da2c72d0464ec1211d1fd4d397148c91c06fea8cf5627c75424c2681bd2","href":"https://static.observableusercontent.com/files/c88cab15f859c9108c6befda270d2326faa501e949a132a131bfde670beb37da0a2d8da2c72d0464ec1211d1fd4d397148c91c06fea8cf5627c75424c2681bd2","name":"07-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":353718},{"id":"2ed1ca70e7c703e184d637cbde5f8619c85308d8dfd2447e630344e91273eac09fd2aac9e792d31899c52b1e4eb1833f93c5be5c03944a47272595f4cb29c5db","href":"https://static.observableusercontent.com/files/2ed1ca70e7c703e184d637cbde5f8619c85308d8dfd2447e630344e91273eac09fd2aac9e792d31899c52b1e4eb1833f93c5be5c03944a47272595f4cb29c5db","name":"03-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":267847},{"id":"f7455ce4981bc49ffedf08640b461bd811818a5134e20d6313d4ad97868a78f84add2af781b3bbe1412ce7b534c49ba557b0ca95387fa1c447b113df2f86d84e","href":"https://static.observableusercontent.com/files/f7455ce4981bc49ffedf08640b461bd811818a5134e20d6313d4ad97868a78f84add2af781b3bbe1412ce7b534c49ba557b0ca95387fa1c447b113df2f86d84e","name":"11-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":474144},{"id":"7bb778079bb52cff5b15c7b24d4b6257e9fdc2dac1b8cd9d222b8873b71105554d870441b447a418aff9cfa34a1774910324ea79b52f5af0ec38fd03f9adf042","href":"https://static.observableusercontent.com/files/7bb778079bb52cff5b15c7b24d4b6257e9fdc2dac1b8cd9d222b8873b71105554d870441b447a418aff9cfa34a1774910324ea79b52f5af0ec38fd03f9adf042","name":"08-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":185107},{"id":"e04b346434520182d25b91d0ebc95e661543e609d4495ecf41f838162aa47275456ceab9e06bb0074ca897a31e3142944a5a65ac5344f61a3fd1b0cb7cd35e71","href":"https://static.observableusercontent.com/files/e04b346434520182d25b91d0ebc95e661543e609d4495ecf41f838162aa47275456ceab9e06bb0074ca897a31e3142944a5a65ac5344f61a3fd1b0cb7cd35e71","name":"12-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":190433},{"id":"157e645a07ee68d0d2af7da8fa34751581b5ed636113a88a178b78147fcd96ffb8a6da44b3300ac3c0a53201ff4cab5adc719eb7e25db3a0997b2fa8ed1f69a2","href":"https://static.observableusercontent.com/files/157e645a07ee68d0d2af7da8fa34751581b5ed636113a88a178b78147fcd96ffb8a6da44b3300ac3c0a53201ff4cab5adc719eb7e25db3a0997b2fa8ed1f69a2","name":"09-qclo-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":523583},{"id":"30e75bb007adcc10f761fd3cdd919f324f25f4c15ed0a6a877c1307f101f2619dd9b72c18e32d133ae017ce5f5e34582519e3a1988f28ac424cac02eda5acaf7","href":"https://static.observableusercontent.com/files/30e75bb007adcc10f761fd3cdd919f324f25f4c15ed0a6a877c1307f101f2619dd9b72c18e32d133ae017ce5f5e34582519e3a1988f28ac424cac02eda5acaf7","name":"08-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":154050},{"id":"1c9d9a3011fc42c94c152ca66680d7ec30b8ee5118d017781d2a4d7082c1eea8528685de394d2cb34c097b89064b5fbd86533aa08e9ad0afd1b0157227d002a9","href":"https://static.observableusercontent.com/files/1c9d9a3011fc42c94c152ca66680d7ec30b8ee5118d017781d2a4d7082c1eea8528685de394d2cb34c097b89064b5fbd86533aa08e9ad0afd1b0157227d002a9","name":"12-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":171948},{"id":"ae1f8aafa728e9687649c638f14305cf580a74b9f7b501d8101ba3e200c30939ec28b4879d0a9fdf67c30f5228e0d48b3b0c81339eee377c149325de405694d6","href":"https://static.observableusercontent.com/files/ae1f8aafa728e9687649c638f14305cf580a74b9f7b501d8101ba3e200c30939ec28b4879d0a9fdf67c30f5228e0d48b3b0c81339eee377c149325de405694d6","name":"14-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":223533},{"id":"53beea2b302ddab61ef6a9544bfe2a41d2de5943adbffe516c54b7f9d9bd540c62b493750212258a8a8490b6d1ae69ac7d82d2ff8c8d9650ef1f493853437d4d","href":"https://static.observableusercontent.com/files/53beea2b302ddab61ef6a9544bfe2a41d2de5943adbffe516c54b7f9d9bd540c62b493750212258a8a8490b6d1ae69ac7d82d2ff8c8d9650ef1f493853437d4d","name":"13-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":145562},{"id":"d96aa4ba493dde9aa4e160707940ac07759d98b3234cfa304a80e861fe8263ac48734736bcd29faa4a7428f627d9ba1ca336b0eb1d79e0ac2c6b5f86e63255fd","href":"https://static.observableusercontent.com/files/d96aa4ba493dde9aa4e160707940ac07759d98b3234cfa304a80e861fe8263ac48734736bcd29faa4a7428f627d9ba1ca336b0eb1d79e0ac2c6b5f86e63255fd","name":"15-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":135461},{"id":"6dea2821cb3706e905d3817ca72d7a494abe3e68c6b0e60e878d07f3bccf7a33ea2dc7aab6286a460441aa0736f99c577c1f0f1329ec30b3a6f753c435af4168","href":"https://static.observableusercontent.com/files/6dea2821cb3706e905d3817ca72d7a494abe3e68c6b0e60e878d07f3bccf7a33ea2dc7aab6286a460441aa0736f99c577c1f0f1329ec30b3a6f753c435af4168","name":"10-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":128900},{"id":"9de7e770de9a3b4f7cf2f3cf5e123afbf53906b5288c5919a9dfdc98bad6576e0b82333bea27b5db503015615f3d8e36e36f6f75fe93fe6560655593436746d4","href":"https://static.observableusercontent.com/files/9de7e770de9a3b4f7cf2f3cf5e123afbf53906b5288c5919a9dfdc98bad6576e0b82333bea27b5db503015615f3d8e36e36f6f75fe93fe6560655593436746d4","name":"03-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":282870},{"id":"06b58cd01009e04d3ff1833598d4aed76a656b4972b3beb238017aa67fa1cd23fbcad78dd25d4d02e61161c21691b532f1d7ef56e3cb0af18e081387c4e372b8","href":"https://static.observableusercontent.com/files/06b58cd01009e04d3ff1833598d4aed76a656b4972b3beb238017aa67fa1cd23fbcad78dd25d4d02e61161c21691b532f1d7ef56e3cb0af18e081387c4e372b8","name":"04-bn-static.jpg","type":"image/jpeg","lastModified":1665678987180.713,"size":350373},{"id":"996942a3496677e318bc044cc51a9f46b51544977c821864ff7f05cde2d242aafbca6350d01051993ae4bca31be6d19641baa140dc0be3783f505239aa0d23bf","href":"https://static.observableusercontent.com/files/996942a3496677e318bc044cc51a9f46b51544977c821864ff7f05cde2d242aafbca6350d01051993ae4bca31be6d19641baa140dc0be3783f505239aa0d23bf","name":"banderillas-04@3.png","type":"image/png","lastModified":1665678987180.713,"size":11025},{"id":"6751907855522f1cfcfbb27978491f7389aa8d2b196a7c27a88d6b97fa60de59f810f53fd498afd2a85fe08e604da77b221d4ebd674112a7c8d3963c81219dce","href":"https://static.observableusercontent.com/files/6751907855522f1cfcfbb27978491f7389aa8d2b196a7c27a88d6b97fa60de59f810f53fd498afd2a85fe08e604da77b221d4ebd674112a7c8d3963c81219dce","name":"banderillas-02@3.png","type":"image/png","lastModified":1665678987180.713,"size":12927},{"id":"c8aaa9f50d8425a14e111240c56b38a5bbcaa71862f39405a9ad144fada1bd92e460396e9eac6ecdcf20950641b91de775334e6ab568b330b15ca038f9dcce53","href":"https://static.observableusercontent.com/files/c8aaa9f50d8425a14e111240c56b38a5bbcaa71862f39405a9ad144fada1bd92e460396e9eac6ecdcf20950641b91de775334e6ab568b330b15ca038f9dcce53","name":"banderillas-05.png","type":"image/png","lastModified":1665678987180.713,"size":14141},{"id":"9d346c5f7bad9294f79549d344dac2579d63666d4807213f350fef670c4f8e05265c9c1c64d7e7dfd432ccd18123d599458de1326d0b4141f1f035f0e6ec0c85","href":"https://static.observableusercontent.com/files/9d346c5f7bad9294f79549d344dac2579d63666d4807213f350fef670c4f8e05265c9c1c64d7e7dfd432ccd18123d599458de1326d0b4141f1f035f0e6ec0c85","name":"banderillas-01@3.png","type":"image/png","lastModified":1665678987180.713,"size":16758},{"id":"fbc49e65ab92e6de633fc83a7644bfe1b29e35e3a3b9f25747948adf644db1775837fa5187c94504a943d290d267773864d7bd133fefe4ff056b603aca3ec4ce","href":"https://static.observableusercontent.com/files/fbc49e65ab92e6de633fc83a7644bfe1b29e35e3a3b9f25747948adf644db1775837fa5187c94504a943d290d267773864d7bd133fefe4ff056b603aca3ec4ce","name":"banderillas-03@3.png","type":"image/png","lastModified":1665678987180.713,"size":14764}] 2f:{"id":"16d6cce36b4da969","slug":"746-artist-cache-cards","title":"#746 Artist cache cards","thumbnail":"b7638d0b56171cb0965c9549ad914cbc87b8b4b379242508dec49e141ffc0c49","access_level":"public","create_time":"$D2022-10-13T16:36:27.180Z","update_time":"$D2022-10-18T07:46:30.385Z","view_time":null,"first_public_time":"$D2022-10-13T17:24:48.475Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"2f498cc67cbf2e04","login":"civio","name":"Civio","avatar_url":"https://avatars-next.observableusercontent.com/97192929d85c6cd912ab5bcadf8b5870eab960dec55224ac3d0e2301e8ac13b8","tier":"starter_2024"},"version":2209,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8b6befb4233b6103","login":"carmen-tm","name":"Carmen Torrecillas","avatar_url":"https://avatars-next.observableusercontent.com/6166cc1d0d1b54f27c95caecb76fb456af5de2933e87f457e55d4d06b1973062","tier":null}],"members":[{"type":"individual","id":"8b6befb4233b6103","login":"carmen-tm","name":"Carmen Torrecillas","avatar_url":"https://avatars-next.observableusercontent.com/6166cc1d0d1b54f27c95caecb76fb456af5de2933e87f457e55d4d06b1973062","tier":null,"role":"editor"},{"type":"team","id":"2f498cc67cbf2e04","login":"civio","name":"Civio","avatar_url":"https://avatars-next.observableusercontent.com/97192929d85c6cd912ab5bcadf8b5870eab960dec55224ac3d0e2301e8ac13b8","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"b5b67b736c72fa2d","slug":"quiencobralaobra-published","title":"Who's paid for the work? | Quién Cobra La Obra","owner":{"id":"2f498cc67cbf2e04","login":"civio","name":"Civio"}},"type":"notebook","body":{"title":"#746 Artist cache cards","cells":[{"id":0,"value":"# #746 Artist cache cards","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":307,"value":"viewof i = Inputs.range([0, data.length - 1], {\n label: \"Element\",\n step: 1,\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1452,"value":"viewof animate = Inputs.toggle({ label: \"Animate?\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"

${createCard(data[i])}

${createCacheCounter(data[i].cache, animate)}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"card","database":"$undefined"},{"id":569,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":413,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":812,"value":"### Grouping cards by chunk","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":734,"value":"viewof chunkSelector = Inputs.radio([\"a\", \"b\", \"c\"], {\n label: \"Card chunk 👉🏻\",\n value: \"a\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1325,"value":"offsetsHoriz = isMobile ? 5 : 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1187,"value":"positionCard = isProduction ? \"absolute\" : \"auto\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1331,"value":"offsetsVert = isMobile ? 5 : 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1184,"value":"dataFiltered = data.filter((d) => d.chunk === chunkSelector)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1212,"value":"steps = html`${\n chunkSelector === \"c\"\n ? `

`\n : `

`\n}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2173,"value":"---\n\n_👇🏻 Just for testing purposes, this layout work is done later in the final repository when embedding:_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1117,"value":"viewof isProduction = Inputs.toggle({\n label: \"Production mode\",\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2005,"value":"//html`

${dataFiltered.map(\n// (d, i) => html`\n//

\n//

${createCard(d)}

\n//

${createCacheCounter(d.cache, animateArr[i])}

\n//

`\n//)}

\n//`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1369,"value":"viewof animate01 = Inputs.toggle({ label: \"Animate01?\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"viewof animate02 = Inputs.toggle({ label: \"Animate02?\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1422,"value":"viewof animate03 = Inputs.toggle({ label: \"animate03\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1375,"value":"viewof animate04 = Inputs.toggle({ label: \"Animate04?\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1377,"value":"viewof animate05 = Inputs.toggle({ label: \"Animate05?\", value: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2052,"value":"animateArr = [animate01, animate02, animate03, animate04, animate05]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"---\n\n### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"---\n\n### Colors","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":788,"value":"viewof imageColorSelector = Inputs.radio([\"qclo\", \"bn\"], {\n label: \"Color or bn images\",\n value: \"bn\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"viewof imageSelector = Inputs.radio([\"static\", \"dinamic\"], {\n label: \"Static .jpg or dinamic .gif?\",\n value: \"dinamic\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"viewof patternOpacity = Inputs.range([0, 1], {\n label: \"Pattern opacity\",\n step: 0.01,\n value: 0.35\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"cardColor = colorPrimaryTransp","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"colorPrimary = colors.project.quiencobralaobra.primary","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"colorPrimaryTransp = d3.color(colorPrimary).brighter(0.5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"colorSecondary = colors.project.quiencobralaobra.secondary","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":339,"value":"colorLight = colors.project.quiencobralaobra.light","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"colorLightTransp = d3.color(colorLight).copy({ opacity: 0.3 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1569,"value":"---\n\n### Formatting","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1571,"value":"timeLocaleES = d3.timeFormatLocale({\n dateTime: \"%A, %e de %B de %Y, %X\",\n date: \"%d/%m/%Y\",\n time: \"%H:%M:%S\",\n periods: [\"AM\", \"PM\"],\n days: [\n \"domingo\",\n \"lunes\",\n \"martes\",\n \"miércoles\",\n \"jueves\",\n \"viernes\",\n \"sábado\"\n ],\n shortDays: [\"dom\", \"lun\", \"mar\", \"mié\", \"jue\", \"vie\", \"sáb\"],\n months: [\n \"enero\",\n \"febrero\",\n \"marzo\",\n \"abril\",\n \"mayo\",\n \"junio\",\n \"julio\",\n \"agosto\",\n \"septiembre\",\n \"octubre\",\n \"noviembre\",\n \"diciembre\"\n ],\n shortMonths: [\n \"Ene\",\n \"Feb\",\n \"Mar\",\n \"Abr\",\n \"May\",\n \"Jun\",\n \"Jul\",\n \"Ago\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dic\"\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1574,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1576,"value":"formatTime = timeLocaleES.format(\"%d %B %Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"---\n\n### Dimensions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"cardHeight = isMobile ? 580 : 320","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"cardWidth = isMobile ? 300 : 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"isMobile = width < 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1004,"value":"margin = ({\n bottom: isMobile ? 10 : 20,\n top: isMobile ? 10 : 20,\n left: isMobile ? 0 : 20,\n right: isMobile ? 0 : 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"titleSize = \"1.5rem\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"---\n\n### Attachments","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1511,"value":"banderillas01URL = FileAttachment(\"banderillas-01@3.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1518,"value":"banderillas02URL = FileAttachment(\"banderillas-02@3.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1519,"value":"banderillas03URL = FileAttachment(\"banderillas-04@3.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1502,"value":"banderillas04URL = FileAttachment(\"banderillas-03@3.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1561,"value":"banderillas05URL = FileAttachment(\"banderillas-05.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2184,"value":"---\n\n### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":513,"value":"coinColor = colorLight","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"coinCounterHeight = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"coinBckgColor = cardColor","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"import { createCacheCounter } with {\n coinColor as mainColor,\n coinBckgColor as backgroundColor,\n titleSize as textSize,\n coinCounterHeight as counterHeight,\n isMobile as isMobileCounter\n} from \"@civio/746-cache-counter\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"import { colors, colorNeutral } from \"@civio/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"