From f2de00bc9c90bfed08eee4442d8fdf30f6557b28 Mon Sep 17 00:00:00 2001 From: DaisyCorrea Date: Thu, 15 Feb 2024 15:42:42 -0500 Subject: [PATCH 1/4] filtro y cambios de color --- src/data/dataset.js | 40 ++++++++++----------- src/dataFunctions.js | 28 +++++++++++++-- src/index.html | 14 +++++--- src/main.js | 36 ++++++++++++++++++- src/style.css | 83 ++++++++++++++++++++++++++++++++------------ src/view.js | 21 +++++------ 6 files changed, 161 insertions(+), 61 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 09b731b1..402ca6b0 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -32,13 +32,13 @@ export default [ name: "Pingüino Humboldt", shortDescription: "Ave marina de plumaje negro y blanco que habita en la costa del Pacífico de América del Sur", description: "Habita en el Océano Pacífico a lo largo de la costa oeste de Sudamérica en Perú y Chile la que es recorrida por la Corriente de Humboldt, desde los 5° a los 41° 55' de latitud sur. Muy raramente se han encontrado ejemplares divagantes en las costas del Pacífico de Ecuador, Colombia y Panamá. En los últimos años sus poblaciones se han reducido drásticamente a consecuencia de la escasez de lugares de nidificación, reducción en la oferta de alimentos, depredación por parte del hombre y, sobre todo, el impacto de fenómenos climáticos severos, como El Niño.", - imageUrl: "https://services.meteored.com/img/article/descubre-el-fascinante-mundo-de-los-pinguinos-de-humboldt-1692121051242_1280.png", - facts: { + imageUrl: "data:image/jpeg;base64,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", + facts: { scientificName: "Spheniscus humboldti", birdLength: "65-72 cm", birdHabitat: "Costas rocosas y pedregosas del Pacífico", //distributionCountries: ["Chile", "Perú"], - conservationStatus: "Vulnerable" + conservationStatus: "Vulnerable", } }, { @@ -52,7 +52,7 @@ export default [ birdLength: "80-90 cm", birdHabitat: "Bosques tropicales", //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Ecuador", "Perú", "Bolivia", "Brasil", "Paraguay", "Argentina"], - conservationStatus: "Vulnerable" + conservationStatus: "Vulnerable", } }, { @@ -94,7 +94,7 @@ export default [ birdLength: "22 cm", birdHabitat: "Bosques húmedos de montaña", //distributionCountries: ["Colombia", "Ecuador", "Perú", "Bolivia", "Chile", "Argentina"], - conservationStatus: "Preocupación menor" + conservationStatus: "Preocupación menor", } }, { @@ -102,13 +102,13 @@ export default [ name: "Colibrí picoespada", shortDescription: "Este colibrí presenta el pico de ave más largo del mundo en relación con la longitud total de su cuerpo", description: "El colibrí picoespada, colibrí de pico espada, colibrí pico espada, también llamado de pico de sable, colibrí pico de sable o picaflor espada, habita en los Andes (desde Venezuela hasta Bolivia), presentando un pico y una lengua larga como adaptación a su dieta a base del néctar de cierto tipo de flores, como la Passiflora mixta. La longitud total (incluyendo al pico y los pies) llega cerca a 15 cm y el pájaro puede llegar a pesar 12 gramos siendo de apariencia grande. Se le considera un animal exótico por la forma de su pico.", - imageUrl: "https://inaturalist-open-data.s3.amazonaws.com/photos/23694396/large.jpg", + imageUrl: "data:image/jpeg;base64,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", facts: { scientificName: "Ensifera ensifera", birdLength: "14 cm", birdHabitat: "Bosques húmedos de montaña", //distributionCountries: ["Colombia", "Ecuador", "Perú", "Venezuela"], - conservationStatus: "Preocupación menor" + conservationStatus: "Preocupación menor", } }, { @@ -136,7 +136,7 @@ export default [ birdLength: "120 cm", birdHabitat: "Pastizales abiertos y áreas alpinas de los Andes", //distributionCountries: ["Argentina", "Bolivia", "Chile", "Colombia", "Ecuador", "Perú", "Venezuela"], - conservationStatus: "Vulnerable" + conservationStatus: "Vulnerable", } }, { @@ -150,7 +150,7 @@ export default [ birdLength: "85 cm", birdHabitat: "Bosques tropicales", //distributionCountries: ["México", "Brasil", "Bolivia", "Guatemala", "El Salvador", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Surinam", "Ecuador", "Perú", "Trinidad y Tobago", "Guyana", "Guayana Francesa"], - conservationStatus: "Preocupación menor" + conservationStatus: "Preocupación menor", } }, { @@ -164,7 +164,7 @@ export default [ birdLength: "120 cm", birdHabitat: "Lagos y lagunas de alta montaña", //distributionCountries: ["Argentina", "Bolivia", "Chile", "Perú"], - conservationStatus: "Vulnerable" + conservationStatus: "Vulnerable", } }, { @@ -178,7 +178,7 @@ export default [ birdLength: "25 cm", birdHabitat: "Bosques tropicales y subtropicales", //distributionCountries: ["Cuba"], - conservationStatus: "Preocupación menor" + conservationStatus: "Preocupación menor", } }, { @@ -207,7 +207,7 @@ export default [ birdLength: "36 cm", birdHabitat: "Bosques tropicales y subtropicales", //distributionCountries: ["El Salvador", "Guatemala", "Honduras", "México", "Nicaragua", "Panamá", "Belice", "Costa Rica"], - conservationStatus: "Preocupación Menor", + conservationStatus: "Preocupación menor", }, }, { @@ -221,7 +221,7 @@ export default [ birdLength: "46 centímetros", birdHabitat: "Bosques tropicales y subtropicales", // distributionCountries: ["Bolivia", "Brasil", "Colombia", "Costa Rica", "Ecuador", "Honduras", "Nicaragua", "Panamá", "Perú"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -235,7 +235,7 @@ export default [ birdLength: "65 centímetros", birdHabitat: "Mares, costas y estuarios", //distributionCountries: ["Argentina", "Chile", "Uruguay", "Paraguay", "Brasil", "Perú", "Bolivia", "Ecuador", "Colombia"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -249,7 +249,7 @@ export default [ birdLength: "35 centímetros", birdHabitat: "Bosques nubosos montanos", // distributionCountries: ["México", "Guatemala", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "El Salvador"], - conservationStatus: "Casi amenazado", + conservationStatus: "Vulnerable", }, }, { @@ -263,7 +263,7 @@ export default [ birdLength: "14 centímetros", birdHabitat: "Claros de bosques, matorrales y campos cultivados", // distributionCountries: ["Argentina", "Chile"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -277,7 +277,7 @@ export default [ birdLength: "71-81 cm", birdHabitat: "Bosques, sabanas y humedales de América del Sur", // distributionCountries: ["Argentina", "Brasil", "Colombia", "Ecuador", "Paraguay", "Perú", "Venezuela", "Chile"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -291,7 +291,7 @@ export default [ birdLength: "36 centímetros", birdHabitat: "Ríos, lagos y lagunas", // distributionCountries: ["Argentina", "Chile"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -305,7 +305,7 @@ export default [ birdLength: "25 cm", birdHabitat: "Bosques tropicales y subtropicales", // distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Ecuador", "Perú", "Bolivia", "Venezuela", "Guyana", "Surinam", "Guayana Francesa"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, }, { @@ -333,7 +333,7 @@ export default [ birdLength: "15 centímetros", birdHabitat: "Pastizales, campos abiertos, bordes de bosques, etc.", // distributionCountries: ["Argentina", "Uruguay", "Paraguay", "Brasil", "Bolivia", "Chile", "Perú", "Ecuador", "Colombia", "Venezuela"], - conservationStatus: "Preocupación menor", + conservationStatus: "Preocupación menor", }, } diff --git a/src/dataFunctions.js b/src/dataFunctions.js index b7fea9e8..2b7a2232 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -8,9 +8,33 @@ export const anotherExample = () => { return []; }; +export const filterData = (data, filterBy, value) => { + if (value === "preocupacion-menor"){ + const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "Preocupación menor") + return filterDataConservation + } else if (value === "casi-amenazado"){ + const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "Vulnerable") + return filterDataConservation + } else if (value === "vulnerable"){ + const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "En peligro") + return filterDataConservation + } +} -/* -- Crear constante de función "sortBy" que tiene 3 parámetros (data, sortBy, sortOrder) +export const sortData = (data, orderBy, value) => { + const copyData = [...data]; + const sortedData = copyData.sort ((a, b) => { + if (value ==='asc'){ + return a[orderBy].localeCompare(b[orderBy]) + } else { + return b[orderBy].localeCompare(a[orderBy]) + } + }) + console.log(sortedData) + return sortedData; +} + +/*- Crear constante de función "sortBy" que tiene 3 parámetros (data, sortBy, sortOrder) - Declarar sortBy qué significa orden ascendente y/o descendente con operadores lógicos. - Recorrer arreglo con forEach - Por cada objeto, coger el Id. diff --git a/src/index.html b/src/index.html index f6f01371..7ad1ac64 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,7 @@
-

Aves de latinoamérica

+

AVES DE LATINOAMÉRICA

@@ -27,11 +27,17 @@

- - + + + +

Estadisticas

+

+ +
+

diff --git a/src/main.js b/src/main.js index 5382bc8e..df64302a 100644 --- a/src/main.js +++ b/src/main.js @@ -1,8 +1,42 @@ //import { example } from './dataFunctions.js'; import { renderItems } from './view.js'; import data from './data/dataset.js'; +import { filterData, sortData} from './dataFunctions.js'; + +const selectOrder = document.getElementById('order'); +const selectFilter = document.getElementById('filter'); const root = document.querySelector('#root'); root.appendChild(renderItems(data)); -//console.log(example, renderItems(data), data); \ No newline at end of file +//console.log(example, renderItems(data), data); +const filter = document.querySelector('#filter'); +filter.addEventListener('change', () => { + root.innerHTML= ""; + const datafilter = filterData (data, 'conservationStatus', filter.value) + root.appendChild(renderItems(datafilter)); +}) + +const order = document.querySelector('#order'); +order.addEventListener('change', () => { + root.innerHTML= ""; + const datasort = sortData (data, 'name', order.value) + root.appendChild(renderItems(datasort)); +}) + +const clean = document.querySelector('#reset-button'); +clean.addEventListener('click', () => { + selectOrder.selectedIndex = ""; + selectFilter.selectedIndex = ""; + root.innerHTML= ""; + root.appendChild(renderItems(data)); + +}) + +/*const search = document.querySelector('#search'); +search.addEventListener('keyup', e => { + if (e.target.matches("birdData.name")){ + document.querySelectorAll () + } + //console.log(e.target.value); +})*/ diff --git a/src/style.css b/src/style.css index d92f5715..60655e11 100644 --- a/src/style.css +++ b/src/style.css @@ -14,8 +14,8 @@ header { } h1 { - background-color: #000; - color: #FFFFFF; + background-color: #739915; + color: #e8f4ca; margin: 0; padding: 0.5rem; text-align: center; @@ -23,13 +23,14 @@ h1 { } .control-bar { - /*background-image: linear-gradient(50deg, rgba(0, 64, 255, 0.362), rgba(0, 255, 89, 0.597));*/ - background-color: #69c39e; - color: #FFFFFF; + + background-color: white; + color: #4d6b00; margin: 0; + margin-left: 4rem; text-align: center; - padding: 0.5rem; - font-weight: lighter; + padding: 0.1rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: 1rem; display: flex; flex-direction: row; @@ -37,14 +38,20 @@ h1 { } select { - background-color: #e3fcf2; - border-radius: 10%; - border-style: none; - margin: 0.5rem; - padding: 0.2rem; + background-color: #f3ffd3; + border-radius:1rem; + color: #2f4100; + border-style:groove; + border: solid thin #C39469; + text-align:left; + margin-top: 0.6rem; + margin-inline-start: 0.8rem; + margin-inline-end: 2rem; + max-width: 9rem; + padding: 0.5rem; width: 8%; - font-size: 1rem; - font-family: inherit; + font-size: 0.8rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; } .cardsContainer { @@ -54,12 +61,6 @@ select { gap: 4em; align-items: center; justify-content: center; - /*display: flex; - flex-wrap: wrap; - gap: 20px; - align-items: center; - justify-content:center;*/ - } .card { @@ -79,8 +80,8 @@ select { .imgAndName { width: inherit; height: 380px; - background-color: #000; - color: #FFFFFF; + background-color:#e8ffae; + color: black; font-weight: lighter; display: flex; flex-direction: column; @@ -133,3 +134,41 @@ footer { padding: 0.1rem; font-size: 0.8rem; } + +#reset-button{ + background-color: #4d6b00; + color: white; + margin-top: 0.6rem; + border-radius: 1rem; + font-size: 1rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; + padding: 0.4rem; +} + +/*#search{ + background-color: #f3ffd3; + border-radius:1rem; + color: #2f4100; + border: solid thin #C39469; + text-align:center; + margin-top: 0.6rem; + margin-inline-end: 5rem; + margin-inline-start: 35rem; + padding: 0.5rem; + width: 8%; + font-size: 0.8rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; +}*/ + +#statistics{ + background-color: #4d6b00; + color: white; + margin-top: 0.6rem; + border-radius: 1rem; + font-size: 1rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; + padding: 0.4rem; + margin-inline-end: 5rem; + margin-inline-start: 35rem; + +} \ No newline at end of file diff --git a/src/view.js b/src/view.js index 9195aa2b..ec4491d6 100644 --- a/src/view.js +++ b/src/view.js @@ -2,6 +2,7 @@ export const renderItems = (data) => { const birdData = data; const cardsContainer= document.createElement('ul'); + cardsContainer.className = 'cardsContainer'; for (let i=0; i { ${birdData[i].facts.scientificName}

- +
+ Hábitat: ${birdData[i].facts.birdHabitat}

+ Tamaño: ${birdData[i].facts.birdLength}

+ Estado de conservación: ${birdData[i].facts.conservationStatus}

+
` - /*
- ${birdData[i].facts.birdHabitat}

- ${birdData[i].facts.birdLength}

- ${birdData[i].facts.conservationStatus}

-
- `; //uso interpolación de cadenas para estructurar bien el HTML*/ + //uso interpolación de cadenas para estructurar bien el HTML*/ li.setAttribute('itemscope', '') // se renderizará (visualizará en html):
  • li.setAttribute('itemtype', 'avesDeLatam') // se renderizará (visualizará en html):
  • @@ -32,4 +28,5 @@ export const renderItems = (data) => { cardsContainer.appendChild(li) } return cardsContainer; -}; \ No newline at end of file +}; + From 0129c4d6791300f0fae7a896fc1a1d04b5df4caa Mon Sep 17 00:00:00 2001 From: DaisyCorrea Date: Thu, 15 Feb 2024 17:29:27 -0500 Subject: [PATCH 2/4] =?UTF-8?q?deshabilitar=20l=C3=ADneas=20en=20select?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/index.html b/src/index.html index 7ad1ac64..c7662590 100644 --- a/src/index.html +++ b/src/index.html @@ -18,14 +18,14 @@

    AVES DE LATINOAMÉRICA

    - - -

    Estadisticas

    -

    - + + + +

    Estadísticas

    +
    + +
    +

    @@ -52,6 +55,7 @@

    Estadisticas

    Developed by Daisy C. H., Milen P. G.

    + \ No newline at end of file diff --git a/src/main.js b/src/main.js index df64302a..3d610495 100644 --- a/src/main.js +++ b/src/main.js @@ -40,3 +40,36 @@ search.addEventListener('keyup', e => { } //console.log(e.target.value); })*/ + +const openStatistics = document.querySelector('#buttonStatistics'); +const windowStatistics = document.querySelector('#statisticsWindowOpen'); +const cerrarStatistics = document.querySelector('#statisticsWindowClose'); +openStatistics.addEventListener("click",()=>{ + windowStatistics.showModal(); +}) +/*const std = document.getElementById('myChart') +const names = ['Ronn', 'Daisy', 'Madelein'] +const ages = [17, 42, 13] +const myChart = new CharacterData(std, { + type: 'pie', + data: { + labels: names, + datasets: [{ + label: 'Edad', + data: ages, + backgroundColor: [ + 'rgba (255, 99, 132, 0.2)', + 'rgba (54, 162, 235, 0.2)', + 'rgba (255, 206, 86, 0.2)', + 'rgba (75, 192, 192, 0.2)', + 'rgba (153, 102, 255, 0.2)', + 'rgba (255, 159, 64, 0.2)' + ], + borderWidth: 1.5 + }] + } +})*/ + +cerrarStatistics.addEventListener("click",()=>{ + windowStatistics.close(); +}) diff --git a/src/style.css b/src/style.css index 60655e11..b66d63d4 100644 --- a/src/style.css +++ b/src/style.css @@ -13,13 +13,17 @@ header { font-size: 1rem; } -h1 { +#titlePrincipal { background-color: #739915; + width: 100%; color: #e8f4ca; margin: 0; padding: 0.5rem; text-align: center; font-weight: lighter; + position: fixed; + top: 0px; + left: 0px; } .control-bar { @@ -35,6 +39,8 @@ h1 { display: flex; flex-direction: row; align-items: center; + position: fixed; + top: 59px; } select { @@ -45,9 +51,9 @@ select { border: solid thin #C39469; text-align:left; margin-top: 0.6rem; - margin-inline-start: 0.8rem; - margin-inline-end: 2rem; - max-width: 9rem; + margin-inline-start: 0.6rem; + margin-inline-end: 6rem; + max-width: 8rem; padding: 0.5rem; width: 8%; font-size: 0.8rem; @@ -55,7 +61,7 @@ select { } .cardsContainer { - margin: 3em; + margin: 9em; display: flex; flex-wrap: wrap; gap: 4em; @@ -119,9 +125,12 @@ select { display: flex; list-style: circle; align-items: flex-start; + text-align: left; justify-content: center; flex-direction: column; - font-size: 0.8rem; + font-size: 0.9rem; + font-family: Arial, Helvetica, sans-serif; + padding-left: 0.8rem; } footer { @@ -160,7 +169,7 @@ footer { font-family:Verdana, Geneva, Tahoma, sans-serif; }*/ -#statistics{ +#buttonStatistics{ background-color: #4d6b00; color: white; margin-top: 0.6rem; @@ -169,6 +178,37 @@ footer { font-family:Verdana, Geneva, Tahoma, sans-serif; padding: 0.4rem; margin-inline-end: 5rem; - margin-inline-start: 35rem; + margin-inline-start: 25rem; +} + +#statisticsWindowOpen{ + background-color: white; + color: black; + width: 300px; + height: 300px; + font-size: 0.5rem; +} +#titleStatistics{ + background-color: #739915; + width: 100%; + height: 1.8rem; + color: #e8f4ca; + padding: 0.4rem 0 0 0; + font-weight: lighter; + margin-top: 0; + margin-left: 0; +} + +#statisticsWindowClose{ + background-color: #4d6b00; + color: white; + border-radius: 0.5rem; + font-size: 1rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; + padding: 0.4rem; +} + +canvas{ + max-width: 100%; } \ No newline at end of file From 991d36b0e3c3b68a14e3ce67fd7d547712680886 Mon Sep 17 00:00:00 2001 From: DaisyCorrea Date: Tue, 27 Feb 2024 07:06:35 -0500 Subject: [PATCH 4/4] =?UTF-8?q?Estad=C3=ADsticas=20y=20test=20unitarios?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/data/dataset.js | 646 ++++++++++++++++++------------------- src/dataFunctions.js | 66 ++-- src/index.html | 20 +- src/main.js | 35 +- src/style.css | 79 +++-- src/view.js | 6 + test/data.js | 89 ++--- test/dataFunctions.spec.js | 41 ++- 8 files changed, 548 insertions(+), 434 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 402ca6b0..14ba3d9d 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -1,340 +1,340 @@ export default [ - { - id: "siete-colores", - name: "Siete colores", - shortDescription: "Pájaro pequeño y colorido, de cola larga.", - description: "Es un ave pequeña. El plumaje en realidad es de entre 8 y 9 colores: negro, rojo, amarillo dorado a los lados. Los lados de la cara con triángulo negro azulado desde el pico hasta los auriculares. Lomo y las partes traseras son verdes; partes inferiores amarillo brillante; cuello blanco y negro alrededor del pecho. Criso es rojizo. Su cola negra y blanca, sus alas son cortas y redondeadas grises con blanco. Patas negras, pico esbelto negro, ojos celestes. La hembra exhibe colores más suaves y los jóvenes son menos coloridos que los adultos.", - imageUrl: "https://upload.wikimedia.org/wikipedia/commons/8/8d/Tachuris_rubrigastra_-_Many-coloured_rush-tyrant.JPG", - facts: { - scientificName: "Tachuris rubrigastra", - birdLength: "11 cm", - birdHabitat: "Bosques y matorrales de la región andina", - //BUG A SOLUCIONAR: distributionCountries: ["Argentina", "Bolivia", "Brasil", "Chile", "Paraguay", "Perú", "Uruguay"], - conservationStatus: "Preocupación menor", - } - }, - { - id: "colibri-cola-espatula", - name: "Colibrí cola de espátula", - shortDescription: "Colibrí de tamaño mediano, con cola larga y plumas de color azul-violeta.", - description: "Único miembro del género Loddigesia. Es endémica de la cuenca del río Utcubamba, en la selva alta del norte del Perú. El colibrí cola de espátula es único entre las aves, pues tiene sólo cuatro plumas en la cola. Su característica más destacada es la presencia en el macho de dos largas plumas exteriores en la cola con forma de raqueta que se cruzan mutuamente y terminan en una grandes discos azul-violáceos o 'espátulas', que puede moverlas independientemente y su cola mide el doble de su altura.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/228591801/1200", - facts: { - scientificName: "Loddigesia mirabilis", - birdLength: "15 cm", - birdHabitat: "Bosques húmedos de montaña de los Andes de Perú", - //distributionCountries: ["Perú"], - conservationStatus: "En peligro", - } - }, - { - id: "pinguino-humboldt", - name: "Pingüino Humboldt", - shortDescription: "Ave marina de plumaje negro y blanco que habita en la costa del Pacífico de América del Sur", - description: "Habita en el Océano Pacífico a lo largo de la costa oeste de Sudamérica en Perú y Chile la que es recorrida por la Corriente de Humboldt, desde los 5° a los 41° 55' de latitud sur. Muy raramente se han encontrado ejemplares divagantes en las costas del Pacífico de Ecuador, Colombia y Panamá. En los últimos años sus poblaciones se han reducido drásticamente a consecuencia de la escasez de lugares de nidificación, reducción en la oferta de alimentos, depredación por parte del hombre y, sobre todo, el impacto de fenómenos climáticos severos, como El Niño.", - imageUrl: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUUFBcVFRUYGBcaGxwdGxsbHCEiHh4hIB4cJCEeHR4dJSwkHh4pHh0gJTYlKS4wMzMzICQ5PjkxPSwyMzABCwsLEA4QHhISHjIpJCkyMjI7MjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAL8BCQMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAEBQIDBgEAB//EAEMQAAIBAgUCAwUGBAQFAgcAAAECEQMhAAQSMUFRYQUicRMygZGhBkJSscHwFCPR4TNikvEHFVNygmOiFjVDVJOy0v/EABgBAQEBAQEAAAAAAAAAAAAAAAECAAME/8QAIBEAAwACAwEAAwEAAAAAAAAAAAERAiESMUFRA2FxIv/aAAwDAQACEQMRAD8AxqUG0lVuY1G9lJ5E82ucLqg/mEk+6fL026i2C6Faorh9JKmCZ39ficWZ/LB21jTG5KiB8epxwPQQRmV5idpEWJG8R0GCqNcMGYSAJG/6Hnvhb7YgeWZFie1ojv64uNLYdT6ekf1xjHnPtCeYvPpf8hgZGAYSPl++uCco4uDFybHe8jpx+mOSFjSJJYRHF/TfYYwHnUgmOsaTuJwQzEgiwi4veZ27Yhl6MjUSVaSR6z9TGKK+Y1NZiZ5n5zg7GF2WcEXnUTv26YhmRLBVkQTubzzbgWxVlkYy0mAdvxbfTBVIGQ7EC1xzExA6m3OB6KWz1UFQpax7X7cem+JvWECSYNp49IxS7qRO+mYABlhPxiMQNY/dHlMXj4GOmMDx2TdhY+4B8D1sBe57Yk7lYidPU9Onfrip0OqFBPQ/1nEa1OotrAGbT9ek40HS0RpVCF1W7972MdpxJK3l2ktZQBN+tu2AswjawpGm3p6fTBdGhGlv81+gt9b/AKYXATAalRx7wFhIA7cmP1xNMw7eZjCja30xZXy2ipDGAxMdB2nFdLLEBRwSZm4G1/XFaJ3S4CPKIlrx0749mqLqFF5bnrHxtjnh6fzACfKDJN/3ecNq4RxJ6kdN9vWBiG4x7FevUl5ER6nggGdu2KlpvB0jyggN69+bYMr04eBZEgyeSbxv3nFGVqRUbUvvgj4H5zhTBk8tlWvuWsYE/P8APFgypCsVYKJgyTzxt9cddyvlViCYmLR2E+uB807PCiSxtPpG+NtmfRZlqyqSEvwWI+ijpgHN1gGMGD+/pi4ZVkg6luYgTIJve2JDwp2difKFAZiwjf164pQjdKcikH2jbCw7nDCmy2ZxAOykwTJ3Pbnvi5EdQGJGxNMWgC+w2BwsOVZwKntLCCSZBXawE4ntlPQe2abU06AIB9B69e+Kq9Mq2sQBaBvPcHpj2bypfzIRaxMwCOuKEy8htJLBFm478dsZIaEVHtIkkG88bfPFT1JIAAuee9v6Wxz+HJXWdiRvO/fti50UXO7dBjGoPSbQVLAETtvM8Yu/iaf4F+QxSqyeQL3/AEnpiGlPwj9/HDDDJ2VkVdRsQs7WizenOJpXP+GxWBABAsL7gnc9++F6uYLWBU2UbgG0E9O2K6LltUGLA/H0+mCUwZVqaiOvO1/WP3viuohgRf4fniqnbUSL8d8WZjNGA1zHBHO0974TEi69YI/CNj6c4lTrkkSD0Fug4+OBmqB/MJFhuZkgYJorpYBiG0kltJmbbR0/pgEuR1VijyBErF9wd8CmmC1oMTBGx7/2xfUy4Z9QYkEfQ3i5tGBnrg1DI07/AA9BwcZIaEUao1D2hgjYcH1g2/PEczUQkwCBzf3ieewxCmhdgFEgnnpyZ3xL2FxqkkTIAEDpv7x64xqeyDFdTarKOLn4YjUzJZGCqApMiYB/OMXLUDSGUKLSATb0kn53x1fZtMLcbTtvPxPwwe03SKFzBhVBuL3MD4xvg3+IWqvmHBgxyOhEfLvhbWMuy2GqBbjHklVK67SdgSD3ni2FqitBK5dmKuonbYwT8ZgYKyyMQ6RBAlVaeReP9sLsrnXXyj3doP7g7YZ0681FJJDAbHYzxfYYnKlYsrTLNbUVsQG1SP8AT0xzLZVVDEOYBkDiO/e/9sMcwS2kMF94jSJEkbAGI3jEKGUc2ZNwZFuvBPbBWwehVlqDU3ixMyV33Fo7iRiVYlARUAZQTDCb2EDiPj0wfWyzU6ksIU7kkcdPWAcUZrPopYsQQ0WIJPG5IiZG/pjV0goNN2CW33BsINwT279MRR1ptYJ7Qm0XC36/riaZgvqnn/VBjmMSTI8FPMPeabwfpMREX3w0W/gG9Jy/syQCbki4Hfr+fGGKRrQAEAKA8QPX6XwNUfzoiAEkQzNEx62vFowfU0RqUEMeCR078RzgbcI6BKOWanb3lDErN23se07c4uq+0VlJ0Cdp8xkRvYcbb49RrCYDa+pjbsOmJZmiakFLXkLPWwjBdmpX4jQ1KpA3UlSD8fMOsnfEX1FCQq9AIsbbAemCs0myyCYggkcdpknpxiFOmtNdJnrcw0f134w2BtsCVmQUw0kyARaB0jpEYtp5aVZm98+WSL3/AC/tiwtsFBYyOJ537xOCKSCI2AJkn4QT8cKehA64CIqaiSu5jcXwP7EmRsAN/qb4IdbS0hyQVg7Cf1GOVnZkVQrXmCdj1j44aJTTp6rDsTebdPngX2bfgP8AowxcezW4AIkf19cVe0P4RhMC1cqY1iRcT2BN5OJJQCmfked9zjhr3iZUyLWEA9OZx5axCxEiT+z8MVsxdKXK+biO99p262xwIGWCQI4n9fXAiVtWmYgE7fOYH7ti9ntIBnnaBPbfBARBkJUtN+I6DHck3vESQLtpB27xiTodptwdW07TGL2qBAKSH3iNTiIj4HbGFHWDCPLMiMAtRKsVgg23364JTLlHPngLA92QT/3bDa3XBlLL06kFqnS8QB5YG5Go8QBvgsHsFy+ZNOCCAY5Hex9bYsrU3ZWGkAm5M9+mL62W0oFKArJIfn47kAzAE4qdfKqlhASx59B2nn6YE6b9ANbKuoRtROrcREEbje9uefhhjkaJCqzG0SgB8wufetYducRo1tKCPNbzAqYBBNpHHfFuZEqL6fMpkkgi0mL/AAicZsRbUT2j1CZRgdtx/a/OIvShQYiBc/inYjoMH/wrVDYMI5iBp7z2uMR0KQyAsBqIWek3k26HjGoIAoMVMxGra3HXBgpEoIBLmbzeeBc9DxiWYyvs9ULukjUQQPyv/fHVITLsYJ4mQYMjeb/LGtGnaOdPlES4AUepP5k40OZo08ppXOVNVVoIoUvugnerUIhbcAT0POM39i6dOrnqCVPd1Ei8eZQWWeo1AW5ws8QqVVr1RUYmoHYOTuWBM746pTRybp9FymbbMJVp5dKRhUhHUBacltU1FLl3iNydx3AyDUwlULUprr1QQCQfRQWAM4AymaqGohpsUfYOCQYPB4YWmCDh5UzBH+L/ADGbsPd62E/XE5OMvWS+HK9SklU06aEX815I9ReDxucTd9YAtY2HNtr8HviVTTpJUQDcDt06zM48igGCLESIO52v9McsndjjpQEyyHzSAWJ8oJNiLGY64EzNKohBYQGtpEz126dMNMyyqpYgCPqfSJPTAlTLOYlhvMCSfQd8CZL6KskWUPbytEbX/OMG5aoZYRGnaOnU4m+TPlUaVCiWM/meT3xVUUCVUGCwhjz8uPzxrTJEqiioSypG2pid42A6yeMd9lruSqxMsxiTNtzJNox7LrpEgkBWmY2jjteBgfMvrZuSSO55uMYp9bLMwxKXJWCBueTciOOcdNMoSCxYxMg88ehxB3AGkAggz1229L48cwYCRGrcgel+bfHnGJhSadjLSw6i+2/zxKijLU0NsqzYzG0THNsH5c01JIQtBIJkHcbxxjmXhHeoga5O14tBA+RxSY9gWio9QsG0+zBM8GeQOt4xP2Vb/qH64IDx5WjTAB37m/U+hxz2CfhPybGpUE1Cnop1GEhj5VBEixgx8ee2PZZpUs50rIuObnDDxVSdGqdTEaVI96JsZvGxwK+T104JCnTKgXnrf6Ri79IAF302Im0H1xemTFRNU6YnUd7cAD874LyOVCISwBLqLTJXmSCLG4NuMHVaSLTIWV8sWFpiYnmQSScDy+CkK8tTOmdBMRBt8o235xPL01L/AMtSTE6dyTfawt2xfk0qMi6Ii5sCexLReMVpl1ZoFQreGnc3Nwenb64zZSQUcrUNNgB5mI1LyASAd9o3OLPYhUWmoJAOosTYLPA5MjgT8MVISkJqg+9qawOobS3ED9xj1DRTCsBUDs2zbkEgkzt8cQxkLc7X1KLpE+dZE2NgDv2gYCziamPmaSPKDBiPug7EAfpgupnTrQBFJLaixLQSDu4iIjmOTgarXCyJcM14IEAX3m4EG0b4cRYTlsiVMAFt5g2YwJjgjBdGmHJWpKC+oGNiOJ5tMYXvV007tIJheluwibDk84K8OomrUpUp81VkVpYiwuZi8wIt26YyTbJ0tjXwrwrUhhnFJT5qtSoq0xHAYqD/AOI1HbBuXyGRlaahq8kBmFTSqTJEITrJJ2sJwi/4h5tqebaivlpUwi00GygqDMC0kkyd8Jsn4wqwDMggo8AlGGxCt5SO31GOqxRCyV2aHO0cudSN7RQXB01FhxvNtSk2iDHzwB4x4fTFILSqp5hqCaSsxJKyWIkAW2B/JnlvHDmUK1FQ/dLhYn13ueg6bjCvxLKK4ClrqAoJJkAXiDML2m04hNJwrJfGZvLBkZXQwykMp2ggyD88fSfDfF/Dc261M5RVMxpVWeD7Nj1hTa/4htaTjEP4co5OOLlAvJ+eOpEPon23+z6D2WZoqulQUbSbXMowPO7D4rjHZYVC/mi4t3j6gDGl+xPiBfVk6jaqVRSFDSdLRI09uY6x8V1dpZlA06ZmdifUCy9scfyKbNiB1JDEI+rqG2+BxXXYadUXkECL9wD0ifliTtqaJkwBsQAOnIA2xZVnZZbieIjm/TEFHmp+0nWrC4gTG237OKK9ZafmIIYnjfpYYJyw8pOryiJn3vzknpitc1rcs3lIMBmHUbfLbrjCUZR3YmWBmVFhET67xiVRGAhbgDcbsRwDjtWuFkt5iDtp/FaZBuT04xChmJ6qFn4Ywo8qEzSNusHfqelsAK5V3NKYBuenzMn+2G7AKBpsfj6zJ9PywHWoIZOlgD7xm56HGTMwejm9QkgMSYnbuJtfFuZza01PmUknaImOLHb+uCERXVNUqFBgRZuBBwM2XaoHVaYBYEcyonePwid8bVHpFFPxAs/3QTsTIUCIgAG+PUrEHWWAFrxaORjtDKJTFQ0xqlYAPPXfkxMcQL3jFOXSoEJOpRMoo5J+o8tsXrwlBVHNaABIJIBt+WLPa1P8v7+OKMu4ADldQAuYGpd9p3GPe2pdG/fxxJVDKtU1o1NBkweSOQOJ+uOK6Bb+UxFpkXF7ncxv8seNmYCdNz5RBFpEfG+352hl6pVHYklja0z1gg8enTG8JLnoQkITNy23aCPynAy0WeQrSd4Nr9BN5jti6g7qodmmALRf1B6DbjAyqQzchjKtyfU8emMahNOKamnEQZgb3B3thXm0VH08fiufjJiOcWZ+g7MsDUdJJKm1jfeO1u4wTSyVNlGpZVLWszG0yRBMYdLY96AXrQphiQxA4Bjt+G/THSxAYhnLQJJYEgckiJjYTbFefp00Tyltc2Oqw3tHp33xDLFqYLtIUypnf0I3HxxXmgb2E5eq9RYd38gJLTImbCJsN8B0MyQ5dfeMWK26egt+xi2nWaQqIApsRHXljucTRKRmdOszEeVV4Hcmf743RuwnLK5kFCygkatgOQIFjJHfjbDHwvPrRr06pEmmwO42vI+IxR4RS0ozsCQSQsTECxNjcEiPhjj00JNonp+eFGZvvG/szl/FguZo1dD6QrGNW2yuoI0sPy+GM94p/wANly9JqrVmqaBJVaYBOwtLHk4M+wdcZfMFC0JUEcQT90np0+Ixp/td4xpV8uqnWye8dhqnY9YB/YxT6IS/1D5z4eqCmSBpiIvZepN4JPTBFDKlgCDKkkzFz1+vGFWVzVWrAY7xAIAI6QdyDz640YrhV0j7oievU4jDDdZ0yamgDMURO2Ba2VkYvqVZJxOmwx1ORDwyjUpurqYZSCPUG2D/ABKDUqPrCJ7RmAN5BYkT07DjAmfqhdLDbb44rqzUaXJJAEAm0jiOTYY55qopQk5VwTBiZHHS+2376Y5UzAHl1KN7z9OlxG+LiqwSxMXBJmfQDb4fXEKiqxamVBYgX+Nhbjg/CccKKVAGyoDtT1MSYIJiFECSQZn5jHc1PkEz0fc7dBtbtiasXJDjzREADjoZv64IzA0glJAALGBBJi1x1uJxSZsnAHUagBYFtB8vANuY5Av8Bj2YKoxIWEMEgE6i0gzffBdDINo4CkjVBEC4kDrbnEsxnaY0qynSLm9x0O3IOww0NlFbNDTqGw/dupxYKOtQw06gLHVAPUEdcSoqj62QFgYJMSLcMSIJPa9u2O1TSYRq3sSNgYEQLWFvniWKZBFJCAKIDEAzb4T/AFjFVSnUWATpjixMiDftz0tjqERp1B43MRbtOwg9seNcEGBYDzEEXHEEbgfvbCLdKqlcs9OAD+p+H59seZGCVCpMAFg25A5W/TqL4KqUrKpYeULJA7SZO9jiBVmUU1YBCYJJvF+u02xqaitdVSnqG5mIi4gxIPpgT+b+F/8AT/bDVqC0yGuYkBWIhT0MADmRir+Lf9uMWmYsqUnElnDFbjj135HXHEQqIJDKSD2vtax/3xvW+xSwP5riORTUz8A0x+74Er/YSodRWqjEjZwV/KY4xMZKaMNRYhydLEGwABN42uDP98FU6emFB97eVIgdQeQeo9MPM19js5TpnQoqdlcfLz6cUV/CK6eV6b6gttKMQTGwIBn4d8LpsditqoUqrGQTcCP17b9ccFcK2hZs33rmL2J3IuLbYjmPCcyD5stVO0MKbkbG0hd+uB62TzFQwtGqXXcLTctE86RbG4lLKATUqlSoyKqloMgkeX0JNj8ZxYKpdfZ1AdchTIgz+p/T4YYZDLZmkG1UqtMFpLPTYaYt5iVmO07E4T+O1CSoBX2cEppFr7nrvi+3AclLcu0alYgb3C+Y329NvriGX8ONZ6SqxBcnUI90CL2m8de3XAOWrwZYSBEi9x6i4+mPovgGVVKKvp0F1mDuqmCBJ6wD8umF1MF/o9Xy6qFRVhQoAEzEbT8MCPlZmPlhhUcM1ji2nSLEAAk8CCT6R6xjdFChKWkrqMXmeRzjWfalxUzShZOmjqa14AZ7dfL9dsZrMgh9MQejDGsy1ZMwXqMAWTJspP8Amh1b6T8/kyohuM+a+EhgdTG7fL92w9BWMJvC0sCeL/P9nDB6mLAqbc+uOLUviDm+Kpk4DD72NM5OrUMlkemEPEljNubKcJKTySXMkyZPXrhxlv8A5dmZ+7Uon5swn64yzVDN8KSagZN0b5qoxGkMNAsxhuRJ0gkiYG3IMnC/KVPN5RA+8SAe4Om0n0OJJUZgIYhluAPvf5TcfPFLotRUYnREnTwQOAQLW6ztjg8OOilm2MnzWmKhVdJAkLbf1EDuO+LKOaXzAnUN5vEH1jkYBUBRpZIVlu2okkTtyNXpyMXI1MAU6ZlYMzJJ6TET29Mc4LaD0qrpkSOk8bC46m2A2yAe7HQ15i8ieZ+GPITA1K2hRMxE/Hbnc/TBDlVgkFTp2Yb/AEGMtBQOu5IVfdRTAMAk2u3UX7Yreopp6QgkGLWPN5H622thk5lQz3U7FgCD22nk7YC9sGqFAAZBuBYxYSdj8ZxSCkmRmp+RvdAgAXgSIJAmbz8MTrAoC2kgFZEyAYFxttinKMC7AEiPK0dRaNojElzinzIhIBuZkX7H6ntxgaGlX8ariACTtsYHoN/hi+i4XTqRmmQe5GwmPp24x7L+HIF/lkyT7zapEm2wKgcWwVWpNTXzGncEH+Zz18twb2xnPDWghmoGAKUgDDBS2sjYiRY/Lbrgz2lL/pP/AKBitaZCLAUsTAA8oPqZkxe5scT/AOWVOq/Kn/TBS6fVlzCsLEHCfx7xepSAFNZaZPp3BAgHFOefMojM1ZGOwimQb2sQTN8Zr+JYkBnKwCpmxE99x8hjo2/CUp2Osv8AamoJL0wVESVVhE7TJIHzvh1kPtBQqbsymPwtG1xMROMaG8p8+oHqSDzzcHm0YELrTax1c9xHdT+cYyy3ReKkPo752nrC6z5tNypF2mBe/Hzti2tJDBWKtwSJE9x/cYwbeMFhoY6iYA1GY6aQPdJFje/PXFWQrV6ZLKwqbkBpGggExMW5tg5U3E3b1Kq09Q8z9ArX9NU4ynin2G/iTrMUzckBDoaZ3Egi9++Lx9sqlN9NRGjksLbbypmJ/wAow0rfapNIKOhJgGSGUDr/ACyTB/ra0YtceydrR82p/YCvRqK1Y0mpBr6WktEkLBUG8X7Th7m6tu+/fBvjni9SpUZWAUKSFHYxf4gSO2ELVry372/fwxT2xWkF0li/HGNh9lqCU6dTMsbAN8FEFjEX2+mMYHEbyI/fqf6Y2P2VzIqZSrTMWDgSAbMpPu8x9cbHsMujJ+N+JHMVTUKKpIAAEzp+7q/zaSNsM/CM0lPLZk1JUPSZQ0GNmkDv5p+eM0cwFkm2oWMdgCB6Y9k8w+o9LxyPSPTFTRPoCjEWBsCBIESBzHB364uLRHNziOZyuioIn2b3Xte6n0J+RXrghgBv2xkLAK9TFSvcYnmUiYwreuQcUY3eVIPhudUblae3Z978bYQ/wC1AQG8/3Dch5nyMfxT5QfSeoZ/ZhteVzQa8U0I+FRDP0wpcMahlWUAnSgsxHWbAL3tjlnk01DCk1Spjn8sOKNUBVKe8wNotPI6QR+eBPEgjxVQyWMVBaQ/JtaGufUNivLkOrLqK6QW/ris/9Y0laYWF1x5GuZKwYBE+Ycx/fBdasyCF0XIkgiTwdQ/SOMKdVSoilajBBYljAN4JUT5o6YtiiQRLAkkAmDJ3FxtHQA/rjg0UEPm3pJo0sZkkXIPcxcX5tGK1BK+0JIYQt9rcjfr9BiunmRSkPUDEixF9zs3abYnlar12KrYEXZiYtNpF1kYUhSpJcxMAkEEidJ2A5sQTzjqZdFbyuQIBMSQCOszIPABxtsl9nadOjTVctTq1ZBL1CSD1KyLfFQPjhrQ+zNKoCalJFLbooAB72G++0Y36QvGnzbN+JfdRWiIJIJHr6/DnHcllXaogpAsp3Vk8oB5Ygbev1x9M/wCW5el5Up00I36G21zcwd8CVc9lqWqHWUsPKYkAyAbxeQT1GCpG4mMzngebqVBqKUFsF94gkbkkCFviP/LGDH2jDSh95XXzb383mvb7kG17zjS080MyhKVfZuCStOoAQQBNiouDtBnCjMZumVLFEl40sZkRM6f8u/zj0HkZxC/P5RGRQDHc+UgGQCDaedo/MYW/xVP8Sf6P7YOJepAQBSFIgmI52YgaTcX624xRrq9B/qP9cZBWbXNNULNUAWoCAAdZEAcSCJvEmcAUc9RKqKjRVII62mOOOs4KyGcPkNipNzPNpMRb5R0wN4lSpMKlRtDNDAErAIvG1yR+L/bBk/p3xXwBzyFv8PSwHEwT6AW3Hb64WUM192opvurKRf6/li85UAAhyB8gIG0m8euCRRVvKylk6xze87TPGKTJaA8rl6dQ7ENchVAE9RJ+YEb4bZCvTJ/msBcyYMt6gWB7QN+mFVTLaTrpq4gzJBv1tePjgwZXVDkHzXupgHiIufQzthZKvg4z/iEk+zpqFA3uS0dJsRfvhQM2WlkQB9joCgEHcYITLsvDMgm8e6ebTqHyxyoHNO4htROqRdYUACfj84GImy/CnMwZiB2H72wvDSYm+C6hKoWIiYA+k/H++FtKT+/z7Y74nJsvo1Y322+HP9MbX7DBfaVB+OnEehEz8D+eMR7OPX/b9caH7MVyM3SG0mLW+6evW9sK7B9CbMZBlzT0NJKe0cKTf2ZBMNcXQ21DvqF5mL5VqbsrgIVMG9v/AB/ynf0xrs7T0+KVWYQvsi5LcgKLrHcc9D2wD9pspSq01rhpKQGCxOk7EgngmJ74U44DWqJH89KAfMjBgLzBs0dBBB/8cUPGgem+GXhwpkNTQP5lYSY6GNhtOAdIgavhh9MuhMxJmdv6YDdFm++NBVysqSOB0/fTGdzCea++CjDYfZa9PMogJJy1S3UjTEdb4W5zwnN1QEgKCLww1H1g403/AAyy0isxmNCrba5/t+eNnRRUBIAJFx5R+x1xzzcaFKnyb/4PfL5epUequqBqpkCQymSAwb3gpNo2Jwq8Nyj1qns0KA6STrfQCBYjUdiZx9mzHsqiVEJpgOrIdIFywI963XnCH7JfZWplvaVC1NqphAFMhV3J2mSYNtoHXDj+TTB4bRmX+x2ZdVR6lKnTHvLqkiBbTpMH5jvgjL/8Oaur/ERlHugqQpEcn3g3p88b96OYYlVZKaxZiWLT1E2AwWtF7e0cnTBlWiTzqEARiFkxaR8yz32QpUz5qVQGIJUuwn/LrHmm9hOxnGh8E8FFNDUpq1Mjy6WUKagBBDMSIvGy27zJxq6tdVjSN7kjcfqcKPHvF3y6hbMXJ0k3gCJJUKI7b+vGDlfRn6D8hRIM0wgnfvbjSDzxJwctJlJOoX3JBntedsfPH8Svreqw76o347D6YBT7b+zlC5qKIgC0kcEmbdbDGxZmj6FmxRLanFMkb+Qk9pjAdbP5YfygFi8oFgHXqkQSLkkn4nHz7O+PpmGLrTKEiHFiDGzQAJ6HrbA7kUwG0lR5mK8BZA1BvUTA2xthQr7ReJacwFSmUW02mAOIk+W1hNo7YR5/Ne0B0tABHlB4tB3IvExxjj1AxYl/MTPE3vaSOYtiNBE/w11MzPBIMW2AAIPUmYOKWKQM7l/aVCN5YH3jBPXfiL9MNv8AkKfj/wDYP64FzGbrSEIK8atUyPSBcdgdsS/iW6D/AEf2wMQ9PEgpkMVHU3Ux15n44l/HuQAXUgd5F97EW/2xnKNYMYmCTEkHT8SJI+UYlUphG0uqh7yGi0Ej13BxXBDyZpDcAi/ToflxtgpaYCkwACIO4vx9fXGYoFVGqFA/Epn6b4LD0nBgpPcX+p374OMNyGdbxWlTChixMbDtsbxijLfaWmure51AzYfC0HGV8QprScqzHVE+Xv3MYAHmhUDMxNlFyfgJxSwqJee9H0HLVVzMlVINwJAE+kRb4HEPYlTMSV3O4H7PfGOp+DZpwNNGrblgQB6Th54T4JXpTUqBlmViDyrnWSYtKRPUjrjPFL0VlfBlXfYTMD6/1/tjlILF/icXnJwJLW5IjYcDvPTpiWWqUtipI7n8+2/7jGEnRyCsJ1WO07x1/fXB3gtJUzNOSB5xc83HTmwwJX0mStjySeJIH0479hhh4LRLVUJAIU6mPYH9/I4xh541RH8fTJXUKlB1jgkG89oicezGVpGjVT2a02NNtJCADa0GN+xg+uCPG4atSa0ojwZvLaeOfdNrfHbFWVzJdfKkNy2lQI5C3N/UY5ZZNvQ4462ZvwykRTWoWAREJBFhYsST0bifTGRzHiQY2E7R6/0w/wDtbWbLUHohSA9iVFgpvGofi2O1pxjfDPDq9ZitOk7Mv3QptOxabAW3OO6d2c5ND3K1X9NrdBfn974X5+pTaowWwkC/UFp9BtjceA/YsoBUztUDY+zQ23nzv1nhfnhf/wARloVUVqRUNRIGlQIKsyreNoNx8fhPJWFeGr+zFJaeSpezGou0uTHf6CB88OtExAEc4yH/AA+z7tRNJ4CLdY5knUTPw641juGUFXEbyCDMcW4+uOX5LyKx6JFb2/P9/ngJ8nVDalqQSbDRJ9CS18H+xdhOoDtvP5RiwoQNgbbA3+sYmQeVK6dKpB1kE7AxePSbmekYCzlWopUU1DmfMggEDqTPl/e+GJLnf9MUvTUtqMBo0gkXjeJ6dsZpGTPfwzNG1oOmw+bQx+UYz/2h8GmatVqoVBJZFV1A3PlBDADkn1w0z9SsWUUjTGm7aiZPbaFHM4jlc1XVQtR1LCSwVTzsO1uu/XFJr4DTEGV+zeWzISoldnFMzACn/UhE/E4q8V8JyKAvpNSoCoI8ouDzE6Yk/uMadMuFJdF0/wDaCp7yZGkdsYH7R11qVW86oRKoQzAEzuwIvcxIONX0gy0A5jxFEkhgAehIi8xpjSZ6kd/QeoVqNTqABVJAIbTZTcFYi9oExuOMB5nw2o6knQSv+dY9IUmJ7x68YEp16gOjSfLyADtOxA2m04tYonsdupVGlUCe0JJCjT2IIkkkdb+bFQzoLEgVJECV30+8ALXG1v8AY+q+IeRfZ1DRgAAR5jAEvMrLGNjbi0jBlDN0KyxU11avZmWVjoDuCZM/pGCAKjUVy/lYE+ZQ0kCwsoEEXvFxj38fU7/6Ew4zdFnQq1MspuASwJ7ruOdhF+Iwh/gKf46v/wCM/wBcZNFG3zn2QpQWbUDckqIHxG30xGn9nUKKXLkomlSy2n7pBYQKgWysDeFnbGupeM0gJ0rPBYGe0sAT/TF9fxSmwiFM977dxi8WvpnfhjvBPsstGoXcBtVoYSAOw2BJ6zHTDDxfL0v8N9Rke6qpEbe8VkbxI73Bthu7O9kNioK6lOkf5ptO+KcxlVUGpVqRYA6Zi8ABFG82AETfBtmqQn8M+zpMtSy6qhGlTUXzgAz7zySpN9+/bDOh9m6hX+YiK3JQiO0Ak/GY2w+y+Y0KA7qxA3sPoJxJfEVf/Dlr3I/K+LaU2Ssn4J8t4boaGRvXj0ER9TGI+O5amcvUcUmQqp5Uje8wTe52vhw+acjyqATtJvHJHH1wrzjVKlOrTe0owFjv3MRHecc20uilX2YCkQkBhMbDgT+uL/4MM0iR0+QnC5M2C/BIHI5/pY/LGs8OpggBQC0TeyqL3Jn3r7DoMLcFCqtlGpICzAgtLeg1REdgo+GNR9kDqpsYuTvgXPeD0np6KtYgSSSGCyRwJHmEc8xhV4D4w1BfZtpC6gH6xMGJMAd8G2Y11esrLBpuQ240lifgFaBGL6tOpoJCoCB99rWFiYXyj4TipM3TaRTPmuSCRaZEkTMT0ni2PVsrXVTBRyQYBJi/XVuMHEzy+CrPeH1vZMKvsKtNivlXXAAMGwB1QDtvaL2jq0mUCnTJVV9wKBCWtN5gbe7274WZJqtN5em1MXkheZtpMzp/7SB88X+LeKVKVOmi03fWpdoR2MajoWQ1jp3E3BuIOM1RWhs3iBVfZsEtuQCPnIgTGM99q6z1su1KmurWUBi1g0+UxvIHBG+KvB/Dq1cOwqewJ91RT+esNc79TecPch4VUWVqn405v1kkeUHpY3N8EjrG6MF4Bl83liVfL1bgDyLqBvZSVkRO44mTwcaN8pUreSoatISCERSskmdTlZB9AfXts3IAMCO/Py3OKaWqSDsTbaV6b/v9Kf5G+iVjCrw6lVChVcAAADUCYHctBP6YLpCqPeabbgLv6H97YtUGbQRz+9uuLGY9B+Rj9cc4VQd3gQVaTvAY/VR+uIzF2kjqZ+XXFzz0j4/oMVGmJBPB/E0d7TGAQbMZUm/tGA2IB0iJ40gH5EHviitUemmqgitpGoq5gnc2Yi3Xj44YEC/T0H6/rhXmvEDTqAMnkNvcJmd7qIv8cVjl4S0FZLxOrUQM9JUBEgBtTGRIjTYDmT8sLy1NZNOktJzY+QIW7zFxvvzg9abs0K5UNsJIj4C/zxKolJTqq+dxcFlsvz9N+2OqIYkrFAmioA4Z1UKVltiQBpE/Lp64JfwKjUBBoUlmNlExNhIIggCeet9sEUqWXQyVpCZaVCrrnmRGr68YE8fau6AZOmsAASHVSDe4M8gxaefQjdYrSIZzwDLU11exACDyuJUg383w32PSAMZnxJAabqjNUn70yQLW2EXB569MNcxk8xSprUzOY0PcIq1ajTb3TEdJ2I9IwhqqCxqLUaJIbSvNwBN7ggg9J23xOXYXQNklfTNSdJsAomIm5YEEm3JgXnpgjV/6n/sxVlqkXJJDkBRsSb2k2EX2IM84v1Vfwn5/2xGXYI0dPO1RU0NTy8kbiog+BXUD8gRf1wzpUKmkOEAYGYR9QPNpkX6YIOS4psaaqQxJWBIvEkyWnc39cMTISDD22G5+UA24+uOvArmLabVNTK2UAU3JUreR1Jg+kYC8WoVCFqUErLVUeVGSaYPU2ZRA5XrthnVbMU2UJTT2el5KkwtgV8pOoky1gDt8DVkPGKLErXzNMsvvhvKkyTKs4AJAtA9Y5xSRLYL4bUq06YfNPTNRzCIrMQTGxkATM2AjvfB1RKVMmodak2lBYTa0A+vrjpzmUqRpNRhcKyo7LffSQp67i3TnDDL0aekBZA4ABU24Ybz64HiagdFKbAFiW0/eYRqtvBgG33oF5jBz0Q4sSptcR2OxBB+WPZukgU2IIEgkni/OFOR8Up1BoqJKBtMyTcdRE/7HA4hSbVMHX8PZs1V0ozNqYaVGozqJtp4k29L4LzP2bzq1FdQRqhSCDtzdTv8AI2ttGPotarpUlNIVeTIAHWw27jbCejVNVjpzHtAp/wDpgs0MTGoCIHUzx2xSNRPQ8JJYI5UkzZ4MjnTPmHJ4w2o5/LIGo0lnQBPs1kDgSVBm/wB5oHfD3Mtpp6vZtVI2CgSfm2kR1Ji2BqGcq6lRcoKSmSWd0tf8FM3Y+v8AQ5J+sG0LX8LqhzpqRTJlV0GRJ5J2M+tumLB4bVSwrEE76VUT0sbn4HDfMV+CGk2hbz8RYR3IxR7WmZGtUY28xiYiwJABt+EyJwZJimCrTAgsj3MTKiCNiQXBMifkcFDLj7peQDcl5t2PvCe/9u1MqyhfOoK7HU3yJmTzYn5WiGW9oQxOoaTpANwRYyC0GTMdu+JhuQpSq2vUTLTvt8gZt0wySuWJkMAOv6QScKfGci6hTQDawfMAsobGbWUNNoVhfAFXM1GUH+CzIqAe8hS0bSxe09D33xLxbKWSNDnc4lMa2JgbAc/phCmaq16wp0gVUkFmuWjc+g/qMCtk81mGDVKbIPxOF29EN/WR1xpPCvCTTDKEGwPtGIZmtsQIgDYC03PONjiZ5DDz8gj9/dtIGOo7ezBqMqsB5rGPrtiaIFEGRFtjH1GB84ggmacG0mYHaVG5PHyxoanWotqDipKmLaeOxLel4xOowSNTAkm0kyflbCLLeDVPah/ahlJkKsgNBEqTNxFvhtjQI5k6kEr0LW34HX99MZIzZUiNpEgqbTfv1bf5XxW4MHSL8bHYeluRgg1dc6VkCRMgGRuIIve145vbFH8MlSwYgi5gxInkcr3vvghirM12BkLEx5jzMRPSfQ4opZkHyuykSLaiCOo3gkdRGD2oGYUkHtePrH0OFtfwhCWkxMkmFgnm3J5xlpm0w3OUBb2bbX0t5l47yCRzcbYGfJVAD7N1Qxq001phj14ges3xdSyi06ekOFBIAgxba0HebQPn0Iag0BUKaeS5JaB2glidrkbzeINJMGxRVpADTVJIfZSBqJMzqMxeDsABgJvDkqPqCqShsWPlWYsIubdeu5nD2sz1E0ownYSkDptUWfpxgWqmkBQyD/yXve5B72nA0/CsY+zL+MfZ7Lqvt5KnUI9mDBvYQxMCeREcDGX/AIg/h/P+mN94p4U7B3WozEKFWmF8sRdacxOqR5trdrLP+QZr/ot/qp/1xo2GUptl1EXUx169iN8SBgGBfeAbn5i3TFi1UIBIC6oIKyCZ9B+eOVckHKsDMTv3/L1x1bIhUtUkxpO25P8AS3HGFzZOjr9o9NGcTDFRItfTIhJAHmBJ9MH57NUsuk1WNxsq7+nT4nAfh+ey+YV3ppp0iZdQTHJFzH53wGPMxdjTWoKYgGE94zH3mnUR22lbXGAvEPD3MAOhg+Y1J1sfuyUAKRc6tLbxAw0o0KZazt5rAADTzvIBOxtMfPE6mUH3l8o3XUV//SZHy9DiRot8O8MrgHz+UnbWz2WLhmRRJMj064OoUKY8zvBM+VgGA/FB3bBCZd0JKFgsiV1WXsB+EiDYj03GDKZKXk/+RJ+W+KSRrAF80hmn7KoVYnzKkKb9jIvzb4YHzbAEEI8GSQqE3Ee8qgtPcxthsKRZjKkCB5iQdU7gXkRaZHpPAVVkFYJ7Vy+kkoRYjgkgC49cZoEwrKTpkrpngi/5yDjlWq+tQqBqZB1OWgr6CL/PEHy9S5Lk9IMfMXt88BUsvScava1G0HzSTEi5tAnC9Atl2foEanIaoo8wpmN1EDTqMD99TIdTxKqDMK5JWykalDEwHMQ0EQdJ6QME5qjSJSqaeoKLTxtFpj6HcdMF0laqFOkpBBsRcXt6dvTE1lQqV6pBJWkIEqHQyD1Yzb5T6YsGaLqAzqjtddLT5RE7xq7wBuNsW1qbGyNpuJH94wFmaSIf5iiosbMNVj/3bc8cd8U2EDUUKRqYloMSb/D5dsUvXEhCr32ABbjkqLWPWLYprCnI0ASCLRA+ERew3wDmvAKLkuVcVdWrUHaZG8HVYcWxHNWDwco7NOBIWYnkk/P4bY5TdyNWkpNwD+v7tinLZnVqmZUwQC0bWtMH5YhnqmkaixhiIUAHVp94EsLCCe/Q46aJGNNNQ8wHz39Y3wPXyFMi1rXgni4ttYjphXlsqXnTVriSYXUhCyLAakmB6k+uCWyxpimukuNizNfY+YiYMn7thfa2BuoyTpIZRVAl6hAj3mmR3MdcDVK/sT/hlpIAYRcHrJEQeB32xzL+OoxKm7LE2MSeB8bbcYKauJbTNoJ+IkAA22/YxLng79LGJUhRTpxA+8oveRHb9cAo1UVtNSixGostTVNMW4vOq+x6mLDDtWUoGItA3ufjjxCNIiYBmduDHyxXA3IGq1QDpkGdli5+QttgZHltJpsDeWCAqvSDPvbWg4vCqjBVQwRJOo9gJBN7DA1VXQRTp0VWYmJjoYgYHrsf4EjKUgfaQoeIFQgTHSYwHmaxAJBRkAJ1AnXA3jZbdRPpzijJZ1qrELpSoQPaBtTiF3AFli8gj4jo0aj7NAqKjGIggKI+CnG72g/pmh44gNjNjCqNQvYeYSAY+WG+VzRqqDTDgMJGry6RsZ3t6E/LBdLwukogUaKExIWmo68gXxOjlUF4tJ4ETJiBx8BjPFjUZzMZijlHYvWYltluwX/tglomN5iRxi3/AOLqX/3FP9/DDOllKqO0U6So33ks3YtbzHjFH8Hmf/R/0r//ABiZ/TVH/9k=", - facts: { - scientificName: "Spheniscus humboldti", - birdLength: "65-72 cm", - birdHabitat: "Costas rocosas y pedregosas del Pacífico", - //distributionCountries: ["Chile", "Perú"], - conservationStatus: "Vulnerable", - } - }, - { - id: "aguila-harpia", - name: "Águila Harpía", - shortDescription: "Ave rapaz de gran tamaño que habita en las selvas tropicales de América", - description: "Es el águila más grande del Hemisferio Occidental y del Hemisferio Austral, y la única especie del género Harpia. No se reconocen subespecies. El águila harpía es el ave nacional de Panamá y la especie símbolo de la diversidad biológica de Ecuador. Las dimensiones promedio de la hembra de la arpía mayor son 100 cm de largo, 200 cm de envergadura (distancia entre los extremos de las alas) y un peso medio de 7.35 kg. El macho tiene dimensiones más pequeñas: hasta 196 cm de envergadura y un peso aproximado de 5.95 kg.", - imageUrl: "https://static.inaturalist.org/photos/175159456/large.jpeg", - facts: { - scientificName: "Harpia harpyja", - birdLength: "80-90 cm", - birdHabitat: "Bosques tropicales", - //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Ecuador", "Perú", "Bolivia", "Brasil", "Paraguay", "Argentina"], - conservationStatus: "Vulnerable", - } - }, - { - id: "guacamayo-verde", - name: "Guacamayo verde", - shortDescription: "Ave de gran tamaño, de color verde predominante, azul, amarillo y rojo.", - description: "El guacamayo verde es una especie carismática de las más bellas de México; por ello, codiciada como mascota siendo el tráfico y el comercio ilegal los principales factores que la amenazan. Al igual que las demás especies de su género, Ara comparte una característica externa conspicua, ausencia de plumas en la región del rostro o presencia de pequeñas plumas en bandas. Entre lo más destacado de su colorido se encuentra su frente y mejillas color rojo carmesí, rabadilla y coberteras de la cola color azul turquesa, pico negro mate, iris amarillo y patas y dedos color gris oscuro.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/238546871/1800", - facts: { - scientificName: "Ara militaris", - birdLength: "70 cm", - birdHabitat: "Bosques tropicales y subtropicales", - //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Ecuador", "Perú", "Bolivia", "Paraguay", "Brasil"], - conservationStatus: "Vulnerable", - } - }, - { - id: "cardenal", - name: "Cardenal", - shortDescription: "Ave paseriforme de colores brillantes nativo de los Andes", - description: "La cardenilla crestada, también denominado cardenal común (en Argentina), cardenal copete rojo (en Uruguay y en Argentina), o simplemente cardenal (en Argentina, Bolivia, Paraguay y Chile), es una especie de ave paseriforme de la familia Thraupidae, perteneciente al género Paroaria. Es una especie de tamaño medio, de unos 18 cm de longitud. Su plumaje es de color rojo intenso, con la cabeza y la cresta negras. Los machos tienen una mancha amarilla en el pecho. Se encuentra en bosques abiertos y matorrales, desde los 1.000 hasta los 3.000 metros de altitud. Se alimenta de frutos, insectos y flores.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/297087301/900", - facts: { - scientificName: "Paroaria coronata", - birdLength: "18 cm", - birdHabitat: "Bosques abiertos y matorrales", - //distributionCountries: ["Argentina", "Bolivia", "Chile", "Colombia", "Ecuador", "Perú", "Venezuela"], - conservationStatus: "Preocupación menor", - } - }, - { - id: "colibri-gigante", - name: "Colibrí gigante", - shortDescription: "Colibrí o picaflor gigante. Ave apodiforme de mayor tamaño en el mundo", - description: "El colibrí gigante es una especie de ave apodiforme de la familia Trochilidae, y única representante del género Patagonas. Es el ave apodiforme de mayor tamaño del mundo, con una longitud de hasta 22 cm y una envergadura de hasta 60 cm. Es nativo de los Andes de América del Sur, desde el sur de Colombia hasta el norte de Argentina. Habita en bosques húmedos de montaña, entre los 1.500 y los 3.500 metros de altitud. Se alimenta de néctar de flores, insectos y pequeños artrópodos. Es una especie solitaria o gregaria, y anida en árboles o arbustos.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/601413911/1800", - facts: { - scientificName: "Patagona gigas", - birdLength: "22 cm", - birdHabitat: "Bosques húmedos de montaña", - //distributionCountries: ["Colombia", "Ecuador", "Perú", "Bolivia", "Chile", "Argentina"], - conservationStatus: "Preocupación menor", - } - }, - { - id: "colibri-picoespada", - name: "Colibrí picoespada", - shortDescription: "Este colibrí presenta el pico de ave más largo del mundo en relación con la longitud total de su cuerpo", - description: "El colibrí picoespada, colibrí de pico espada, colibrí pico espada, también llamado de pico de sable, colibrí pico de sable o picaflor espada, habita en los Andes (desde Venezuela hasta Bolivia), presentando un pico y una lengua larga como adaptación a su dieta a base del néctar de cierto tipo de flores, como la Passiflora mixta. La longitud total (incluyendo al pico y los pies) llega cerca a 15 cm y el pájaro puede llegar a pesar 12 gramos siendo de apariencia grande. Se le considera un animal exótico por la forma de su pico.", - imageUrl: "data:image/jpeg;base64,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", - facts: { - scientificName: "Ensifera ensifera", - birdLength: "14 cm", - birdHabitat: "Bosques húmedos de montaña", - //distributionCountries: ["Colombia", "Ecuador", "Perú", "Venezuela"], - conservationStatus: "Preocupación menor", - } - }, - { - id: "loica", - name: "Loica", - shortDescription: "Ave paseriforme de color negro con pecho rojo", - description: "La loica común es una especie de ave paseriforme de la familia Icteridae propia del Cono sur sudamericano. El plumaje de la loica común es principalmente de color negro, con la cabeza, cuello, pecho y vientre de color rojo intenso. Las alas y la cola son de color negro con manchas blancas. Las patas son negras. La loica común es un ave omnívora que se alimenta de insectos, semillas y frutos. Es un ave gregaria que se reúne en bandadas para alimentarse y anidar.", - imageUrl: "https://avesenchile.cl/wp-content/uploads/2022/02/loica-macho-001.jpg", - facts: { - scientificName: "Leistes loyca", - birdLength: "23 centímetros", - birdHabitat: "Pastizales, matorrales y bosques abiertos", - //distributionCountries: ["Argentina", "Chile", "Bolivia", "Paraguay", "Uruguay", "Brasil"], - conservationStatus: "Preocupación menor", - }, - }, - { - id: "condor-andino", - name: "Cóndor andino", - shortDescription: "Ave rapaz andina, carroñera de gran tamaño", - description: "El cóndor andino es una especie de ave carroñera de la familia Cathartidae, la más grande de América del Sur, con una longitud de hasta 1,20 metros y una envergadura de hasta 3 metros. Es un símbolo nacional de varios países de la región, como Argentina, Bolivia, Chile, Colombia, Ecuador, Perú y Venezuela. Su plumaje es negro, con una cabeza y cuello desnudos, color rojo. Habita en los Andes, desde el sur de Colombia hasta el norte de Argentina. Se alimenta de carroña, y es muy importante en el ecosistema al limpiar los restos de animales muertos.", - imageUrl: "https://i0.wp.com/birdscolombia.com/wp-content/uploads/2016/04/vultur-gryphus.jpg?fit=1200%2C969&ssl=1&w=640", - facts: { - scientificName: "Vultur gryphus", - birdLength: "120 cm", - birdHabitat: "Pastizales abiertos y áreas alpinas de los Andes", - //distributionCountries: ["Argentina", "Bolivia", "Chile", "Colombia", "Ecuador", "Perú", "Venezuela"], - conservationStatus: "Vulnerable", - } - }, - { - id: "guacamayo-rojo", - name: "Guacamayo rojo", - shortDescription: "Ave de plumaje rojo brillante predominante, azul, verde y amarillo ", - description: "El guacamayo rojo, es una especie de ave psitaciforme de la familia Psittacidae, nativa de América Central y del Sur. Es una de las aves más coloridas del mundo, con un plumaje de color rojo brillante, alas azules y verdes y una cola amarilla. Es de tamaño mediano, con una longitud de hasta 85 cm y una envergadura de hasta 1,5 metros. Es un ave muy social y vive en grupos de hasta 30 individuos. El guacamayo rojo se alimenta de frutas, semillas y nueces. Es una especie muy inteligente y es capaz de imitar el habla humana.", - imageUrl: "https://www.sol915.com.ar/wp-content/uploads/2023/03/guacamayo-rojo-4.jpg", - facts: { - scientificName: "Ara macao", - birdLength: "85 cm", - birdHabitat: "Bosques tropicales", - //distributionCountries: ["México", "Brasil", "Bolivia", "Guatemala", "El Salvador", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Surinam", "Ecuador", "Perú", "Trinidad y Tobago", "Guyana", "Guayana Francesa"], - conservationStatus: "Preocupación menor", - } - }, - { - id: "flamenco-andino", - name: "Flamenco andino", - shortDescription: "Emblemática ave rosada de los Andes. Su plumaje rosado es considerado un símbolo de la naturaleza andina.", - description: "Flamenco o parina andina, especie de ave anseriforme de la familia Phoenicopteridae, endémica de los Andes. Longitud de hasta 1,20 metros y envergadura de hasta 2 metros. Su plumaje es de color rosa brillante, con las alas negras y la cola blanca. Se alimenta exclusivamente de diatomeas en aguas poco profundas. Puede formar colonias con la parina chica y el flamenco chileno. Construye nidos de barro en forma de cono y pone huevos de diciembre a febrero. La nidada suele contener un huevo. La coloración de los polluelos es grisácea con estrechas rayas negras en la parte superior.", - imageUrl: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Two_andeanflamingo_june2003_arp.jpg/1200px-Two_andeanflamingo_june2003_arp.jpg", - facts: { - scientificName: "Phoenicoparrus andinus", - birdLength: "120 cm", - birdHabitat: "Lagos y lagunas de alta montaña", - //distributionCountries: ["Argentina", "Bolivia", "Chile", "Perú"], - conservationStatus: "Vulnerable", - } - }, - { - id: "tocororo", - name: "Tocororo", - shortDescription: "Un ave de tamaño mediano con un plumaje llamativo", - description: "El tocororo o pito real es un ave de tamaño mediano. Su plumaje es llamativo, con partes de azul y verde iridiscente y otras con bandas alternas de blanco y negro. La cola tiene plumas largas y peculiares, que le dan a su punta apariencia horquillada y aserrada por los lados. Los ojos son rojos. El pico es oscuro arriba y rojo abajo. Posados en una rama repiten 'tó-coro', mientras mueven la cola como temblando. De este canto le viene el nombre común. También hacen otros sonidos, como ladridos roncos y diversos cloqueos y murmullos de llamada", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/375127191/1200", - facts: { - scientificName: "Priotelus temnurus", - birdLength: "25 cm", - birdHabitat: "Bosques tropicales y subtropicales", - //distributionCountries: ["Cuba"], - conservationStatus: "Preocupación menor", - } + { + id: "siete-colores", + name: "SIETE COLORES", + shortDescription: "Pájaro pequeño y colorido, de cola larga.", + description: "Es un ave pequeña. El plumaje en realidad es de entre 8 y 9 colores: negro, rojo, amarillo dorado a los lados. Los lados de la cara con triángulo negro azulado desde el pico hasta los auriculares. Lomo y las partes traseras son verdes; partes inferiores amarillo brillante; cuello blanco y negro alrededor del pecho. Criso es rojizo. Su cola negra y blanca, sus alas son cortas y redondeadas grises con blanco. Patas negras, pico esbelto negro, ojos celestes. La hembra exhibe colores más suaves y los jóvenes son menos coloridos que los adultos.", + imageUrl: "https://upload.wikimedia.org/wikipedia/commons/8/8d/Tachuris_rubrigastra_-_Many-coloured_rush-tyrant.JPG", + facts: { + scientificName: "Tachuris rubrigastra", + birdLength: "11 cm", + birdHabitat: "Bosques y matorrales de la región andina", + //BUG A SOLUCIONAR: distributionCountries: ["Argentina", "Bolivia", "Brasil", "Chile", "Paraguay", "Perú", "Uruguay"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "colibri-cola-espatula", + name: "COLIBRÍ COLA DE ESPÁTULA", + shortDescription: "Colibrí de tamaño mediano, con cola larga y plumas de color azul-violeta.", + description: "Único miembro del género Loddigesia. Es endémica de la cuenca del río Utcubamba, en la selva alta del norte del Perú. El colibrí cola de espátula es único entre las aves, pues tiene sólo cuatro plumas en la cola. Su característica más destacada es la presencia en el macho de dos largas plumas exteriores en la cola con forma de raqueta que se cruzan mutuamente y terminan en una grandes discos azul-violáceos o 'espátulas', que puede moverlas independientemente y su cola mide el doble de su altura.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/228591801/1200", + facts: { + scientificName: "Loddigesia mirabilis", + birdLength: "15 cm", + birdHabitat: "Bosques húmedos de montaña de los Andes de Perú", + //distributionCountries: ["Perú"], + conservationStatus: "En peligro", + } + }, + { + id: "pinguino-humboldt", + name: "PINGÜINO DE HUMBOLDT", + shortDescription: "Ave marina de plumaje negro y blanco que habita en la costa del Pacífico de América del Sur", + description: "Habita en el Océano Pacífico a lo largo de la costa oeste de Sudamérica en Perú y Chile la que es recorrida por la Corriente de Humboldt, desde los 5° a los 41° 55' de latitud sur. Muy raramente se han encontrado ejemplares divagantes en las costas del Pacífico de Ecuador, Colombia y Panamá. En los últimos años sus poblaciones se han reducido drásticamente a consecuencia de la escasez de lugares de nidificación, reducción en la oferta de alimentos, depredación por parte del hombre y, sobre todo, el impacto de fenómenos climáticos severos, como El Niño.", + imageUrl: "https://i.postimg.cc/Qd54Qby1/pinguino.jpg", + facts: { + scientificName: "Spheniscus humboldti", + birdLength: "65-72 cm", + birdHabitat: "Costas rocosas y pedregosas del Pacífico", + //distributionCountries: ["Chile", "Perú"], + conservationStatus: "Vulnerable", + } + }, + { + id: "aguila-harpia", + name: "ÁGUILA ARPÍA", + shortDescription: "Ave rapaz de gran tamaño que habita en las selvas tropicales de América", + description: "Es el águila más grande del Hemisferio Occidental y del Hemisferio Austral, y la única especie del género Harpia. No se reconocen subespecies. El águila harpía es el ave nacional de Panamá y la especie símbolo de la diversidad biológica de Ecuador. Las dimensiones promedio de la hembra de la arpía mayor son 100 cm de largo, 200 cm de envergadura (distancia entre los extremos de las alas) y un peso medio de 7.35 kg. El macho tiene dimensiones más pequeñas: hasta 196 cm de envergadura y un peso aproximado de 5.95 kg.", + imageUrl: "https://static.inaturalist.org/photos/175159456/large.jpeg", + facts: { + scientificName: "Harpia harpyja", + birdLength: "80-90 cm", + birdHabitat: "Bosques tropicales", + //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Ecuador", "Perú", "Bolivia", "Brasil", "Paraguay", "Argentina"], + conservationStatus: "Vulnerable", + } + }, + { + id: "guacamayo-verde", + name: "GUACAMAYO VERDE", + shortDescription: "Ave de gran tamaño, de color verde predominante, azul, amarillo y rojo.", + description: "El guacamayo verde es una especie carismática de las más bellas de México; por ello, codiciada como mascota siendo el tráfico y el comercio ilegal los principales factores que la amenazan. Al igual que las demás especies de su género, Ara comparte una característica externa conspicua, ausencia de plumas en la región del rostro o presencia de pequeñas plumas en bandas. Entre lo más destacado de su colorido se encuentra su frente y mejillas color rojo carmesí, rabadilla y coberteras de la cola color azul turquesa, pico negro mate, iris amarillo y patas y dedos color gris oscuro.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/238546871/1800", + facts: { + scientificName: "Ara militaris", + birdLength: "70 cm", + birdHabitat: "Bosques tropicales y subtropicales", + //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Ecuador", "Perú", "Bolivia", "Paraguay", "Brasil"], + conservationStatus: "Vulnerable", + } + }, + { + id: "cardenal", + name: "CARDENAL", + shortDescription: "Ave paseriforme de colores brillantes nativo de los Andes", + description: "La cardenilla crestada, también denominado cardenal común (en Argentina), cardenal copete rojo (en Uruguay y en Argentina), o simplemente cardenal (en Argentina, Bolivia, Paraguay y Chile), es una especie de ave paseriforme de la familia Thraupidae, perteneciente al género Paroaria. Es una especie de tamaño medio, de unos 18 cm de longitud. Su plumaje es de color rojo intenso, con la cabeza y la cresta negras. Los machos tienen una mancha amarilla en el pecho. Se encuentra en bosques abiertos y matorrales, desde los 1.000 hasta los 3.000 metros de altitud. Se alimenta de frutos, insectos y flores.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/297087301/900", + facts: { + scientificName: "Paroaria coronata", + birdLength: "18 cm", + birdHabitat: "Bosques abiertos y matorrales", + //distributionCountries: ["Argentina", "Bolivia", "Chile", "Colombia", "Ecuador", "Perú", "Venezuela"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "colibri-gigante", + name: "COLIBRÍ GIGANTE", + shortDescription: "Colibrí o picaflor gigante. Ave apodiforme de mayor tamaño en el mundo", + description: "El colibrí gigante es una especie de ave apodiforme de la familia Trochilidae, y única representante del género Patagonas. Es el ave apodiforme de mayor tamaño del mundo, con una longitud de hasta 22 cm y una envergadura de hasta 60 cm. Es nativo de los Andes de América del Sur, desde el sur de Colombia hasta el norte de Argentina. Habita en bosques húmedos de montaña, entre los 1.500 y los 3.500 metros de altitud. Se alimenta de néctar de flores, insectos y pequeños artrópodos. Es una especie solitaria o gregaria, y anida en árboles o arbustos.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/601413911/1800", + facts: { + scientificName: "Patagona gigas", + birdLength: "22 cm", + birdHabitat: "Bosques húmedos de montaña", + //distributionCountries: ["Colombia", "Ecuador", "Perú", "Bolivia", "Chile", "Argentina"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "colibri-picoespada", + name: "COLIBRÍ PICOESTADA", + shortDescription: "Este colibrí presenta el pico de ave más largo del mundo en relación con la longitud total de su cuerpo", + description: "El colibrí picoespada, colibrí de pico espada, colibrí pico espada, también llamado de pico de sable, colibrí pico de sable o picaflor espada, habita en los Andes (desde Venezuela hasta Bolivia), presentando un pico y una lengua larga como adaptación a su dieta a base del néctar de cierto tipo de flores, como la Passiflora mixta. La longitud total (incluyendo al pico y los pies) llega cerca a 15 cm y el pájaro puede llegar a pesar 12 gramos siendo de apariencia grande. Se le considera un animal exótico por la forma de su pico.", + imageUrl: "data:image/jpeg;base64,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", + facts: { + scientificName: "Ensifera ensifera", + birdLength: "14 cm", + birdHabitat: "Bosques húmedos de montaña", + //distributionCountries: ["Colombia", "Ecuador", "Perú", "Venezuela"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "loica", + name: "LOICA", + shortDescription: "Ave paseriforme de color negro con pecho rojo", + description: "La loica común es una especie de ave paseriforme de la familia Icteridae propia del Cono sur sudamericano. El plumaje de la loica común es principalmente de color negro, con la cabeza, cuello, pecho y vientre de color rojo intenso. Las alas y la cola son de color negro con manchas blancas. Las patas son negras. La loica común es un ave omnívora que se alimenta de insectos, semillas y frutos. Es un ave gregaria que se reúne en bandadas para alimentarse y anidar.", + imageUrl: "https://avesenchile.cl/wp-content/uploads/2022/02/loica-macho-001.jpg", + facts: { + scientificName: "Leistes loyca", + birdLength: "23 centímetros", + birdHabitat: "Pastizales, matorrales y bosques abiertos", + //distributionCountries: ["Argentina", "Chile", "Bolivia", "Paraguay", "Uruguay", "Brasil"], + conservationStatus: "Preocupación menor", }, - { - id: "guacamayo-jacinto", - name: "Guacamayo jacinto", - shortDescription: "Ave grande de plumas azules y detalles amarillos. Guacamayo más grande del mundo", - description: "Especie de loro grande recubierto de plumas azules. Su pico es negro con una franja brillante en la unión con la cabeza y otra alrededor de sus ojos. Como ocurre con la fauna salvaje local, su hábitat se encuentra amenazado por la actividad humana. Los incendios anuales provocados para devastar la selva y obtener tierras para el cultivo en ocasiones destruyen los nidos de esta especie. En un intento de concienciación por parte del Estado boliviano sobre la vulnerabilidad de esta especie, desde 2019 los billetes de 100 bolivianos de dicho país llevan impresos imágenes iridiscentes del guacamayo jacinto.", - imageUrl: "https://inaturalist-open-data.s3.amazonaws.com/photos/144156185/original.jpg", - facts: { - scientificName: "Anodorhynchus hyacinthinus", - birdLength: "100-106 cm", - birdHabitat: "Bosques tropicales y subtropicales", - //distributionCountries: ["Brasil", "Bolivia", "Paraguay"], - conservationStatus: "Vulnerable", - }, + }, + { + id: "condor-andino", + name: "CÓNDOR ANDINO", + shortDescription: "Ave rapaz andina, carroñera de gran tamaño", + description: "El cóndor andino es una especie de ave carroñera de la familia Cathartidae, la más grande de América del Sur, con una longitud de hasta 1,20 metros y una envergadura de hasta 3 metros. Es un símbolo nacional de varios países de la región, como Argentina, Bolivia, Chile, Colombia, Ecuador, Perú y Venezuela. Su plumaje es negro, con una cabeza y cuello desnudos, color rojo. Habita en los Andes, desde el sur de Colombia hasta el norte de Argentina. Se alimenta de carroña, y es muy importante en el ecosistema al limpiar los restos de animales muertos.", + imageUrl: "https://i0.wp.com/birdscolombia.com/wp-content/uploads/2016/04/vultur-gryphus.jpg?fit=1200%2C969&ssl=1&w=640", + facts: { + scientificName: "Vultur gryphus", + birdLength: "120 cm", + birdHabitat: "Pastizales abiertos y áreas alpinas de los Andes", + //distributionCountries: ["Argentina", "Bolivia", "Chile", "Colombia", "Ecuador", "Perú", "Venezuela"], + conservationStatus: "Vulnerable", + } + }, + { + id: "guacamayo-rojo", + name: "GUACAMAYO ROJO", + shortDescription: "Ave de plumaje rojo brillante predominante, azul, verde y amarillo ", + description: "El guacamayo rojo, es una especie de ave psitaciforme de la familia Psittacidae, nativa de América Central y del Sur. Es una de las aves más coloridas del mundo, con un plumaje de color rojo brillante, alas azules y verdes y una cola amarilla. Es de tamaño mediano, con una longitud de hasta 85 cm y una envergadura de hasta 1,5 metros. Es un ave muy social y vive en grupos de hasta 30 individuos. El guacamayo rojo se alimenta de frutas, semillas y nueces. Es una especie muy inteligente y es capaz de imitar el habla humana.", + imageUrl: "https://www.sol915.com.ar/wp-content/uploads/2023/03/guacamayo-rojo-4.jpg", + facts: { + scientificName: "Ara macao", + birdLength: "85 cm", + birdHabitat: "Bosques tropicales", + //distributionCountries: ["México", "Brasil", "Bolivia", "Guatemala", "El Salvador", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Surinam", "Ecuador", "Perú", "Trinidad y Tobago", "Guyana", "Guayana Francesa"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "flamenco-andino", + name: "FLAMENCO ANDINO", + shortDescription: "Emblemática ave rosada de los Andes. Su plumaje rosado es considerado un símbolo de la naturaleza andina.", + description: "Flamenco o parina andina, especie de ave anseriforme de la familia Phoenicopteridae, endémica de los Andes. Longitud de hasta 1,20 metros y envergadura de hasta 2 metros. Su plumaje es de color rosa brillante, con las alas negras y la cola blanca. Se alimenta exclusivamente de diatomeas en aguas poco profundas. Puede formar colonias con la parina chica y el flamenco chileno. Construye nidos de barro en forma de cono y pone huevos de diciembre a febrero. La nidada suele contener un huevo. La coloración de los polluelos es grisácea con estrechas rayas negras en la parte superior.", + imageUrl: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Two_andeanflamingo_june2003_arp.jpg/1200px-Two_andeanflamingo_june2003_arp.jpg", + facts: { + scientificName: "Phoenicoparrus andinus", + birdLength: "120 cm", + birdHabitat: "Lagos y lagunas de alta montaña", + //distributionCountries: ["Argentina", "Bolivia", "Chile", "Perú"], + conservationStatus: "Vulnerable", + } + }, + { + id: "tocororo", + name: "TOCORORO", + shortDescription: "Un ave de tamaño mediano con un plumaje llamativo", + description: "El tocororo o pito real es un ave de tamaño mediano. Su plumaje es llamativo, con partes de azul y verde iridiscente y otras con bandas alternas de blanco y negro. La cola tiene plumas largas y peculiares, que le dan a su punta apariencia horquillada y aserrada por los lados. Los ojos son rojos. El pico es oscuro arriba y rojo abajo. Posados en una rama repiten 'tó-coro', mientras mueven la cola como temblando. De este canto le viene el nombre común. También hacen otros sonidos, como ladridos roncos y diversos cloqueos y murmullos de llamada", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/375127191/1200", + facts: { + scientificName: "Priotelus temnurus", + birdLength: "25 cm", + birdHabitat: "Bosques tropicales y subtropicales", + //distributionCountries: ["Cuba"], + conservationStatus: "Preocupación menor", + } + }, + { + id: "guacamayo-jacinto", + name: "GUACAMAYO JACINTO", + shortDescription: "Ave grande de plumas azules y detalles amarillos. Guacamayo más grande del mundo", + description: "Especie de loro grande recubierto de plumas azules. Su pico es negro con una franja brillante en la unión con la cabeza y otra alrededor de sus ojos. Como ocurre con la fauna salvaje local, su hábitat se encuentra amenazado por la actividad humana. Los incendios anuales provocados para devastar la selva y obtener tierras para el cultivo en ocasiones destruyen los nidos de esta especie. En un intento de concienciación por parte del Estado boliviano sobre la vulnerabilidad de esta especie, desde 2019 los billetes de 100 bolivianos de dicho país llevan impresos imágenes iridiscentes del guacamayo jacinto.", + imageUrl: "https://inaturalist-open-data.s3.amazonaws.com/photos/144156185/original.jpg", + facts: { + scientificName: "Anodorhynchus hyacinthinus", + birdLength: "100-106 cm", + birdHabitat: "Bosques tropicales y subtropicales", + //distributionCountries: ["Brasil", "Bolivia", "Paraguay"], + conservationStatus: "Vulnerable", }, - { - id: "torogoz", - name: "Torogoz", - shortDescription: "Ave relativamente pequeña, color verde predominante. Ave nacional de El Salvador y Nicaragua", - description: + }, + { + id: "torogoz", + name: "TOROGOZ", + shortDescription: "Ave relativamente pequeña, color verde predominante. Ave nacional de El Salvador y Nicaragua", + description: "Cuerpo mayoritariamente verde con la espalda y el vientre rojizo y además presenta diversas tonalidades de verde, celeste tornasol, blanco, amarillo, anaranjado y negro. Un rasgo muy llamativo y característico es que de su cola sobresalen dos largas plumas con el raquis desnudo y largo y pluma ancha al final, simulando dos raquetas grandes, como las de muchos otros momotos, pero los astiles son más largos. Muchas veces, sobre todo cuando están alarmados, mueve su cola como un péndulo de un lado a otro, de allí su apodo yucateco 'pájaro reloj'. Es comúnmente conocido en Yucatán como 'pájaro toh'.", - imageUrl: "https://guanacos.com/wp-content/uploads/2023/11/GUANACOS-TOROGOZ-3-822x1024.jpg", - facts: { - scientificName: "Eumomota superciliosa", - birdLength: "36 cm", - birdHabitat: "Bosques tropicales y subtropicales", - //distributionCountries: ["El Salvador", "Guatemala", "Honduras", "México", "Nicaragua", "Panamá", "Belice", "Costa Rica"], - conservationStatus: "Preocupación menor", - }, + imageUrl: "https://guanacos.com/wp-content/uploads/2023/11/GUANACOS-TOROGOZ-3-822x1024.jpg", + facts: { + scientificName: "Eumomota superciliosa", + birdLength: "36 cm", + birdHabitat: "Bosques tropicales y subtropicales", + //distributionCountries: ["El Salvador", "Guatemala", "Honduras", "México", "Nicaragua", "Panamá", "Belice", "Costa Rica"], + conservationStatus: "Preocupación menor", }, - { - id: "momoto-yeruva", - name: "Momoto yeruvá occidental", - shortDescription: "Ave de plumaje rojizo con cabeza y pecho canela.", - description: "Es un ave de tamaño mediano, con una longitud de unos 46 centímetros. Su plumaje es principalmente de color rufo acanelado, con una máscara negra ancha en la cara, un punto negro en el pecho y color rufo profundo hacia la grupa. El dorso, las coberteras de las alas y el costado son de color verde profundo. El vientre y las coberteras infracaudales son azul verdoso y las timoneras y las remeras son azul oscuro. La cola larga y delgada con raquetas más bien pequeñas o sin ellas. El iris es rojo oscuro, el pico es negruzco y aserrado.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/248093781/900", - facts: { - scientificName: "Baryphthengus martii", - birdLength: "46 centímetros", - birdHabitat: "Bosques tropicales y subtropicales", - // distributionCountries: ["Bolivia", "Brasil", "Colombia", "Costa Rica", "Ecuador", "Honduras", "Nicaragua", "Panamá", "Perú"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "momoto-yeruva", + name: "MOMOTO YERUVÁ OCCIDENTAL", + shortDescription: "Ave de plumaje rojizo con cabeza y pecho canela.", + description: "Es un ave de tamaño mediano, con una longitud de unos 46 centímetros. Su plumaje es principalmente de color rufo acanelado, con una máscara negra ancha en la cara, un punto negro en el pecho y color rufo profundo hacia la grupa. El dorso, las coberteras de las alas y el costado son de color verde profundo. El vientre y las coberteras infracaudales son azul verdoso y las timoneras y las remeras son azul oscuro. La cola larga y delgada con raquetas más bien pequeñas o sin ellas. El iris es rojo oscuro, el pico es negruzco y aserrado.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/248093781/900", + facts: { + scientificName: "Baryphthengus martii", + birdLength: "46 centímetros", + birdHabitat: "Bosques tropicales y subtropicales", + // distributionCountries: ["Bolivia", "Brasil", "Colombia", "Costa Rica", "Ecuador", "Honduras", "Nicaragua", "Panamá", "Perú"], + conservationStatus: "Preocupación menor", }, - { - id: "cormoran-magallanico", - name: "Cormorán magallánico", - shortDescription: "Ave marina de plumaje negro y cuello largo", - description: "Ave marina de tamaño mediano, con una longitud entre 65 a 70 centímetros. Su plumaje es principalmente de color negro, con la cabeza y el cuello de color marrón. Su pico es largo y curvado, y sus patas son palmeadas. Ojos rojos a variables. Construyen sus nidos en los acantilados rocosos de la costa marina, aprovechando pequeñas saliencias de la roca; tanto en la costa continental como en islas. Debido a esto también se lo llama cormorán roquero. Aunque es probable que los adultos no ocupen sus nidos en forma permanente a lo largo del año.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/45411951/", - facts: { - scientificName: "Phalacrocorax magellanicus", - birdLength: "65 centímetros", - birdHabitat: "Mares, costas y estuarios", - //distributionCountries: ["Argentina", "Chile", "Uruguay", "Paraguay", "Brasil", "Perú", "Bolivia", "Ecuador", "Colombia"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "cormoran-magallanico", + name: "CORMORÁN MAGALLÁNICO", + shortDescription: "Ave marina de plumaje negro y cuello largo", + description: "Ave marina de tamaño mediano, con una longitud entre 65 a 70 centímetros. Su plumaje es principalmente de color negro, con la cabeza y el cuello de color marrón. Su pico es largo y curvado, y sus patas son palmeadas. Ojos rojos a variables. Construyen sus nidos en los acantilados rocosos de la costa marina, aprovechando pequeñas saliencias de la roca; tanto en la costa continental como en islas. Debido a esto también se lo llama cormorán roquero. Aunque es probable que los adultos no ocupen sus nidos en forma permanente a lo largo del año.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/45411951/", + facts: { + scientificName: "Phalacrocorax magellanicus", + birdLength: "65 centímetros", + birdHabitat: "Mares, costas y estuarios", + //distributionCountries: ["Argentina", "Chile", "Uruguay", "Paraguay", "Brasil", "Perú", "Bolivia", "Ecuador", "Colombia"], + conservationStatus: "Preocupación menor", }, - { - id: "quetzal", - name: "Quetzal", - shortDescription: "Ave de cola larga y plumaje iridiscente", - description: "Especie es conocida por su colorido y complejo plumaje, que difiere sustancialmente entre sexos. Los machos tienen plumas verdes iridiscentes, la parte inferior del pecho y vientre rojos, alas interiores negras y cola inferior blanca, mientras la hembras son más aburridas y tienen una cola más corta. La parte inferior del pecho, el vientre y pico gris, junto con la cabeza verde son características de las hembras. Esas aves hacen agujeros en los árboles en descomposición o utilizan los que ya han hecho por pájaros carpinteros para anidar.", - imageUrl: "https://media.istockphoto.com/id/1433616125/es/foto/quetzal-resplandeciente.jpg?s=612x612&w=0&k=20&c=0q2rg6oa4E4VfbptdqkIJjMri1gC1UhLwVwBv-TR2LY=", - facts: { - scientificName: "Pharomachrus mocinno", - birdLength: "35 centímetros", - birdHabitat: "Bosques nubosos montanos", - // distributionCountries: ["México", "Guatemala", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "El Salvador"], - conservationStatus: "Vulnerable", - }, + }, + { + id: "quetzal", + name: "QUETZAL", + shortDescription: "Ave de cola larga y plumaje iridiscente", + description: "Especie es conocida por su colorido y complejo plumaje, que difiere sustancialmente entre sexos. Los machos tienen plumas verdes iridiscentes, la parte inferior del pecho y vientre rojos, alas interiores negras y cola inferior blanca, mientras la hembras son más aburridas y tienen una cola más corta. La parte inferior del pecho, el vientre y pico gris, junto con la cabeza verde son características de las hembras. Esas aves hacen agujeros en los árboles en descomposición o utilizan los que ya han hecho por pájaros carpinteros para anidar.", + imageUrl: "https://media.istockphoto.com/id/1433616125/es/foto/quetzal-resplandeciente.jpg?s=612x612&w=0&k=20&c=0q2rg6oa4E4VfbptdqkIJjMri1gC1UhLwVwBv-TR2LY=", + facts: { + scientificName: "Pharomachrus mocinno", + birdLength: "35 centímetros", + birdHabitat: "Bosques nubosos montanos", + // distributionCountries: ["México", "Guatemala", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "El Salvador"], + conservationStatus: "Vulnerable", }, - { - id: "jilguero-golinegro", - name: "Jilguero golinegro", - shortDescription: "Pájaro pequeño y colorido, de plumaje negro y amarillo.", - description: "El macho tiene la parte superior de la cabeza y la garganta de color negro. La espalda amarilla verdosa oscura con listas negras. El pecho, vientre y obispillo son amarillo intenso. Las plumas de las alas son negras con una franja amarilla; las plumas de la cola son negras con bordes amarillos. El pico es bastante grueso y de color gris. La hembra carece del color negro del macho y se pueden distinguir dos fases de plumaje, la amarilla y la gris pero en ambas las partes inferiores generalmente son grisáceas.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/116111371/1800", - facts: { - scientificName: "Spinus barbatus", - birdLength: "14 centímetros", - birdHabitat: "Claros de bosques, matorrales y campos cultivados", - // distributionCountries: ["Argentina", "Chile"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "jilguero-golinegro", + name: "JILGUERO GOLINEGRO", + shortDescription: "Pájaro pequeño y colorido, de plumaje negro y amarillo.", + description: "El macho tiene la parte superior de la cabeza y la garganta de color negro. La espalda amarilla verdosa oscura con listas negras. El pecho, vientre y obispillo son amarillo intenso. Las plumas de las alas son negras con una franja amarilla; las plumas de la cola son negras con bordes amarillos. El pico es bastante grueso y de color gris. La hembra carece del color negro del macho y se pueden distinguir dos fases de plumaje, la amarilla y la gris pero en ambas las partes inferiores generalmente son grisáceas.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/116111371/1800", + facts: { + scientificName: "Spinus barbatus", + birdLength: "14 centímetros", + birdHabitat: "Claros de bosques, matorrales y campos cultivados", + // distributionCountries: ["Argentina", "Chile"], + conservationStatus: "Preocupación menor", }, - { - id: "bandurria", - name: "Bandurria común", - shortDescription: "Ave grande, de plumaje negro con cuello blanco amarillento.", - description: "Ave relativamente grande. Se le distingue fácilmente por su cuello blanco amarillento y, durante el vuelo, por las franjas blancas que recorren sus alas. Las partes dorsales del cuerpo son de color gris con brillos verdosos salpicado de plumas de vuelo de color gris más claro y blanco. El color crema amarillento del cuello y la cabeza, que difiere bastante del resto del cuerpo, se torna de tonos más intensos durante la temporada reproductiva. Las partes inferiores del cuerpo y de la cola son de color negro.", - imageUrl: "https://www.ecoregistros.org/site/images/albumes/56/1972/_MG_0134-bandurria-austral.jpg", - facts: { - scientificName: "Theristicus caudatus", - birdLength: "71-81 cm", - birdHabitat: "Bosques, sabanas y humedales de América del Sur", - // distributionCountries: ["Argentina", "Brasil", "Colombia", "Ecuador", "Paraguay", "Perú", "Venezuela", "Chile"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "bandurria", + name: "BANDURIA COMÚN", + shortDescription: "Ave grande, de plumaje negro con cuello blanco amarillento.", + description: "Ave relativamente grande. Se le distingue fácilmente por su cuello blanco amarillento y, durante el vuelo, por las franjas blancas que recorren sus alas. Las partes dorsales del cuerpo son de color gris con brillos verdosos salpicado de plumas de vuelo de color gris más claro y blanco. El color crema amarillento del cuello y la cabeza, que difiere bastante del resto del cuerpo, se torna de tonos más intensos durante la temporada reproductiva. Las partes inferiores del cuerpo y de la cola son de color negro.", + imageUrl: "https://www.ecoregistros.org/site/images/albumes/56/1972/_MG_0134-bandurria-austral.jpg", + facts: { + scientificName: "Theristicus caudatus", + birdLength: "71-81 cm", + birdHabitat: "Bosques, sabanas y humedales de América del Sur", + // distributionCountries: ["Argentina", "Brasil", "Colombia", "Ecuador", "Paraguay", "Perú", "Venezuela", "Chile"], + conservationStatus: "Preocupación menor", }, - { - id: "martin-pescador", - name: "Martín pescador", - shortDescription: "Ave acuática de tamaño mediano, con pico largo y puntiagudo.", - description: "Esta subespecie de martín pescador, es un ave acuática de tamaño mediano, con una longitud de unos 36 centímetros. Su plumaje es principalmente de color azul celeste, con el pecho y el vientre blancos. Tiene un pico largo y puntiagudo, de color negro, que utiliza para pescar. Vive a orillas de arroyos, ríos, lagos, lagunas, esteros, bañados, en zonas suburbanas y urbanas. Como todos los martines, para alimentarse se zambulle desde la rama de un árbol. Cuando la turbidez del agua no le permite capturar peces, se alimenta de insectos, anfibios, reptiles o mamíferos.", - imageUrl: "https://img.freepik.com/fotos-premium/martin-pescador-comun-volando-agua-generado-ia_894117-32.jpg", - facts: { - scientificName: "Megaceryle torquata stellata", - birdLength: "36 centímetros", - birdHabitat: "Ríos, lagos y lagunas", - // distributionCountries: ["Argentina", "Chile"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "martin-pescador", + name: "MARTÍN PESCADOR", + shortDescription: "Ave acuática de tamaño mediano, con pico largo y puntiagudo.", + description: "Esta subespecie de martín pescador, es un ave acuática de tamaño mediano, con una longitud de unos 36 centímetros. Su plumaje es principalmente de color azul celeste, con el pecho y el vientre blancos. Tiene un pico largo y puntiagudo, de color negro, que utiliza para pescar. Vive a orillas de arroyos, ríos, lagos, lagunas, esteros, bañados, en zonas suburbanas y urbanas. Como todos los martines, para alimentarse se zambulle desde la rama de un árbol. Cuando la turbidez del agua no le permite capturar peces, se alimenta de insectos, anfibios, reptiles o mamíferos.", + imageUrl: "https://img.freepik.com/fotos-premium/martin-pescador-comun-volando-agua-generado-ia_894117-32.jpg", + facts: { + scientificName: "Megaceryle torquata stellata", + birdLength: "36 centímetros", + birdHabitat: "Ríos, lagos y lagunas", + // distributionCountries: ["Argentina", "Chile"], + conservationStatus: "Preocupación menor", }, - { - id: "tordo-cantor", - name: "Tordo cantor", - shortDescription: "Pájaro de plumaje negro con reflejos iridiscentes.", - description: "Los individuos adultos miden unos 25 cm del pico a la cola. Los machos son completamente negros, incluyendo los ojos, el pico y las patas, y ligeramente iridiscentes. Las hembras son más pequeñas y su coloración tiende más al color pardo. Los inmaduros son opacos. De hábitats tropicales, y prefiere las áreas abiertas, así como campos de cultivo y poblados humanos. Se alimenta sobre todo de insectos, a los que busca en el suelo, pero también suele alimentarse de néctar, granos y frutos. Es bastante común en el sur y sureste de México, principalmente en la vertiente del Golfo.", - imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/39877871/1800", - facts: { - scientificName: "Dives dives", - birdLength: "25 cm", - birdHabitat: "Bosques tropicales y subtropicales", - // distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Ecuador", "Perú", "Bolivia", "Venezuela", "Guyana", "Surinam", "Guayana Francesa"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "tordo-cantor", + name: "TORDO CANTOR", + shortDescription: "Pájaro de plumaje negro con reflejos iridiscentes.", + description: "Los individuos adultos miden unos 25 cm del pico a la cola. Los machos son completamente negros, incluyendo los ojos, el pico y las patas, y ligeramente iridiscentes. Las hembras son más pequeñas y su coloración tiende más al color pardo. Los inmaduros son opacos. De hábitats tropicales, y prefiere las áreas abiertas, así como campos de cultivo y poblados humanos. Se alimenta sobre todo de insectos, a los que busca en el suelo, pero también suele alimentarse de néctar, granos y frutos. Es bastante común en el sur y sureste de México, principalmente en la vertiente del Golfo.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/39877871/1800", + facts: { + scientificName: "Dives dives", + birdLength: "25 cm", + birdHabitat: "Bosques tropicales y subtropicales", + // distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Ecuador", "Perú", "Bolivia", "Venezuela", "Guyana", "Surinam", "Guayana Francesa"], + conservationStatus: "Preocupación menor", }, - { - id: "chincol", - name: "Chincol", - shortDescription: "Pájaro pequeño y rechoncho, de plumaje gris, marrón y blanco.", - description: "El chingolo, chincol o copetón (Zonotrichia capensis) es una especie de ave paseriforme neotropical de la familia Emberizidae. Es la única de esta distribución entre los mal llamados 'gorriones americanos' del género Zonotrichia. Muestra la corona y la cara grises, con una banda negra. La garganta es blanca, con un visible collar en la nuca de color canela o castaño rojizo. Es un ave común en campos abiertos, bosques y jardines de Argentina, Chile, Uruguay, Paraguay y sur de Brasil. Se alimenta de semillas, insectos y frutos. Su canto es un gorjeo melodioso.", - imageUrl: "https://aveschilenas.cl/wp-content/uploads/2023/04/chincol.webp", - facts: { - scientificName: "Zonotrichia capensis", - birdLength: "13-15 cm", - birdHabitat: "Bosques, matorrales, jardines y campos abiertos", - //distributionCountries: ["Argentina", "Bolivia", "Brasil", "Chile", "Colombia", "Ecuador", "Guyana", "Paraguay", "Perú", "Surinam", "Trinidad y Tobago", "Uruguay", "Venezuela", "República Dominicana", "Haití"], - conservationStatus: "Preocupación menor", - }, + }, + { + id: "chincol", + name: "CHINCOL", + shortDescription: "Pájaro pequeño y rechoncho, de plumaje gris, marrón y blanco.", + description: "El chingolo, chincol o copetón (Zonotrichia capensis) es una especie de ave paseriforme neotropical de la familia Emberizidae. Es la única de esta distribución entre los mal llamados 'gorriones americanos' del género Zonotrichia. Muestra la corona y la cara grises, con una banda negra. La garganta es blanca, con un visible collar en la nuca de color canela o castaño rojizo. Es un ave común en campos abiertos, bosques y jardines de Argentina, Chile, Uruguay, Paraguay y sur de Brasil. Se alimenta de semillas, insectos y frutos. Su canto es un gorjeo melodioso.", + imageUrl: "https://aveschilenas.cl/wp-content/uploads/2023/04/chincol.webp", + facts: { + scientificName: "Zonotrichia capensis", + birdLength: "13-15 cm", + birdHabitat: "Bosques, matorrales, jardines y campos abiertos", + //distributionCountries: ["Argentina", "Bolivia", "Brasil", "Chile", "Colombia", "Ecuador", "Guyana", "Paraguay", "Perú", "Surinam", "Trinidad y Tobago", "Uruguay", "Venezuela", "República Dominicana", "Haití"], + conservationStatus: "Preocupación menor", }, - { - id: "golondrina-azulada", - name: "Golondrina azulada", - shortDescription: "Ave migratoria pequeña, de plumaje azul y blanco.", - description: "La golondrina azulada, golondrina de dorso negro, o pilmayken, es un ave pequeña y estilizada, con una longitud de unos 15 centímetros. Su plumaje es principalmente de color azul, con el vientre blanco. La cabeza y la garganta son de color azul oscuro, y la cola es larga y bifurcada. Esta es una golondrina de áreas abiertas, como aldeas y pueblos, granjas y claros de bosques. En América Central es un ave de tierras altas, pero en otras partes su área de distribución puede abarcar las tierras bajas hasta una altitud de 4000 m.", - imageUrl: "https://misanimales.com/wp-content/uploads/2021/02/golondrina-vuela.jpg", - facts: { - scientificName: "Pygochelidon cyanoleuca", - birdLength: "15 centímetros", - birdHabitat: "Pastizales, campos abiertos, bordes de bosques, etc.", + }, + { + id: "golondrina-azulada", + name: "GOLONDRINA AZULADA", + shortDescription: "Ave migratoria pequeña, de plumaje azul y blanco.", + description: "La golondrina azulada, golondrina de dorso negro, o pilmayken, es un ave pequeña y estilizada, con una longitud de unos 15 centímetros. Su plumaje es principalmente de color azul, con el vientre blanco. La cabeza y la garganta son de color azul oscuro, y la cola es larga y bifurcada. Esta es una golondrina de áreas abiertas, como aldeas y pueblos, granjas y claros de bosques. En América Central es un ave de tierras altas, pero en otras partes su área de distribución puede abarcar las tierras bajas hasta una altitud de 4000 m.", + imageUrl: "https://misanimales.com/wp-content/uploads/2021/02/golondrina-vuela.jpg", + facts: { + scientificName: "Pygochelidon cyanoleuca", + birdLength: "15 centímetros", + birdHabitat: "Pastizales, campos abiertos, bordes de bosques, etc.", // distributionCountries: ["Argentina", "Uruguay", "Paraguay", "Brasil", "Bolivia", "Chile", "Perú", "Ecuador", "Colombia", "Venezuela"], conservationStatus: "Preocupación menor", - }, - } + }, + } ]; \ No newline at end of file diff --git a/src/dataFunctions.js b/src/dataFunctions.js index 2b7a2232..947a97bd 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -1,48 +1,52 @@ // Estas funciones son ejemplos, aquí puedes desarrollar tus propias funciones. -export const example = () => { - return 'example'; -}; - -export const anotherExample = () => { - return []; -}; export const filterData = (data, filterBy, value) => { - if (value === "preocupacion-menor"){ - const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "Preocupación menor") + //console.log(filterBy); + if (value === "preocupacion-menor") { + const filterDataConservation = data.filter(bird => bird.facts.conservationStatus === "Preocupación menor") return filterDataConservation - } else if (value === "casi-amenazado"){ - const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "Vulnerable") + } else if (value === "casi-amenazado") { + const filterDataConservation = data.filter(bird => bird.facts.conservationStatus === "Vulnerable") return filterDataConservation - } else if (value === "vulnerable"){ - const filterDataConservation = data.filter (bird => bird.facts.conservationStatus === "En peligro") + } else if (value === "vulnerable") { + const filterDataConservation = data.filter(bird => bird.facts.conservationStatus === "En peligro") return filterDataConservation } } export const sortData = (data, orderBy, value) => { const copyData = [...data]; - const sortedData = copyData.sort ((a, b) => { - if (value ==='asc'){ - return a[orderBy].localeCompare(b[orderBy]) + const sortedData = copyData.sort((a, b) => { + if (value === 'asc') { + return a[orderBy].localeCompare(b[orderBy]) } else { - return b[orderBy].localeCompare(a[orderBy]) - } - }) - console.log(sortedData) + return b[orderBy].localeCompare(a[orderBy]) + } + }) + //console.log(sortedData) return sortedData; } -/*- Crear constante de función "sortBy" que tiene 3 parámetros (data, sortBy, sortOrder) -- Declarar sortBy qué significa orden ascendente y/o descendente con operadores lógicos. -- Recorrer arreglo con forEach -- Por cada objeto, coger el Id. -- Comparar por lo que definimos como sortBy, según la primera letra (índice 0) del nombre. -- Pushear objetos a un nuevo array que: - - Ordene ascendentemente según el primer índice del nombre - - Ordene descendentemente según lo anterior -- Devuelve función con el arreglo ordenado. -*/ - +export const computeStats = (data) => { + const staticItems = data.reduce((acc, item) => { + if (!acc[item.facts.conservationStatus]){ + acc[item.facts.conservationStatus] = 1; + } else { + acc[item.facts.conservationStatus]++; + } + // console.log(acc); + return acc; + }, {}); + const staticConservationOne = staticItems["Preocupación menor"]; + const staticConservationTwo = staticItems["En peligro"]; + const staticConservationThree = staticItems["Vulnerable"]; + const resultOne = ((100*staticConservationOne)/data.length).toFixed(2); + const resultTwo = ((100*staticConservationTwo)/data.length).toFixed(2); + const resultThree = ((100*staticConservationThree)/data.length).toFixed(2); + //console.log(resultOne); + //console.log ({resultOne, resultTwo, resultThree}); + return {resultOne, resultTwo, resultThree}; + //return staticItems; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index afd25860..91844a8b 100644 --- a/src/index.html +++ b/src/index.html @@ -7,11 +7,12 @@ +
    -

    AVES DE LATINOAMÉRICA

    +

    AVES DE LATINOAMÉRICA

    @@ -30,16 +31,17 @@

    - + -

    Estadísticas

    -
    - -
    - -
    +

    Estadísticas + +

    +
    + +
    + @@ -55,7 +57,7 @@

    Estadísticas

    Developed by Daisy C. H., Milen P. G.

    - + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 3d610495..4cf29659 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,7 @@ //import { example } from './dataFunctions.js'; import { renderItems } from './view.js'; import data from './data/dataset.js'; -import { filterData, sortData} from './dataFunctions.js'; +import { filterData, sortData, computeStats} from './dataFunctions.js'; const selectOrder = document.getElementById('order'); const selectFilter = document.getElementById('filter'); @@ -11,6 +11,7 @@ root.appendChild(renderItems(data)); //console.log(example, renderItems(data), data); const filter = document.querySelector('#filter'); +selectFilter.selectedIndex = ""; filter.addEventListener('change', () => { root.innerHTML= ""; const datafilter = filterData (data, 'conservationStatus', filter.value) @@ -18,6 +19,7 @@ filter.addEventListener('change', () => { }) const order = document.querySelector('#order'); +selectOrder.selectedIndex = ""; order.addEventListener('change', () => { root.innerHTML= ""; const datasort = sortData (data, 'name', order.value) @@ -46,8 +48,26 @@ const windowStatistics = document.querySelector('#statisticsWindowOpen'); const cerrarStatistics = document.querySelector('#statisticsWindowClose'); openStatistics.addEventListener("click",()=>{ windowStatistics.showModal(); + const statisticsContent = document.querySelector('.contentStatistics'); + const staticBird = computeStats(data); + //console.log (staticBird.resultOne); + + statisticsContent.innerHTML = ("

    De las 24 especies de aves elegidas que habitan en América Latina su estado de conservación son:

    "); + statisticsContent.innerHTML += ("

    "); + statisticsContent.innerHTML += ("Preocupación Menor son: "+ (staticBird.resultOne) + "%"); + statisticsContent.innerHTML += ("

    "); + statisticsContent.innerHTML += ("En peligro de extinción son: "+ (staticBird.resultTwo) + "%"); + statisticsContent.innerHTML += ("

    "); + statisticsContent.innerHTML += ("En estado vulnerable: "+ (staticBird.resultThree) + "%"); + + + /*console.log(staticBird, "VER ESTADISTICAS"); + staticBird.innerHTML;*/ }) -/*const std = document.getElementById('myChart') + + +/* +const std = document.getElementById('myChart') const names = ['Ronn', 'Daisy', 'Madelein'] const ages = [17, 42, 13] const myChart = new CharacterData(std, { @@ -69,7 +89,16 @@ const myChart = new CharacterData(std, { }] } })*/ - cerrarStatistics.addEventListener("click",()=>{ windowStatistics.close(); }) +/* +const openInfo = document.querySelectorAll('#buttonInfo'); +const windowInfo = document.querySelector('#infoBird'); +const cerrarInfo = document.querySelector('#closeInfo'); +openInfo.addEventListener("click",()=>{ + windowInfo.showModal(); +}) +cerrarInfo.addEventListener("click",()=>{ + windowInfo.close(); +})*/ \ No newline at end of file diff --git a/src/style.css b/src/style.css index b66d63d4..6f93b9c4 100644 --- a/src/style.css +++ b/src/style.css @@ -13,7 +13,7 @@ header { font-size: 1rem; } -#titlePrincipal { +h1 { background-color: #739915; width: 100%; color: #e8f4ca; @@ -31,9 +31,10 @@ header { background-color: white; color: #4d6b00; margin: 0; - margin-left: 4rem; + margin-left: 6rem; + width: 100%; text-align: center; - padding: 0.1rem; + padding: 1rem 2.5rem 1rem 2.5rem; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size: 1rem; display: flex; @@ -41,6 +42,7 @@ header { align-items: center; position: fixed; top: 59px; + margin-left: 0.5rem; } select { @@ -50,21 +52,21 @@ select { border-style:groove; border: solid thin #C39469; text-align:left; - margin-top: 0.6rem; - margin-inline-start: 0.6rem; - margin-inline-end: 6rem; + margin-top: 0; + margin-inline-start: 0.5rem; + margin-inline-end: 8rem; max-width: 8rem; padding: 0.5rem; - width: 8%; + width: 100%; font-size: 0.8rem; font-family:Verdana, Geneva, Tahoma, sans-serif; } .cardsContainer { - margin: 9em; + margin-top: 180px; display: flex; flex-wrap: wrap; - gap: 4em; + gap: 3.8rem; align-items: center; justify-content: center; } @@ -92,17 +94,14 @@ select { display: flex; flex-direction: column; justify-content: center; - margin-bottom: 2px; + margin-bottom: 1px; border-top-right-radius: inherit; border-top-left-radius: inherit; } .cardNames { - height: 80px; - padding: 0.2rem; - margin-top: 0.2rem; - margin-bottom: 0.2rem; - /*como achicar distancia vertical entre los párrafos?*/ + height: 60px; + padding: 0.5rem; } .scientificName { @@ -130,7 +129,38 @@ select { flex-direction: column; font-size: 0.9rem; font-family: Arial, Helvetica, sans-serif; - padding-left: 0.8rem; + padding: 1rem 1rem 3rem 1rem; +} + +#buttonInfo { + background-color: #4d6b00; + color: white; + border-radius: 0.3rem; + font-size: 0.8rem; + font-family:Verdana, Geneva, Tahoma, sans-serif; +} + +#infoBird { + height: fit-content; + width: 380px; + padding: 1rem 2rem 1rem 2rem; + border-radius: 20px; + border: solid thin #C39469; + color: #585858; +} + +#titleInfo { + color: #4d6b00; + +} + +#closeInfo { + margin-top: 0rem; + margin-left: 23rem; + border-radius: 15px; + border: solid thin #C39469; + padding: 0.2rem; + width: 1.5rem; } footer { @@ -185,28 +215,37 @@ footer { #statisticsWindowOpen{ background-color: white; color: black; + border: solid thin #C39469; width: 300px; - height: 300px; + height: 200px; font-size: 0.5rem; } + #titleStatistics{ background-color: #739915; width: 100%; height: 1.8rem; color: #e8f4ca; + font-size: 1rem; padding: 0.4rem 0 0 0; font-weight: lighter; margin-top: 0; margin-left: 0; } +.statisticTitle{ + margin-top: 1.5rem; + margin-bottom: 1.5rem; + font-size: 0.6rem; +} + #statisticsWindowClose{ - background-color: #4d6b00; + background-color: #739915; + margin-left: 165px; + width: fit-content; color: white; - border-radius: 0.5rem; font-size: 1rem; font-family:Verdana, Geneva, Tahoma, sans-serif; - padding: 0.4rem; } canvas{ diff --git a/src/view.js b/src/view.js index ec4491d6..ae99ad74 100644 --- a/src/view.js +++ b/src/view.js @@ -30,3 +30,9 @@ export const renderItems = (data) => { return cardsContainer; }; +/* + + +

    DESCRIPCIÓN

    + ${birdData[i].description}

    +
    */ \ No newline at end of file diff --git a/test/data.js b/test/data.js index 077a202a..75de547f 100644 --- a/test/data.js +++ b/test/data.js @@ -2,51 +2,60 @@ // al menos debe tener uno que se llame "data" export const data = [{ - "id": "ada-lovelace", - "name": "Ada Lovelace", - "shortDescription": "Pionera en la programación, primera programadora de la historia.", - "description": "Una visionaria matemática británica del siglo XIX, es aclamada como la primera programadora de la historia. Su colaboración con Charles Babbage en la creación de la Máquina Analítica la llevó a desarrollar algoritmos, incluyendo el famoso \"algoritmo de Bernoulli\", destinados a ser procesados por una máquina. Su visión pionera la convirtió en una figura fundamental en la informática y la inteligencia artificial. Lovelace demostró que las computadoras podían ir más allá de simples cálculos matemáticos, anticipando un mundo donde la programación sería esencial en la resolución de problemas complejos, dejando una huella imborrable en la ciencia y la tecnología.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/ada-lovelace.jpg", - "facts": { - "yearOfBirth": "1815", - "yearOfDeath": "1852", - "birthPlace": "Londres, Reino Unido", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/genera-una-imagen-de-ada-lovelace2c-la-primera-prog/650a1eff8ff04b88833d5cdef0309441" + id: "pinguino-humboldt", + name: "PINGÜINO DE HUMBOLDT", + shortDescription: "Ave marina de plumaje negro y blanco que habita en la costa del Pacífico de América del Sur", + description: "Habita en el Océano Pacífico a lo largo de la costa oeste de Sudamérica en Perú y Chile la que es recorrida por la Corriente de Humboldt, desde los 5° a los 41° 55' de latitud sur. Muy raramente se han encontrado ejemplares divagantes en las costas del Pacífico de Ecuador, Colombia y Panamá. En los últimos años sus poblaciones se han reducido drásticamente a consecuencia de la escasez de lugares de nidificación, reducción en la oferta de alimentos, depredación por parte del hombre y, sobre todo, el impacto de fenómenos climáticos severos, como El Niño.", + imageUrl: "http://localhost:3000", + facts: { + scientificName: "Spheniscus humboldti", + birdLength: "65-72 cm", + birdHabitat: "Costas rocosas y pedregosas del Pacífico", + //distributionCountries: ["Chile", "Perú"], + conservationStatus: "Vulnerable", + } +}, +{ + id: "aguila-harpia", + name: "ÁGUILA ARPÍA", + shortDescription: "Ave rapaz de gran tamaño que habita en las selvas tropicales de América", + description: "Es el águila más grande del Hemisferio Occidental y del Hemisferio Austral, y la única especie del género Harpia. No se reconocen subespecies. El águila harpía es el ave nacional de Panamá y la especie símbolo de la diversidad biológica de Ecuador. Las dimensiones promedio de la hembra de la arpía mayor son 100 cm de largo, 200 cm de envergadura (distancia entre los extremos de las alas) y un peso medio de 7.35 kg. El macho tiene dimensiones más pequeñas: hasta 196 cm de envergadura y un peso aproximado de 5.95 kg.", + imageUrl: "https://static.inaturalist.org/photos/175159456/large.jpeg", + facts: { + scientificName: "Harpia harpyja", + birdLength: "80-90 cm", + birdHabitat: "Bosques tropicales", + //distributionCountries: ["México", "Guatemala", "Belice", "Honduras", "Nicaragua", "Costa Rica", "Panamá", "Colombia", "Venezuela", "Ecuador", "Perú", "Bolivia", "Brasil", "Paraguay", "Argentina"], + conservationStatus: "Vulnerable", } }, { - "id": "emmy-noether", - "name": "Emmy Noether", - "shortDescription": "Matemática destacada, teorema fundamental en álgebra abstracta.", - "description": "Una brillante matemática alemana, revolucionó la física teórica con sus contribuciones al teorema de conservación de la energía y el teorema de Noether, fundamentales en la teoría de la relatividad y la mecánica cuántica. A pesar de los obstáculos que enfrentó como mujer en la academia, sus investigaciones en álgebra abstracta y teoría de grupos son fundamentales en la física moderna. Su capacidad para unificar conceptos matemáticos y físicos marcó un hito en la historia de la ciencia, allanando el camino para futuras generaciones de científicas.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/emmy-noether.jpg", - "facts": { - "yearOfBirth": "1882", - "yearOfDeath": "1935", - "birthPlace": "Erlangen, Alemania", - "mainField": "Matemáticas" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-an-image-of-of-a-german-woman2c-a-pioneering/6510ddb1e8254b928b8f8f1d5e95fea4" + id: "colibri-cola-espatula", + name: "COLIBRÍ COLA DE ESPÁTULA", + shortDescription: "Colibrí de tamaño mediano, con cola larga y plumas de color azul-violeta.", + description: "Único miembro del género Loddigesia. Es endémica de la cuenca del río Utcubamba, en la selva alta del norte del Perú. El colibrí cola de espátula es único entre las aves, pues tiene sólo cuatro plumas en la cola. Su característica más destacada es la presencia en el macho de dos largas plumas exteriores en la cola con forma de raqueta que se cruzan mutuamente y terminan en una grandes discos azul-violáceos o 'espátulas', que puede moverlas independientemente y su cola mide el doble de su altura.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/228591801/1200", + facts: { + scientificName: "Loddigesia mirabilis", + birdLength: "15 cm", + birdHabitat: "Bosques húmedos de montaña de los Andes de Perú", + //distributionCountries: ["Perú"], + conservationStatus: "En peligro", } }, { - "id": "hypatia-de-alejandria", - "name": "Hypatia de Alejandría", - "shortDescription": "Matemática y filósofa en la antigua Alejandría.", - "description": "Filósofa y matemática en la antigua Alejandría, desafió las normas de género de su época al destacar en una sociedad dominada por hombres. Su legado incluye importantes contribuciones a la geometría y la astronomía, así como su destacado papel como maestra y defensora del conocimiento en una época de agitación política. Hypatia demostró que las mujeres podían sobresalir en campos intelectuales y su valentía al mantener sus creencias filosóficas la convierte en un símbolo de resistencia y sabiduría en la historia de la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/hypatia-de-alejandria.jpg", - "facts": { - "yearOfBirth": "circa 360", - "yearOfDeath": "415", - "birthPlace": "Alejandría, Egipto", - "mainField": "Matemáticas, Filosofía" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-a-vivid-digital-artwork-or-painting-that-de/6510df0ebe1a4807af22175452761e1a" + id: "colibri-gigante", + name: "COLIBRÍ GIGANTE", + shortDescription: "Colibrí o picaflor gigante. Ave apodiforme de mayor tamaño en el mundo", + description: "El colibrí gigante es una especie de ave apodiforme de la familia Trochilidae, y única representante del género Patagonas. Es el ave apodiforme de mayor tamaño del mundo, con una longitud de hasta 22 cm y una envergadura de hasta 60 cm. Es nativo de los Andes de América del Sur, desde el sur de Colombia hasta el norte de Argentina. Habita en bosques húmedos de montaña, entre los 1.500 y los 3.500 metros de altitud. Se alimenta de néctar de flores, insectos y pequeños artrópodos. Es una especie solitaria o gregaria, y anida en árboles o arbustos.", + imageUrl: "https://cdn.download.ams.birds.cornell.edu/api/v1/asset/601413911/1800", + facts: { + scientificName: "Patagona gigas", + birdLength: "22 cm", + birdHabitat: "Bosques húmedos de montaña", + //distributionCountries: ["Colombia", "Ecuador", "Perú", "Bolivia", "Chile", "Argentina"], + conservationStatus: "Preocupación menor", } -},]; +} +]; diff --git a/test/dataFunctions.spec.js b/test/dataFunctions.spec.js index 72c5eb9d..11454a84 100644 --- a/test/dataFunctions.spec.js +++ b/test/dataFunctions.spec.js @@ -1,18 +1,43 @@ -import { example, anotherExample } from '../src/dataFunctions.js'; +import {filterData, sortData, computeStats} from '../src/dataFunctions.js'; import { data as fakeData } from './data.js'; -console.log(fakeData); +//console.log(fakeData); -describe('example', () => { +describe('filterBy', () => { + it("Debería filtar las aves por su estado de conservación", () => { + const result = [fakeData[0], fakeData[1]]; + expect(filterData(fakeData, "", 'casi-amenazado')).toEqual(result); + }); + + it("Debería filtar las aves por su estado de conservación", () => { + const result = [fakeData[3]]; + expect(filterData(fakeData, "", 'preocupacion-menor')).toEqual(result); + }); - it('returns `example`', () => { - expect(example()).toBe('example'); + it("Debería filtar las aves por su estado de conservación", () => { + const result = [fakeData[2]]; + expect(filterData(fakeData, "", 'vulnerable')).toEqual(result); }); }); -describe('anotherExample', () => { - it('returns `anotherExample`', () => { - expect(anotherExample()).toBe('OMG'); + +describe('sortData', () => { + it("Debería ordenar de forma ascendente por nombre", () => { + const result = [fakeData[1], fakeData[2], fakeData[3], fakeData[0]]; + expect(sortData(fakeData, 'name', 'asc')).toEqual(result); + }); + + it("Debería ordenar de forma descendente por nombre", () => { + const result = [fakeData[0], fakeData[3], fakeData[2], fakeData[1]]; + expect(sortData(fakeData, 'name', 'desc')).toEqual(result); + console.log(result, "descente"); }); }); + +describe('computeStats', () => { + it("Debería devolver el porcentaje de aves según el estado de conservación", () => { + const otroResultado = computeStats(fakeData); + expect(otroResultado.resultOne).toBe("25.00"); + }); +}); \ No newline at end of file