From e739b907b4bb5860aa75a6a22f3cefb0e2fc5d9e Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Tue, 10 Oct 2023 15:40:52 -0600 Subject: [PATCH 01/25] commit data --- src/data/dataset.js | 583 ++++++++++++++++++++++++-------------------- 1 file changed, 320 insertions(+), 263 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 9d01aea9..566dd0b3 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -1,378 +1,435 @@ export default [ { - "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", + "id": "apis-mellifera", + "name": "Abeja Apis mellifera", + "shortDescription": "Abeja melífera europea", + "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", + "imageUrl": "URL_IMAGEN_APIS_MELLIFERA", "facts": { - "yearOfBirth": "1815", - "yearOfDeath": "1852", - "birthPlace": "Londres, Reino Unido", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "de 4 a 5 semanas en verano", + "familia": "Apidae", + "productorDeMiel": "Sí" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/genera-una-imagen-de-ada-lovelace2c-la-primera-prog/650a1eff8ff04b88833d5cdef0309441" + "curiosidades": [ + "Las abejas Apis mellifera son altamente sociales y viven en colmenas con una estructura jerárquica.", + "Son responsables de la polinización de numerosas frutas, verduras y cultivos de importancia económica." + ] } + }, { - "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", + "id": "bombus-terrestris", + "name": "Abeja Bombus terrestris", + "shortDescription": "Abeja de tierra", + "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", + "imageUrl": "URL_IMAGEN_BOMBUS_TERRESTRIS", "facts": { - "yearOfBirth": "1882", - "yearOfDeath": "1935", - "birthPlace": "Erlangen, Alemania", - "mainField": "Matemáticas" + "promedioDeVida": "de 12 a 14 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-an-image-of-of-a-german-woman2c-a-pioneering/6510ddb1e8254b928b8f8f1d5e95fea4" + "curiosidades": [ + "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", + "Son abejas sociales con colonias que incluyen una reina y trabajadoras." + ] } }, { - "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", + "id": "xylocopa-violacea", + "name": "Abeja Xylocopa violacea", + "shortDescription": "Abeja carpintera violeta", + "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", + "imageUrl": "URL_IMAGEN_XYLOCOPA_VIOLECEA", "facts": { - "yearOfBirth": "circa 360", - "yearOfDeath": "415", - "birthPlace": "Alejandría, Egipto", - "mainField": "Matemáticas, Filosofía" + "promedioDeVida": "de 1 a 2 meses", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-a-vivid-digital-artwork-or-painting-that-de/6510df0ebe1a4807af22175452761e1a" + "curiosidades": [ + "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", + "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas." + ] } }, { - "id": "marjorie-lee-browne", - "name": "Marjorie Lee Browne", - "shortDescription": "Matemática, contribuyó a la teoría de números.", - "description": "Matemática estadounidense, destacó en una época en la que las mujeres afroamericanas enfrentaban múltiples barreras en la educación superior. No solo obtuvo su doctorado en matemáticas, sino que también se convirtió en una destacada educadora, promoviendo la diversidad en las ciencias matemáticas y desafiando la discriminación racial y de género. Su compromiso con la educación y su capacidad para inspirar a futuras generaciones la convierten en un modelo a seguir para las mujeres en la ciencia, dejando una huella perdurable en la historia académica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marjorie-lee-browne.jpg", + "id": "halictus-ligatus", + "name": "Abeja Halictus ligatus", + "shortDescription": "Abeja sudorera verde", + "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", + "imageUrl": "URL_IMAGEN_HALICTUS_LIGATUS", "facts": { - "yearOfBirth": "1914", - "yearOfDeath": "1979", - "birthPlace": "Memphis, Estados Unidos", - "mainField": "Matemáticas" + "promedioDeVida": "de 2 a 6 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/design-an-inspiring-and-historically-accurate-imag/6510df7e7bb745f69d67f695441607a8" + "curiosidades": [ + "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", + "Juegan un papel importante en la polinización de diversas flores silvestres." + ] } }, { - "id": "shakuntala-devi", - "name": "Shakuntala Devi", - "shortDescription": "Matemática prodigio, conocida como la 'Calculadora Humana'.", - "description": "Conocida como \"la bruja de las matemáticas\" de la India, dejó una marca indeleble en el mundo de los números. Su capacidad mental asombrosa la llevó a resolver complejos cálculos matemáticos mentalmente en cuestión de segundos, estableciendo récords mundiales. Además de su talento innato, Devi promovió activamente la educación matemática y luchó por la igualdad de género en un país donde las mujeres enfrentaban desafíos en la ciencia y la educación. Su legado destaca el poder de la mente humana y la importancia de la igualdad de oportunidades en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/shakuntala-devi.jpg", - "facts": { - "yearOfBirth": "1929", - "yearOfDeath": "2013", - "birthPlace": "Bangalore, India", - "mainField": "Matemáticas" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/indian-woman-writing-math-problems-in-a-blackbard-/6510e19f3db54e14b365b7e8dc5045f6" - } + "id": "megachile-rotundata", + "name": "Abeja Megachile rotundata", + "shortDescription": "Abeja cortadora de hojas", + "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", + "imageUrl": "URL_IMAGEN_MEGACHILE_ROTUNDATA", + "facts": { + "promedioDeVida": "de 6 a 8 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", + "Son excelentes polinizadores y su uso en la agricultura es común." + ] + } }, { - "id": "sofia-kovalevskaya", - "name": "Sofia Kovalevskaya", - "shortDescription": "Matemática y escritora, contribuyó a la teoría de funciones.", - "description": "Matemática rusa del siglo XIX, dejó una marca indeleble en la ciencia del siglo XIX al desafiar las barreras de género. Como matemática rusa, superó las restricciones sociales de su época para convertirse en la primera mujer en obtener un doctorado en matemáticas en Europa. Sus contribuciones a la teoría de las ecuaciones diferenciales y la mecánica revolucionaron la disciplina, abriendo nuevas perspectivas en el análisis matemático. Su destacada membresía en la Academia de Ciencias de Suecia marcó un hito en la historia de las mujeres en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/sofia-kovalevskaya.jpg", + "id": "osmia-bicornis", + "name": "Abeja Osmia bicornis", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "URL_IMAGEN_OSMIA_BICORNIS", "facts": { - "yearOfBirth": "1850", - "yearOfDeath": "1891", - "birthPlace": "Moscú, Rusia", - "mainField": "Matemáticas" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/indian-woman-writing-math-problems-in-a-blackbard-/6510e19f3db54e14b365b7e8dc5045f6" + "curiosidades": [ + "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] } }, { - "id": "yoko-shimomura", - "name": "Yoko Shimomura", - "shortDescription": "Compositora de música, destacada en la industria de los videojuegos.", - "description": "Compositora japonesa, es una figura destacada en la ciencia de la música y el arte sonoro. Aunque no se dedica a la ciencia en el sentido tradicional, su trabajo en la composición musical ha requerido un profundo entendimiento de la teoría musical y la tecnología de audio. Ha contribuido de manera significativa a la industria de los videojuegos, componiendo icónicas bandas sonoras que han enriquecido la experiencia de juego. Su éxito en un campo donde las mujeres estaban subrepresentadas la convierte en un modelo a seguir, incluso en campos no convencionales como la composición musical.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/yoko-shimomura.jpg", - "facts": { - "yearOfBirth": "1967", - "birthPlace": "Hyogo, Japón", - "mainField": "Composición Musical, Video Juegos" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/yoko-shimomura-making-music-for-a-video-game-in-19/6510e40dd1eb45d0906e8c1f4bb601d3" - } + "id": "anthidium-manicatum", + "name": "Abeja Anthidium manicatum", + "shortDescription": "Abeja cardera", + "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", + "imageUrl": "URL_IMAGEN_ANTHIDIUM_MANICATUM", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", + "Son polinizadores efectivos y se encuentran en diversos hábitats." + ] + } }, { - "id": "maryam-mirzakhani", - "name": "Maryam Mirzakhani", - "shortDescription": "Matemática, ganadora del Premio Fields.", - "description": "Matemática iraní, hizo historia al convertirse en la primera mujer en ganar la Medalla Fields, el premio más prestigioso en matemáticas. Sus investigaciones en la geometría de superficies y la teoría de las superficies de Riemann han tenido un impacto duradero en la matemática pura. A lo largo de su carrera, Mirzakhani inspiró a muchas mujeres a perseguir carreras en ciencia y matemáticas, derribando las barreras de género. Su enfoque innovador y su capacidad para resolver problemas complejos la convierten en un modelo a seguir para la comunidad científica y en un símbolo de la excelencia matemática.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/maryam-mirzakhani.jpg", + "id": "eucera-nigrescens", + "name": "Abeja Eucera nigrescens", + "shortDescription": "Abeja de arena negra", + "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", + "imageUrl": "URL_IMAGEN_EUCERA_NIGRESCENS", "facts": { - "yearOfBirth": "1977", - "yearOfDeath": "2017", - "birthPlace": "Teherán, Irán", - "mainField": "Matemáticas" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://chalkdustmagazine.com/features/mathematics-maryam-mirzakhani/" + "curiosidades": [ + "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", + "A menudo excavan nidos en el suelo y son solitarias." + ] } }, { - "id": "adele-goldberg", - "name": "Adele Goldberg", - "shortDescription": "Informática pionera, co-creadora del lenguaje de programación Smalltalk.", - "description": "Informática estadounidense reconocida por su influyente trabajo en la investigación y desarrollo de la programación orientada a objetos. Su contribución más destacada es la creación del lenguaje de programación Smalltalk, que revolucionó la forma en que se desarrollan software y sistemas informáticos. Goldberg ha sido una defensora incansable de la usabilidad y la accesibilidad en la informática, asegurando que las aplicaciones informáticas sean más amigables para los usuarios. Su trabajo ha allanado el camino para una programación más intuitiva y eficiente, y su legado perdura en la industria de la tecnología.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/adele-goldberg.jpg", + "id": "melipona-beecheii", + "name": "Abeja Melipona beecheii", + "shortDescription": "Abeja sin aguijón de la miel", + "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", + "imageUrl": "URL_IMAGEN_MELIPONA_BEECHEII", "facts": { - "yearOfBirth": "1945", - "birthPlace": "Chicago, Estados Unidos", - "mainField": "Ciencias de la Computación" + "promedioDeVida": "alrededor de 3 meses", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" }, "extraInfo": { - "imageSource": "https://pionerasinformaticas.ujaen.es/en/computer-women-pioneers/adele-goldberg-en" + "curiosidades": [ + "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", + "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones." + ] } }, { - "id": "barbara-liskov", - "name": "Barbara Liskov", - "shortDescription": "Científica de la computación, pionera en programación orientada a objetos.", - "description": "Pionera de la informática, es conocida por su trabajo en la programación y la arquitectura de sistemas distribuidos. Fue la primera mujer en obtener un doctorado en ciencias de la computación en el Instituto de Tecnología de Stanford y desarrolló el lenguaje de programación CLU, que estableció fundamentos para la programación orientada a objetos. Liskov ha dejado una marca indeleble en la industria de la tecnología al liderar avances en sistemas de almacenamiento y seguridad informática. Su enfoque en la fiabilidad y la robustez ha influido en el diseño de sistemas críticos en todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/barbara-liskov.jpg", - "facts": { - "yearOfBirth": "1939", - "birthPlace": "Los Angeles, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://medium.com/a-computer-of-ones-own/barbara-liskov-inventor-of-abstract-data-types-9f8908fdcf86" - } + "id": "ceratina-dallatorreana", + "name": "Abeja Ceratina dallatorreana", + "shortDescription": "Abeja cuerno negro", + "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", + "imageUrl": "URL_IMAGEN_CERATINA_DALLATORREANA", + "facts": { + "promedioDeVida": "aproximadamente 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", + "Son polinizadoras eficaces de diversas flores." + ] + } }, { - "id": "grace-hopper", - "name": "Grace Hopper", - "shortDescription": "Científica de la computación, creadora del primer compilador.", - "description": "Una de las pioneras de la informática, es famosa por su contribución al desarrollo del primer compilador y al lenguaje de programación COBOL. Además, desafió los estereotipos de género en la década de 1940 al unirse a la Marina de los Estados Unidos y convertirse en la primera programadora de la computadora Harvard Mark I. Su legado abarca la creación de conceptos cruciales como la \"depuración de software\" y su influencia en el desarrollo de la informática moderna, estableciendo estándares para la programación de alto nivel y la innovación tecnológica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/grace-hopper.jpg", + "id": "colletes-cunicularius", + "name": "Abeja Colletes cunicularius", + "shortDescription": "Abeja excavadora", + "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", + "imageUrl": "URL_IMAGEN_COLLETES_CUNICULARIUS", "facts": { - "yearOfBirth": "1906", - "yearOfDeath": "1992", - "birthPlace": "Nueva York, Estados Unidos", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://photos.com/featured/grace-hopper-with-early-computer-bettmann.html" + "curiosidades": [ + "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", + "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen." + ] } }, { - "id": "margaret-hamilton", - "name": "Margaret Hamilton", - "shortDescription": "Científica de la computación, lideró desarrollo de software para Apollo 11.", - "description": "Destacada científica de la computación que desempeñó un papel fundamental en el programa Apollo de la NASA. Fue directora de la División de Ingeniería de Software en el Laboratorio de Instrumentación del MIT, donde desarrolló el concepto de \"ingeniería de software\". Su liderazgo en el desarrollo del software de vuelo para las misiones Apollo fue fundamental para el éxito de la llegada del hombre a la Luna. Hamilton es un ejemplo de cómo la tecnología y la ciencia pueden alcanzar logros extraordinarios cuando se combinan con un enfoque innovador y una visión audaz.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/margaret-hamilton.jpg", - "facts": { - "yearOfBirth": "1936", - "birthPlace": "Paoli, Indiana, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://odetta.ai/blogs/margaret-hamilton-the-first-software-engineer" - } + "id": "hylaeus-hyalinatus", + "name": "Abeja Hylaeus hyalinatus", + "shortDescription": "Abeja de vidrio", + "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", + "imageUrl": "URL_IMAGEN_HYLAEUS_HYALINATUS", + "facts": { + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", + "Son polinizadoras de diversas flores y plantas silvestres." + ] + } }, { - "id": "radia-perlman", - "name": "Radia Perlman", - "shortDescription": "Ingeniera de redes, inventora del algoritmo Spanning Tree.", - "description": "Científica de la computación estadounidense, ha dejado una marca indeleble en el mundo de las redes informáticas y la seguridad. Conocida como \"la madre de Internet\", su invención del algoritmo Spanning Tree Protocol (STP) revolucionó la conectividad de redes y sentó las bases para la infraestructura de Internet moderna. A pesar de operar en un campo dominado por hombres, Perlman ha demostrado que las mujeres pueden liderar avances tecnológicos vitales. Su compromiso con la resiliencia de las redes y la ciberseguridad ha influido en la estabilidad y confiabilidad de la comunicación en línea.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/radia-perlman.jpg", - "facts": { - "yearOfBirth": "1951", - "birthPlace": "Portsmouth, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://hackaday.com/2018/05/29/spanning-the-tree-dr-radia-perlman-untangling-networks/" - } + "id": "lasioglossum-calceatum", + "name": "Abeja Lasioglossum calceatum", + "shortDescription": "Abeja peluda", + "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", + "imageUrl": "URL_IMAGEN_LASIOGLOSSUM_CALCEATUM", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", + "Anidan en el suelo y tienen una dieta de néctar y polen." + ] + } }, { - "id": "shafi-goldwasser", - "name": "Shafi Goldwasser", - "shortDescription": "Científica de la computación, ganadora del Premio Turing.", - "description": "Es una destacada criptógrafa y científica de la computación que ha contribuido significativamente a la teoría de la computación y la seguridad de la información. Su trabajo en criptografía de probabilidad y complejidad computacional ha sentado las bases para la seguridad en línea y la privacidad de datos en un mundo cada vez más digitalizado. Goldwasser es un ejemplo de cómo la ciencia de la computación puede abordar desafíos contemporáneos y proteger la información en la era de la información.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/shafi-goldwasser.jpg", + "id": "nomia-melanderi", + "name": "Abeja Nomia melanderi", + "shortDescription": "Abeja de tierra metálica", + "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", + "imageUrl": "URL_IMAGEN_NOMIA_MELANDERI", "facts": { - "yearOfBirth": "1958", - "birthPlace": "Nueva York, Estados Unidos", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.jahresbericht2019.unibe.ch/successes_2019/einstein_lectures/index_eng.html" + "curiosidades": [ + "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", + "Anidan en el suelo y recolectan néctar y polen de una variedad de flores." + ] } }, { - "id": "chien-shiung-wu", - "name": "Chien-Shiung Wu", - "shortDescription": "Física experimental, contribuyó a la física nuclear.", - "description": "Física experimental de origen chino, desafiando los prejuicios de género y nacionalidad, realizó experimentos fundamentales en física de partículas y contribuyó significativamente a la comprensión de la desintegración beta. Su famoso experimento \"Wu\" refutó la paridad en la física de partículas, lo que cambió la forma en que los científicos comprenden las fuerzas fundamentales de la naturaleza. Wu demostró que el talento y la perseverancia pueden superar cualquier barrera, y su legado sigue siendo un faro de inspiración para científicas en todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/chien-shiung-wu.jpg", - "facts": { - "yearOfBirth": "1912", - "yearOfDeath": "1997", - "birthPlace": "Liuhe, Taicang, China", - "mainField": "Física" - }, - "extraInfo": { - "imageSource": "https://www.thoughtco.com/chien-shiung-wu-biography-3530366" - } + "id": "andrena-wilkella", + "name": "Abeja Andrena wilkella", + "shortDescription": "Abeja minera", + "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", + "imageUrl": "URL_IMAGEN_ANDRENA_WILKELLA", + "facts": { + "promedioDeVida": "de 3 a 5 semanas", + "familia": "Andrenidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", + "Son polinizadoras de una variedad de flores silvestres y cultivos." + ] + } }, { - "id": "hedy-lamarr", - "name": "Hedy Lamarr", - "shortDescription": "Actriz e inventora, contribuyó al desarrollo de la tecnología de espectro ensanchado.", - "description": "Actriz austroamericana y científica, fue una mente brillante en la intersección de la tecnología y el entretenimiento. Junto con el compositor George Antheil, inventó un sistema de comunicación secreta durante la Segunda Guerra Mundial que sentó las bases para la tecnología de espectro ensanchado y la comunicación inalámbrica moderna. Lamarr demostró que las mujeres pueden destacar tanto en el cine como en la ciencia, y su legado como inventora ha sido fundamental para el desarrollo de la tecnología de comunicación inalámbrica que usamos en la actualidad.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/hedy-lamarr.jpg", + "id": "perdita-minima", + "name": "Abeja Perdita minima", + "shortDescription": "Abeja perdita", + "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", + "imageUrl": "URL_IMAGEN_PERDITA_MINIMA", "facts": { - "yearOfBirth": "1914", - "yearOfDeath": "2000", - "birthPlace": "Viena, Austria", - "mainField": "Actuación, Física" + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Andrenidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.sparkfun.com/news/6147" + "curiosidades": [ + "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", + "Son solitarias y anidan en el suelo." + ] } }, { - "id": "maria-goeppert-mayer", - "name": "Maria Goeppert Mayer", - "shortDescription": "Física teórica, ganadora del Premio Nobel de Física.", - "description": "Física teórica alemana-estadounidense, dejó una profunda huella en la física nuclear y la mecánica cuántica. Fue la segunda mujer en recibir el Premio Nobel de Física y su trabajo pionero en la estructura de capas nucleares revolucionó nuestra comprensión de los núcleos atómicos. A pesar de las barreras de género en la academia, su dedicación y talento la llevaron a contribuir significativamente a la teoría nuclear, abriendo el camino para futuras investigadoras en un campo dominado por hombres. Maria Goeppert Mayer es un ejemplo inspirador de excelencia científica y perseverancia en la búsqueda del conocimiento.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/maria-goeppert-mayer.jpg", + "id": "epeolus-variegatus", + "name": "Abeja Epeolus variegatus", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", + "imageUrl": "URL_IMAGEN_EPEOLUS_VARIEGATUS", "facts": { - "yearOfBirth": "1906", - "yearOfDeath": "1972", - "birthPlace": "Kattowitz, Alemania", - "mainField": "Física" + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.wsemexhibit.org/maria-goeppert-mayer.html" + "curiosidades": [ + "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] } }, { - "id": "lise-meitner", - "name": "Lise Meitner", - "shortDescription": "Física nuclear, contribuyó a la teoría de la fisión nuclear.", - "description": "Física austriaca-sueca, dejó un legado imborrable en la física nuclear y la radioquímica. A pesar de enfrentar obstáculos de género en una era dominada por hombres, colaboró con Otto Hahn en el descubrimiento de la fisión nuclear, un avance revolucionario. Aunque no compartió el Premio Nobel por este logro, su contribución fue crucial para comprender la energía nuclear y la física de partículas. Su determinación y pasión por la ciencia han inspirado a generaciones de científicas. Lise Meitner es un símbolo perdurable de la perseverancia femenina y el impacto duradero que las mujeres pueden tener en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/lise-meitner.jpg", + "id": "agapostemon-texanus", + "name": "Abeja Agapostemon texanus", + "shortDescription": "Abeja rayada verde", + "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", + "imageUrl": "URL_IMAGEN_AGARESTEMON_TEXANUS", "facts": { - "yearOfBirth": "1878", - "yearOfDeath": "1968", - "birthPlace": "Viena, Austria", - "mainField": "Física" + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/lise-meitner-in-nuclear-physics-lab-in-19502c-retro/651196e6bbcb4009950e9955c2199760" + "curiosidades": [ + "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", + "Son abejas sociales y forman colonias en el suelo." + ] } }, { - "id": "sau-lan-wu", - "name": "Sau Lan Wu", - "shortDescription": "Física de partículas, contribuyó a experimentos clave en física de alta energía.", - "description": "Física experimental sinoamericana, ha sido una fuerza motriz en la física de partículas. Destacó en experimentos en el CERN y lideró investigaciones cruciales, como el descubrimiento del quark c, que expandieron nuestro entendimiento de la estructura fundamental de la materia. Wu superó desafíos en una disciplina dominada por hombres y ha sido un faro de inspiración para científicas de todo el mundo. Sau Lan Wu es un ejemplo de excelencia científica y de cómo las mujeres pueden dejar huella en la investigación de vanguardia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/sau-lan-wu.jpg", + "id": "dialictus-zephyrus", + "name": "Abeja Dialictus zephyrus", + "shortDescription": "Abeja esmeralda", + "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", + "imageUrl": "URL_IMAGEN_DIALICTUS_ZEPHYRUS", "facts": { - "yearOfBirth": "1940", - "birthPlace": "Hong Kong, China", - "mainField": "Física de Partículas" + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://repository.aip.org/islandora/object/nbla%3A315195" + "curiosidades": [ + "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", + "Son abejas sociales y anidan en el suelo." + ] } }, { - "id": "jocelyn-bell-burnell", - "name": "Jocelyn Bell Burnell", - "shortDescription": "Astrónoma y astrofísica, co-descubridora de los púlsares.", - "description": "Astrofísica británica, es una figura extraordinaria en la ciencia. Durante su doctorado, hizo un descubrimiento revolucionario al detectar los primeros púlsares, estrellas de neutrones altamente magnetizadas que emiten pulsos regulares de radiación. A pesar de que su asesor recibió el Premio Nobel por este descubrimiento, Bell Burnell se ha convertido en un símbolo de perseverancia y contribución de las mujeres a la astronomía. Su carrera distinguida y su activismo en favor de la diversidad de género en la ciencia han inspirado a generaciones futuras de científicas. Jocelyn Bell Burnell es un ejemplo de valentía y excelencia científica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/jocelyn-bell-burnell.jpg", - "facts": { - "yearOfBirth": "1943", - "birthPlace": "Belfast, Reino Unido", - "mainField": "Astronomía, Astrofísica" - }, - "extraInfo": { - "imageSource": "https://womeninscienceweadmire.icfo.eu/wiswa-2/jocelyn-bell/" - } + "id": "megachile-sculpturalis", + "name": "Abeja Megachile sculpturalis", + "shortDescription": "Abeja cortadora de hojas gigante", + "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", + "imageUrl": "URL_IMAGEN_MEGACHILE_SCULPTURALIS", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", + "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas." + ] + } }, { - "id": "dorothy-crowfoot-hodgkin", - "name": "Dorothy Crowfoot Hodgkin", - "shortDescription": "Química, ganadora del Premio Nobel de Química.", - "description": "Química británica, es una figura icónica en la ciencia que superó las barreras de género de su época. Su trabajo revolucionario en la cristalografía de rayos X permitió determinar la estructura de importantes biomoléculas, como la penicilina, la vitamina B12 y la insulina. Fue galardonada con el Premio Nobel de Química en 1964, siendo la tercera mujer en recibir este prestigioso reconocimiento. Hodgkin no solo fue una científica excepcional, sino también una defensora de la igualdad de género en la ciencia, allanando el camino para futuras generaciones de científicas y dejando un legado duradero en la investigación y la equidad.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/dorothy-crowfoot-hodgkin.jpg", + "id": "nomada-fervida", + "name": "Abeja Nomada fervida", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", + "imageUrl": "URL_IMAGEN_NOMADA_FERVIDA", "facts": { - "yearOfBirth": "1910", - "yearOfDeath": "1994", - "birthPlace": "El Cairo, Egipto / Shipston-on-Stour, Reino Unido", - "mainField": "Química" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.some.ox.ac.uk/news/jan-royall-why-we-must-champion-dorothy-hodgkin-for-the-50-note/" + "curiosidades": [ + "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] } }, { - "id": "marie-curie", - "name": "Marie Curie", - "shortDescription": "Física y química, ganadora de dos Premios Nobel.", - "description": "física y química de origen polaco y nacionalizada francesa, es una de las figuras más icónicas en la historia de la ciencia. Ganadora de dos premios Nobel (Física en 1903 y Química en 1911), Curie realizó investigaciones fundamentales sobre la radiactividad y el descubrimiento de los elementos radio y polonio. Su dedicación y valentía en la investigación científica, a pesar de los desafíos de la discriminación de género y los riesgos de la radiación, la convierten en un modelo a seguir para científicas de todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marie-curie.jpg", + "id": "hylaeus-signatus", + "name": "Abeja Hylaeus signatus", + "shortDescription": "Abeja de cara amarilla", + "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", + "imageUrl": "URL_IMAGEN_HYLAEUS_SIGNATUS", "facts": { - "yearOfBirth": "1867", - "yearOfDeath": "1934", - "birthPlace": "Varsovia, Polonia", - "mainField": "Física y Química" + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.historyextra.com/period/first-world-war/life-of-the-week-marie-curie/" + "curiosidades": [ + "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", + "Anidan en cavidades preexistentes y son solitarias." + ] } }, { - "id": "marjory-stephenson", - "name": "Marjory Stephenson", - "shortDescription": "Microbióloga y bioquímica, investigó en enzimología.", - "description": "Bioquímica británica, brilló como científica en una época en la que las mujeres enfrentaban obstáculos muy significativos en la investigación científica. Su trabajo pionero en microbiología, enzimología y bioquímica contribuyó al entendimiento de procesos fundamentales en la vida. Fue una de las primeras mujeres en ser elegida miembro de la Royal Society, un reconocimiento a su destacada contribución a la ciencia. Además, fue una mentora y defensora de las mujeres en la ciencia, inspirando y allanando el camino para futuras generaciones.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marjory-stephenson.jpg", - "facts": { - "yearOfBirth": "1885", - "yearOfDeath": "1948", - "birthPlace": "Londres, Reino Unido", - "mainField": "Química, Microbiología, Bioquímica" - }, - "extraInfo": { - "imageSource": "https://microbiologysociety.org/grants-prizes/all-prizes-and-competitions-/prize-lectures/marjory-stephenson-prize-lecture/marjory-stephenson-a-short-history.html" + "id": "bombus-impatiens", + "name": "Abeja Bombus impatiens", + "shortDescription": "Abejorro impaciente", + "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", + "imageUrl": "URL_IMAGEN_BOMBUS_IMPATIENS", + "facts": { + "promedioDeVida": "de 12 a 16 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", + "Forman colonias con una reina y trabajadoras." + ] } }, { - "id": "rosalind-franklin", - "name": "Rosalind Franklin", - "shortDescription": "Química y cristalógrafa, contribuyó a la comprensión de la estructura del ADN.", - "description": "Química y cristalógrafa británica, destacó en un campo dominado por hombres y su contribución a la ciencia es innegable. Sus investigaciones pioneras en la cristalografía de rayos X fueron fundamentales para revelar la estructura del ADN en forma de doble hélice, un hito crucial en la biología molecular. A pesar de que su trabajo inicial fue subestimado, su determinación y habilidad científica allanaron el camino para futuros avances en genética y biología. Franklin es un ejemplo inspirador de cómo las mujeres pueden sobresalir en la ciencia, dejando un legado duradero en la investigación y la igualdad de género.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/rosalind-franklin.jpg", + "id": "osmia-lignaria", + "name": "Abeja Osmia lignaria", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "URL_IMAGEN_OSMIA_LIGNARIA", "facts": { - "yearOfBirth": "1920", - "yearOfDeath": "1958", - "birthPlace": "Londres, Reino Unido", - "mainField": "Química, Cristalografía" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.esa.int/ESA_Multimedia/Images/2020/07/Artistic_illustration_of_Rosalind_Franklin" + "curiosidades": [ + "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] } } ]; From 96586bfac500c326b5369891948a29e519a07d9c Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Wed, 11 Oct 2023 08:31:16 -0600 Subject: [PATCH 02/25] =?UTF-8?q?Agregu=C3=A9=20imagenes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/data/dataset.js | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 566dd0b3..96208317 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -4,7 +4,7 @@ export default [ "name": "Abeja Apis mellifera", "shortDescription": "Abeja melífera europea", "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", - "imageUrl": "URL_IMAGEN_APIS_MELLIFERA", + "imageUrl": "https://www.bing.com/images/create/apis-mellifera/6525d1d7302840e69e905d98bca9d794?id=4Pi8YrRVd7thTVzNMpbP0w%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 4 a 5 semanas en verano", "familia": "Apidae", @@ -23,7 +23,7 @@ export default [ "name": "Abeja Bombus terrestris", "shortDescription": "Abeja de tierra", "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", - "imageUrl": "URL_IMAGEN_BOMBUS_TERRESTRIS", + "imageUrl": "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", "facts": { "promedioDeVida": "de 12 a 14 semanas", "familia": "Apidae", @@ -41,7 +41,7 @@ export default [ "name": "Abeja Xylocopa violacea", "shortDescription": "Abeja carpintera violeta", "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", - "imageUrl": "URL_IMAGEN_XYLOCOPA_VIOLECEA", + "imageUrl": "https://www.bing.com/images/create/https3a2f2fwwwbiodiversidadvirtualorg2finsectarium2fd/65260e75f64442d083ef86ace6f77f73?id=ezRDqtp%2fvpLncE3LsqVMgw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 1 a 2 meses", "familia": "Apidae", @@ -59,7 +59,7 @@ export default [ "name": "Abeja Halictus ligatus", "shortDescription": "Abeja sudorera verde", "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", - "imageUrl": "URL_IMAGEN_HALICTUS_LIGATUS", + "imageUrl": "https://www.bing.com/images/create/halictus-ligatus/6525e3c1dcb84573a347654f85330501?id=571Sy%2fJpyUvvgGanMENZ9g%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 2 a 6 semanas", "familia": "Halictidae", @@ -77,7 +77,7 @@ export default [ "name": "Abeja Megachile rotundata", "shortDescription": "Abeja cortadora de hojas", "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", - "imageUrl": "URL_IMAGEN_MEGACHILE_ROTUNDATA", + "imageUrl": "https://www.bing.com/images/create/megachile-rotundata/6525e436ba3d412ab8cf816251e5c6b1?id=zdVIzngjfSDDgBLhScmZEw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 6 a 8 semanas", "familia": "Megachilidae", @@ -95,7 +95,7 @@ export default [ "name": "Abeja Osmia bicornis", "shortDescription": "Abeja albañil azul", "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "URL_IMAGEN_OSMIA_BICORNIS", + "imageUrl": "https://www.bing.com/images/create/osmia-bicornis/6525e48a6b9749faa2eeae29f749146a?id=OA3HCY%2burtmplMVrctNIyg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -113,7 +113,7 @@ export default [ "name": "Abeja Anthidium manicatum", "shortDescription": "Abeja cardera", "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", - "imageUrl": "URL_IMAGEN_ANTHIDIUM_MANICATUM", + "imageUrl": "https://www.bing.com/images/create/anthidium-manicatum/6526112409a9477194e19dccd2fac1d3?id=k0hRP5epS0F0VCiMP112uA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -131,7 +131,7 @@ export default [ "name": "Abeja Eucera nigrescens", "shortDescription": "Abeja de arena negra", "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", - "imageUrl": "URL_IMAGEN_EUCERA_NIGRESCENS", + "imageUrl": "https://www.bing.com/images/create/eucera-nigrescens/65261389912141b8b952121b7aea2270?id=hen0K9xiOYTNhQpSR3Zetw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Apidae", @@ -149,7 +149,7 @@ export default [ "name": "Abeja Melipona beecheii", "shortDescription": "Abeja sin aguijón de la miel", "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", - "imageUrl": "URL_IMAGEN_MELIPONA_BEECHEII", + "imageUrl": "https://www.bing.com/images/create/melipona-beecheii/65261449118248bc961572b75eb110c7?id=QF8Ry14M3Js7g%2b9sYC5aCQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 3 meses", "familia": "Apidae", @@ -167,7 +167,7 @@ export default [ "name": "Abeja Ceratina dallatorreana", "shortDescription": "Abeja cuerno negro", "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", - "imageUrl": "URL_IMAGEN_CERATINA_DALLATORREANA", + "imageUrl": "https://www.bing.com/images/create/ceratina-dallatorreana/652614e982e440ed8d951092b7069c17?id=J48yav38AeA7LnmgQVtoeg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "aproximadamente 4 semanas", "familia": "Apidae", @@ -185,7 +185,7 @@ export default [ "name": "Abeja Colletes cunicularius", "shortDescription": "Abeja excavadora", "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", - "imageUrl": "URL_IMAGEN_COLLETES_CUNICULARIUS", + "imageUrl": "https://www.bing.com/images/create/colletes-cunicularius/65261598351c4facb6d4cd9f9ee55550?id=0z31vU30eF2b8fF9zZzwlw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Colletidae", @@ -203,7 +203,7 @@ export default [ "name": "Abeja Hylaeus hyalinatus", "shortDescription": "Abeja de vidrio", "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", - "imageUrl": "URL_IMAGEN_HYLAEUS_HYALINATUS", + "imageUrl": "https://www.bing.com/images/create/hylaeus-hyalinatus/6526160e6b8e4edc9520e21ca6000ac7?id=jfRBMKu4tiGqBBKojEaR1g%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 2 a 4 semanas", "familia": "Colletidae", @@ -221,7 +221,7 @@ export default [ "name": "Abeja Lasioglossum calceatum", "shortDescription": "Abeja peluda", "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", - "imageUrl": "URL_IMAGEN_LASIOGLOSSUM_CALCEATUM", + "imageUrl": "https://www.bing.com/images/create/lasioglossum-calceatum/65261673ab564a69a4c8728246db6d76?id=Dtn5aT0RC7MSVrlwlyLTgg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Halictidae", @@ -239,7 +239,7 @@ export default [ "name": "Abeja Nomia melanderi", "shortDescription": "Abeja de tierra metálica", "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", - "imageUrl": "URL_IMAGEN_NOMIA_MELANDERI", + "imageUrl": "https://www.bing.com/images/create/22abeja-nomia-melanderi222c/652616e1972e4b5c9450f6e6b4ef30f9?id=FPIIJUJfJwHyX48YwDNdpA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Halictidae", @@ -257,7 +257,7 @@ export default [ "name": "Abeja Andrena wilkella", "shortDescription": "Abeja minera", "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", - "imageUrl": "URL_IMAGEN_ANDRENA_WILKELLA", + "imageUrl": "https://www.bing.com/images/create/abeja-andrena-wilkella/652618ed3ee441568630558c34a5ca39?id=g1OQM%2fQMBNtrJCxHCzZxmA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 3 a 5 semanas", "familia": "Andrenidae", @@ -275,7 +275,7 @@ export default [ "name": "Abeja Perdita minima", "shortDescription": "Abeja perdita", "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", - "imageUrl": "URL_IMAGEN_PERDITA_MINIMA", + "imageUrl": "https://www.bing.com/images/create/https3a2f2fmediaistockphotocom2fid2f11734903382fes2ffot/65261b9735074751b879ff00ab4fc10e?id=PXuxNPjm5kwPYpieA7DHYQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 3 semanas", "familia": "Andrenidae", @@ -293,7 +293,7 @@ export default [ "name": "Abeja Epeolus variegatus", "shortDescription": "Abeja cleptoparásita", "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", - "imageUrl": "URL_IMAGEN_EPEOLUS_VARIEGATUS", + "imageUrl": "https://www.bing.com/images/create/https3a2f2fbwarscom2fsites2fdefault2ffiles2fspeciesimag/65261ce9007c458fb4314fb2ad7a4ae5?id=fnQ03Eh0Cx4JBXk4dwK5EQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 3 semanas", "familia": "Apidae", @@ -311,7 +311,7 @@ export default [ "name": "Abeja Agapostemon texanus", "shortDescription": "Abeja rayada verde", "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", - "imageUrl": "URL_IMAGEN_AGARESTEMON_TEXANUS", + "imageUrl": "https://www.bing.com/images/create/agapostemon-texanus/65261dc9cfc34b9dbc513c0836a4fdde?id=SsahTZ%2brKUPikBQdxKFt6w%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 3 a 4 semanas", "familia": "Halictidae", @@ -329,7 +329,7 @@ export default [ "name": "Abeja Dialictus zephyrus", "shortDescription": "Abeja esmeralda", "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", - "imageUrl": "URL_IMAGEN_DIALICTUS_ZEPHYRUS", + "imageUrl": "https://www.bing.com/images/create/dialictus-zephyrus/65261e34164540c1abb552a335faec0a?id=b3B1d28pI06U9F0ab7DOaw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 3 a 4 semanas", "familia": "Halictidae", @@ -347,7 +347,7 @@ export default [ "name": "Abeja Megachile sculpturalis", "shortDescription": "Abeja cortadora de hojas gigante", "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", - "imageUrl": "URL_IMAGEN_MEGACHILE_SCULPTURALIS", + "imageUrl": "https://www.bing.com/images/create/megachile-sculpturalis/65262365c97c40c7b1fa0dde773ccd6a?id=NN8XPLV6t7wxbPrNwFZsBg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -365,7 +365,7 @@ export default [ "name": "Abeja Nomada fervida", "shortDescription": "Abeja cleptoparásita", "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", - "imageUrl": "URL_IMAGEN_NOMADA_FERVIDA", + "imageUrl": "https://www.bing.com/images/create/abeja-nomada-fervida/6526a9aa00d24762aa225233d4fff8c1?id=7W8zz7ZqnnyUiKxnhYDosg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Apidae", From 5ae9b82509996a74e49db49d3835ac738f325cd4 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Fri, 13 Oct 2023 17:37:50 -0500 Subject: [PATCH 03/25] Se agregaran los cambios html,css, view --- src/index.html | 34 +++++++++++++++++++++++- src/style.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++ src/view.js | 45 ++++++++++++++++++++++++++++--- 3 files changed, 147 insertions(+), 4 deletions(-) diff --git a/src/index.html b/src/index.html index a10bc064..70909595 100644 --- a/src/index.html +++ b/src/index.html @@ -2,10 +2,42 @@ - Data Lovers + Data Lovers|Abejas +

Abejas

+
+

En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

+ + + + + + + + + + +
+ +
+ +
+ +
+

Sara Arvizu y Sara Saldarriaga

+
+ diff --git a/src/style.css b/src/style.css index e69de29b..a2dc4961 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,72 @@ + + +header{ + margin-left: 50px; + text-align: lef; + font-size: 100px; +} + +header h1 { + margin: 0; + font-size: 100px; + color: rgb(226, 165, 8); +} + + + + +h2{ + text-align: left; + margin-left: 50px; + font-size: 20px; +} + + + +img{ + width: 300px; + height: 300px; + display: block; + margin:0 auto; +} + + +aside{ + + padding-left: 15px; + margin-right: 15px; + font-style: Arial; + display: block; + +} + + +#root{ + display: flex; + flex-direction: row; + width: 100%; + height: 100%; + flex-wrap: wrap; + +} + +li{ + border-radius: 10px 5px 10px; + border: 1px solid rgb(226, 165, 8); + list-style: none; + margin-top: 10px; + margin-left: 10px; + width: 20%; + float: left; + height: 14%; + padding: 5px; + justify-content: center; + align-items: center; + +} + +footer{ + float: right; + + +} \ No newline at end of file diff --git a/src/view.js b/src/view.js index 0da7b7fa..013a6148 100644 --- a/src/view.js +++ b/src/view.js @@ -1,6 +1,45 @@ export const renderItems = (data) => { - console.log(data) + // eslint-disable-next-line no-console + console.log(data); // Aquí comienza tu código y puedes retornar lo que tu necesites - return 'example'; -}; + function createAbejaList(data) { + const rootElement = document.getElementById("root"); // Obtener el elemento con id "root" + const ul = document.createElement("ul"); + + for (let i = 0; i < data.length; i++) { + const abeja = data[i]; + const li = document.createElement("li"); + li.innerHTML = ` +
+ ${abeja.id} +
Nombre:
+
${abeja.name}
+
Corta descripción:
+
${abeja.shortDescription}
+
Descripción:
+
${abeja.description}
+
+ `; + + //este código comprueba si existe información adicional sobre una abeja (como su familia y promedio de vida) en el objeto abeja, y si es así, la muestra en forma de una lista descriptiva en la página. + const facts = abeja.facts; + if (facts) { + li.innerHTML += ` +
+
Familia:
+
${facts.familia}
+
Promedio de vida:
+
${facts.promedioDeVida}
+
+ `; + } + + ul.appendChild(li); + } + + rootElement.appendChild(ul); // Agregar la lista
    al elemento con id "root" + } + + createAbejaList(data); // Llama a la función para crear la lista y agregarla +}; From d031588967d203b9554a0a097aa295eb3f110166 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Tue, 17 Oct 2023 12:19:16 -0500 Subject: [PATCH 04/25] agregue url imagen --- src/data/dataset.js | 4 ++-- src/style.css | 8 ++++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 96208317..c222d6f3 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -4,7 +4,7 @@ export default [ "name": "Abeja Apis mellifera", "shortDescription": "Abeja melífera europea", "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", - "imageUrl": "https://www.bing.com/images/create/apis-mellifera/6525d1d7302840e69e905d98bca9d794?id=4Pi8YrRVd7thTVzNMpbP0w%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl":"https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 5 semanas en verano", "familia": "Apidae", @@ -59,7 +59,7 @@ export default [ "name": "Abeja Halictus ligatus", "shortDescription": "Abeja sudorera verde", "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", - "imageUrl": "https://www.bing.com/images/create/halictus-ligatus/6525e3c1dcb84573a347654f85330501?id=571Sy%2fJpyUvvgGanMENZ9g%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", "facts": { "promedioDeVida": "de 2 a 6 semanas", "familia": "Halictidae", diff --git a/src/style.css b/src/style.css index a2dc4961..ce607770 100644 --- a/src/style.css +++ b/src/style.css @@ -66,7 +66,11 @@ li{ } footer{ - float: right; + background-color:rgb(226, 165, 8) ; + list-style: none; +} +footer p{ + font-size: 20px; +} -} \ No newline at end of file From f6dce591a79b64712581cb8457d709226fdc9bc5 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Wed, 18 Oct 2023 09:35:29 -0500 Subject: [PATCH 05/25] Modifique el view y estyle --- src/data/dataset.js | 42 ++++++++++++++++++++-------------------- src/index.html | 1 + src/style.css | 47 ++++++++++++++++++++++++++++++++++++--------- src/view.js | 21 ++++++++++++++++++++ 4 files changed, 81 insertions(+), 30 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index c222d6f3..cf8e4eef 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -41,7 +41,7 @@ export default [ "name": "Abeja Xylocopa violacea", "shortDescription": "Abeja carpintera violeta", "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", - "imageUrl": "https://www.bing.com/images/create/https3a2f2fwwwbiodiversidadvirtualorg2finsectarium2fd/65260e75f64442d083ef86ace6f77f73?id=ezRDqtp%2fvpLncE3LsqVMgw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", "facts": { "promedioDeVida": "de 1 a 2 meses", "familia": "Apidae", @@ -77,7 +77,7 @@ export default [ "name": "Abeja Megachile rotundata", "shortDescription": "Abeja cortadora de hojas", "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", - "imageUrl": "https://www.bing.com/images/create/megachile-rotundata/6525e436ba3d412ab8cf816251e5c6b1?id=zdVIzngjfSDDgBLhScmZEw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl":"https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", "facts": { "promedioDeVida": "de 6 a 8 semanas", "familia": "Megachilidae", @@ -95,7 +95,7 @@ export default [ "name": "Abeja Osmia bicornis", "shortDescription": "Abeja albañil azul", "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "https://www.bing.com/images/create/osmia-bicornis/6525e48a6b9749faa2eeae29f749146a?id=OA3HCY%2burtmplMVrctNIyg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -113,7 +113,7 @@ export default [ "name": "Abeja Anthidium manicatum", "shortDescription": "Abeja cardera", "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", - "imageUrl": "https://www.bing.com/images/create/anthidium-manicatum/6526112409a9477194e19dccd2fac1d3?id=k0hRP5epS0F0VCiMP112uA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -131,7 +131,7 @@ export default [ "name": "Abeja Eucera nigrescens", "shortDescription": "Abeja de arena negra", "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", - "imageUrl": "https://www.bing.com/images/create/eucera-nigrescens/65261389912141b8b952121b7aea2270?id=hen0K9xiOYTNhQpSR3Zetw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Apidae", @@ -149,7 +149,7 @@ export default [ "name": "Abeja Melipona beecheii", "shortDescription": "Abeja sin aguijón de la miel", "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", - "imageUrl": "https://www.bing.com/images/create/melipona-beecheii/65261449118248bc961572b75eb110c7?id=QF8Ry14M3Js7g%2b9sYC5aCQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 3 meses", "familia": "Apidae", @@ -167,7 +167,7 @@ export default [ "name": "Abeja Ceratina dallatorreana", "shortDescription": "Abeja cuerno negro", "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", - "imageUrl": "https://www.bing.com/images/create/ceratina-dallatorreana/652614e982e440ed8d951092b7069c17?id=J48yav38AeA7LnmgQVtoeg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", "facts": { "promedioDeVida": "aproximadamente 4 semanas", "familia": "Apidae", @@ -185,7 +185,7 @@ export default [ "name": "Abeja Colletes cunicularius", "shortDescription": "Abeja excavadora", "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", - "imageUrl": "https://www.bing.com/images/create/colletes-cunicularius/65261598351c4facb6d4cd9f9ee55550?id=0z31vU30eF2b8fF9zZzwlw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Colletidae", @@ -203,7 +203,7 @@ export default [ "name": "Abeja Hylaeus hyalinatus", "shortDescription": "Abeja de vidrio", "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", - "imageUrl": "https://www.bing.com/images/create/hylaeus-hyalinatus/6526160e6b8e4edc9520e21ca6000ac7?id=jfRBMKu4tiGqBBKojEaR1g%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", "facts": { "promedioDeVida": "de 2 a 4 semanas", "familia": "Colletidae", @@ -221,7 +221,7 @@ export default [ "name": "Abeja Lasioglossum calceatum", "shortDescription": "Abeja peluda", "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", - "imageUrl": "https://www.bing.com/images/create/lasioglossum-calceatum/65261673ab564a69a4c8728246db6d76?id=Dtn5aT0RC7MSVrlwlyLTgg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Halictidae", @@ -239,7 +239,7 @@ export default [ "name": "Abeja Nomia melanderi", "shortDescription": "Abeja de tierra metálica", "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", - "imageUrl": "https://www.bing.com/images/create/22abeja-nomia-melanderi222c/652616e1972e4b5c9450f6e6b4ef30f9?id=FPIIJUJfJwHyX48YwDNdpA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Halictidae", @@ -257,7 +257,7 @@ export default [ "name": "Abeja Andrena wilkella", "shortDescription": "Abeja minera", "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", - "imageUrl": "https://www.bing.com/images/create/abeja-andrena-wilkella/652618ed3ee441568630558c34a5ca39?id=g1OQM%2fQMBNtrJCxHCzZxmA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", "facts": { "promedioDeVida": "de 3 a 5 semanas", "familia": "Andrenidae", @@ -275,7 +275,7 @@ export default [ "name": "Abeja Perdita minima", "shortDescription": "Abeja perdita", "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", - "imageUrl": "https://www.bing.com/images/create/https3a2f2fmediaistockphotocom2fid2f11734903382fes2ffot/65261b9735074751b879ff00ab4fc10e?id=PXuxNPjm5kwPYpieA7DHYQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 3 semanas", "familia": "Andrenidae", @@ -293,7 +293,7 @@ export default [ "name": "Abeja Epeolus variegatus", "shortDescription": "Abeja cleptoparásita", "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", - "imageUrl": "https://www.bing.com/images/create/https3a2f2fbwarscom2fsites2fdefault2ffiles2fspeciesimag/65261ce9007c458fb4314fb2ad7a4ae5?id=fnQ03Eh0Cx4JBXk4dwK5EQ%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 3 semanas", "familia": "Apidae", @@ -311,7 +311,7 @@ export default [ "name": "Abeja Agapostemon texanus", "shortDescription": "Abeja rayada verde", "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", - "imageUrl": "https://www.bing.com/images/create/agapostemon-texanus/65261dc9cfc34b9dbc513c0836a4fdde?id=SsahTZ%2brKUPikBQdxKFt6w%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", "facts": { "promedioDeVida": "de 3 a 4 semanas", "familia": "Halictidae", @@ -329,7 +329,7 @@ export default [ "name": "Abeja Dialictus zephyrus", "shortDescription": "Abeja esmeralda", "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", - "imageUrl": "https://www.bing.com/images/create/dialictus-zephyrus/65261e34164540c1abb552a335faec0a?id=b3B1d28pI06U9F0ab7DOaw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", "facts": { "promedioDeVida": "de 3 a 4 semanas", "familia": "Halictidae", @@ -347,7 +347,7 @@ export default [ "name": "Abeja Megachile sculpturalis", "shortDescription": "Abeja cortadora de hojas gigante", "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", - "imageUrl": "https://www.bing.com/images/create/megachile-sculpturalis/65262365c97c40c7b1fa0dde773ccd6a?id=NN8XPLV6t7wxbPrNwFZsBg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", @@ -365,7 +365,7 @@ export default [ "name": "Abeja Nomada fervida", "shortDescription": "Abeja cleptoparásita", "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", - "imageUrl": "https://www.bing.com/images/create/abeja-nomada-fervida/6526a9aa00d24762aa225233d4fff8c1?id=7W8zz7ZqnnyUiKxnhYDosg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP&mode=overlay", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", "facts": { "promedioDeVida": "alrededor de 4 semanas", "familia": "Apidae", @@ -383,7 +383,7 @@ export default [ "name": "Abeja Hylaeus signatus", "shortDescription": "Abeja de cara amarilla", "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", - "imageUrl": "URL_IMAGEN_HYLAEUS_SIGNATUS", + "imageUrl": "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", "facts": { "promedioDeVida": "de 2 a 4 semanas", "familia": "Colletidae", @@ -401,7 +401,7 @@ export default [ "name": "Abeja Bombus impatiens", "shortDescription": "Abejorro impaciente", "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", - "imageUrl": "URL_IMAGEN_BOMBUS_IMPATIENS", + "imageUrl": "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", "facts": { "promedioDeVida": "de 12 a 16 semanas", "familia": "Apidae", @@ -419,7 +419,7 @@ export default [ "name": "Abeja Osmia lignaria", "shortDescription": "Abeja albañil azul", "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "URL_IMAGEN_OSMIA_LIGNARIA", + "imageUrl": "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", "facts": { "promedioDeVida": "de 4 a 6 semanas", "familia": "Megachilidae", diff --git a/src/index.html b/src/index.html index 70909595..062b3280 100644 --- a/src/index.html +++ b/src/index.html @@ -2,6 +2,7 @@ + Data Lovers|Abejas diff --git a/src/style.css b/src/style.css index ce607770..be06bd56 100644 --- a/src/style.css +++ b/src/style.css @@ -18,18 +18,11 @@ header h1 { h2{ text-align: left; margin-left: 50px; - font-size: 20px; + font-size: 40px; } -img{ - width: 300px; - height: 300px; - display: block; - margin:0 auto; -} - aside{ @@ -40,6 +33,34 @@ aside{ } +label{ + margin-left: 50px; + font-size: 30px; +} + +/* Estilo para los elementos 'select' */ +select { + padding: 5px; + font-size: 16px; + border: 1px solid #ccc; + border-radius: 4px; + width: 200px; + margin-right: 10px; + } + + /* Estilo para el botón */ + button { + padding: 5px 10px; + font-size: 16px; + background-color: #eebc0a; + color: #fff; + border: none; + border-radius: 4px; + cursor: pointer; + } + + + #root{ display: flex; @@ -65,9 +86,17 @@ li{ } + +img{ + width: 300px; + height: 300px; + display: block; + margin:0 auto; +} + footer{ background-color:rgb(226, 165, 8) ; - list-style: none; + padding: 50px; } footer p{ diff --git a/src/view.js b/src/view.js index 013a6148..80d67814 100644 --- a/src/view.js +++ b/src/view.js @@ -19,10 +19,12 @@ export const renderItems = (data) => {
    ${abeja.shortDescription}
    Descripción:
    ${abeja.description}
    + `; //este código comprueba si existe información adicional sobre una abeja (como su familia y promedio de vida) en el objeto abeja, y si es así, la muestra en forma de una lista descriptiva en la página. + const facts = abeja.facts; if (facts) { li.innerHTML += ` @@ -31,10 +33,29 @@ export const renderItems = (data) => {
    ${facts.familia}
    Promedio de vida:
    ${facts.promedioDeVida}
    +
    productor De Miel:
    +
    ${facts.productorDeMiel}
    `; } + const curiosidades = abeja.extraInfo.curiosidades; + if (curiosidades && curiosidades.length > 0) { + let curiosidadesHTML = ""; + for (let j = 0; j < curiosidades.length; j++) { + curiosidadesHTML += curiosidades[j]; + if (j < curiosidades.length - 1) { + curiosidadesHTML += "
    "; + } + } + li.innerHTML += ` +
    Curiosidades:
    +
    + ${curiosidadesHTML} +
    + `; + } + ul.appendChild(li); } From c103e502c8826b0e499140cecdc4f02ad2057945 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Wed, 18 Oct 2023 17:35:25 -0500 Subject: [PATCH 06/25] se agrego cambio al css --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index be06bd56..0784d6d4 100644 --- a/src/style.css +++ b/src/style.css @@ -8,7 +8,7 @@ header{ header h1 { margin: 0; - font-size: 100px; + font-size: 99px; color: rgb(226, 165, 8); } From ea9148a0f05965fa6b06ab63620c048d8876706a Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Wed, 18 Oct 2023 18:21:54 -0500 Subject: [PATCH 07/25] cambios en el css --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index 0784d6d4..be06bd56 100644 --- a/src/style.css +++ b/src/style.css @@ -8,7 +8,7 @@ header{ header h1 { margin: 0; - font-size: 99px; + font-size: 100px; color: rgb(226, 165, 8); } From 447b01cad761f7c0ddf42e50dff500bd8b3d1844 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Thu, 19 Oct 2023 05:56:40 -0500 Subject: [PATCH 08/25] cambios en el main.js --- src/main.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main.js b/src/main.js index cab4fb0c..ebd9e6f2 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,7 @@ +/* eslint-disable no-console */ import { example } from './dataFunctions.js'; import { renderItems } from './view.js'; import data from './data/dataset.js'; -console.log(example, renderItems(data), data); +console.log (example, renderItems(data), data); \ No newline at end of file From 13be207f6b7f724f9945dedae8975240cff7bef3 Mon Sep 17 00:00:00 2001 From: Sara Saldarriaga Date: Thu, 19 Oct 2023 06:39:35 -0500 Subject: [PATCH 09/25] cambios en el main.js --- src/main.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main.js b/src/main.js index ebd9e6f2..bd940920 100644 --- a/src/main.js +++ b/src/main.js @@ -4,4 +4,5 @@ import { renderItems } from './view.js'; import data from './data/dataset.js'; -console.log (example, renderItems(data), data); \ No newline at end of file +console.log (example, renderItems(data), data); + From a4eb977057a31aca2afddf9283435ee87faaf05e Mon Sep 17 00:00:00 2001 From: Sara Adela Saldarriaga Romero Date: Wed, 1 Nov 2023 09:12:50 -0500 Subject: [PATCH 10/25] css responsive --- package-lock.json | 39 ++-- package.json | 4 +- src/dataFunctions.js | 39 +++- src/index.html | 61 +++--- src/main.js | 32 +++- src/style.css | 241 +++++++++++++++++------- src/view.js | 79 +++----- test/data.js | 436 ++++++++++++++++++++++++++++++++++++++++++- 8 files changed, 738 insertions(+), 193 deletions(-) diff --git a/package-lock.json b/package-lock.json index 7477f83a..c06e4999 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,7 +15,7 @@ "acorn": "^8.8.2", "babel-jest": "^27.0.1", "css": "^3.0.0", - "eslint": "^8.3.0", + "eslint": "^8.52.0", "gh-pages": "^3.1.0", "htmlhint": "^1.0.0", "jest": "^27.0.1", @@ -624,21 +624,21 @@ } }, "node_modules/@eslint/js": { - "version": "8.50.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.50.0.tgz", - "integrity": "sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==", + "version": "8.52.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.52.0.tgz", + "integrity": "sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==", "dev": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, "node_modules/@humanwhocodes/config-array": { - "version": "0.11.11", - "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz", - "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==", + "version": "0.11.13", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz", + "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==", "dev": true, "dependencies": { - "@humanwhocodes/object-schema": "^1.2.1", + "@humanwhocodes/object-schema": "^2.0.1", "debug": "^4.1.1", "minimatch": "^3.0.5" }, @@ -660,9 +660,9 @@ } }, "node_modules/@humanwhocodes/object-schema": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", - "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz", + "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==", "dev": true }, "node_modules/@istanbuljs/load-nyc-config": { @@ -1512,6 +1512,12 @@ "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==", "dev": true }, + "node_modules/@ungap/structured-clone": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "dev": true + }, "node_modules/@zeit/schemas": { "version": "2.29.0", "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.29.0.tgz", @@ -2753,18 +2759,19 @@ } }, "node_modules/eslint": { - "version": "8.50.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.50.0.tgz", - "integrity": "sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==", + "version": "8.52.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.52.0.tgz", + "integrity": "sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg==", "dev": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", "@eslint/eslintrc": "^2.1.2", - "@eslint/js": "8.50.0", - "@humanwhocodes/config-array": "^0.11.11", + "@eslint/js": "8.52.0", + "@humanwhocodes/config-array": "^0.11.13", "@humanwhocodes/module-importer": "^1.0.1", "@nodelib/fs.walk": "^1.2.8", + "@ungap/structured-clone": "^1.2.0", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.2", diff --git a/package.json b/package.json index 8175cf12..84c92932 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "acorn": "^8.8.2", "babel-jest": "^27.0.1", "css": "^3.0.0", - "eslint": "^8.3.0", + "eslint": "^8.52.0", "gh-pages": "^3.1.0", "htmlhint": "^1.0.0", "jest": "^27.0.1", @@ -49,4 +49,4 @@ "jest": { "testEnvironment": "jsdom" } -} \ No newline at end of file +} diff --git a/src/dataFunctions.js b/src/dataFunctions.js index 5de554af..b267b61f 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -1,9 +1,30 @@ -// Estas funciones son ejemplos, aquí puedes desarrollar tus propias funciones. - -export const example = () => { - return 'example'; -}; - -export const anotherExample = () => { - return []; -}; +export function filterData(data, filterBy, value) { + if (filterBy === "familia") { + return data.filter((bee) => bee.facts && bee.facts.familia === value); + } + return data.filter((bee) => bee[filterBy] === value); +} +export function sortData(data, sortBy, sortOrder) { + return data.slice().sort((a, b) => { + if (sortBy === "name") { + if (sortOrder === "asc") { + return a.name.localeCompare(b.name); + } else if (sortOrder === "desc") { + return b.name.localeCompare(a.name); + } + } + return 0; + }); +} +export function computeStats(data) { + const totalItems = data.length; + const totalDescriptionLength = data.reduce( + (sum, bee) => sum + bee.description.length, + 0 + ); + const avgDescriptionLength = totalDescriptionLength / totalItems; + return { + totalItems, + avgDescriptionLength, + }; +} diff --git a/src/index.html b/src/index.html index 062b3280..853f930e 100644 --- a/src/index.html +++ b/src/index.html @@ -2,43 +2,40 @@ - - Data Lovers|Abejas + + Data Lovers | Abejas -

    Abejas

    -
    +
    +

    Abejas

    +
    +

    En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

    - - - - - - - - - - -
    - -
    - -
    - + + + + + +
    +
      +
    • +
    + +
    +
    -

    Sara Arvizu y Sara Saldarriaga

    +

    Sara Arvizu y Sara Saldarriaga

    - - + \ No newline at end of file diff --git a/src/main.js b/src/main.js index bd940920..ec9430d2 100644 --- a/src/main.js +++ b/src/main.js @@ -1,8 +1,24 @@ -/* eslint-disable no-console */ -import { example } from './dataFunctions.js'; -import { renderItems } from './view.js'; - -import data from './data/dataset.js'; - -console.log (example, renderItems(data), data); - +import { filterData, sortData, computeStats } from "./dataFunctions.js"; +import data from "./data/dataset.js"; +import { renderItems } from "./view.js"; +const familySelect = document.querySelector('[name="familia"]'); +const sortSelect = document.querySelector('[name="orden"]'); +const rootElement = document.getElementById("root"); +rootElement.appendChild(renderItems(data)); +const filterAndRenderData = () => { + const selectedFamily = familySelect.value; + const selectedSortOrder = sortSelect.value; + let filteredData = data.slice(); // Clone the original data array + if (selectedFamily !== "all") { + filteredData = filterData(filteredData, "familia", selectedFamily); + } + filteredData = sortData(filteredData, "name", selectedSortOrder); + rootElement.innerHTML = ""; + rootElement.appendChild(renderItems(filteredData)); +}; +familySelect.addEventListener("change", filterAndRenderData); +sortSelect.addEventListener("change", filterAndRenderData); +filterAndRenderData(); // Para que muestre los datos al cargar la página +// Calcular estadisticas +const stats = computeStats(data); +console.log("Estadísticas:", stats); diff --git a/src/style.css b/src/style.css index be06bd56..a40f7861 100644 --- a/src/style.css +++ b/src/style.css @@ -1,47 +1,49 @@ - - -header{ +* Estilos para el encabezado */ +header { margin-left: 50px; - text-align: lef; - font-size: 100px; -} - -header h1 { + text-align: left; + font-size: 40px; + } + + header h1 { margin: 0; - font-size: 100px; + font-size: 60px; color: rgb(226, 165, 8); -} - - - - -h2{ + } + + /* Estilos para subtítulos */ + h2 { text-align: left; margin-left: 50px; font-size: 40px; -} - - - - -aside{ - + } + + /* Estilos para imágenes */ + img { + width: 80%; /* Todas las imágenes tendrán el mismo ancho del 100% del contenedor */ + height: auto; /* La altura se ajustará automáticamente */ + display: block; + margin: 0 auto; + } + + /* Estilos para el aside */ + aside { padding-left: 15px; margin-right: 15px; - font-style: Arial; + font-family: Arial, sans-serif; /* Corregir la propiedad a 'font-family' */ display: block; - -} - -label{ + } + + /* Estilos para etiquetas */ + label { margin-left: 50px; font-size: 30px; -} - -/* Estilo para los elementos 'select' */ -select { + } + + /* Estilo para los elementos 'select' */ + select { padding: 5px; - font-size: 16px; + font-size: 20px; border: 1px solid #ccc; border-radius: 4px; width: 200px; @@ -50,56 +52,161 @@ select { /* Estilo para el botón */ button { - padding: 5px 10px; - font-size: 16px; + padding: 10px 15px; + font-size: 20px; background-color: #eebc0a; color: #fff; border: none; - border-radius: 4px; + border-radius: 6px; cursor: pointer; } - +/* Estilos generales */ +li { + display: inline-block; + list-style: none; + border: 2px solid rgb(248, 238, 96); + padding: 10px; + font-size: 18px; + font-family: 'Quicksand', sans-serif; + text-align: center; + margin: 10px 0; + align-items: center; + justify-content: center; +} +ul { + text-align: center; + width: 100%; + padding: 0; +} -#root{ - display: flex; - flex-direction: row; - width: 100%; - height: 100%; - flex-wrap: wrap; - +#root { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } -li{ - border-radius: 10px 5px 10px; - border: 1px solid rgb(226, 165, 8); - list-style: none; - margin-top: 10px; - margin-left: 10px; - width: 20%; - float: left; - height: 14%; - padding: 5px; - justify-content: center; - align-items: center; - +.imgTarjeta { + width: 400px; + height: 400px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 10%; + border: 3px solid rgb(238, 238, 240); +} + +/* Tarjetas */ +.tarjetas { + border-radius: 10px; + border: 4px solid rgb(239, 243, 9); + list-style: none; + margin: 5px; + height: 900px; + float: left; + padding: 5px; + width: calc(25% - 10px); + text-align: center; + box-sizing: border-box; + background-repeat: no-repeat; + background-size: cover; + font-size: 18px; + font-family: 'Quicksand', sans-serif; + color: #333333; } +/* Eliminar márgenes y rellenos predeterminados */ +dl, dd { + margin: 0; + padding: 0; +} -img{ - width: 300px; - height: 300px; - display: block; - margin:0 auto; +dd { + display: flex; + border-radius: 10px; + margin: 10px; + padding: 10px; + text-align: center; + max-width: 90%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + box-sizing: border-box; } -footer{ - background-color:rgb(226, 165, 8) ; - padding: 50px; +/* Estilo para texto con elipsis */ +.estilo { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + line-height: 1.2; + max-height: 3.6em; + display: flex; } -footer p{ - font-size: 20px; -} +/* Estilo para encabezados de lista */ +dt { + display: flex; + width: 100%; + text-align: center; + align-items: center; + justify-content: center; +} + +/* Estilos responsivos */ +@media (max-width: 912px) { + .tarjetas { + width: calc(50% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: flex; + justify-content: center; + } + li { + width: 100%; + margin: 0; + white-space: normal; + overflow: visible; + } + + .imgTarjeta { + width: 200px; + height: 200px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 20%; + } + + .estilo { + white-space: normal; + text-overflow: clip; + } + + dd { + white-space: normal; + overflow: visible; + max-width: 100%; + } + + dt { + white-space: normal; + overflow: visible; + max-width: 100%; + } +} + +/* Estilos para dispositivos móviles */ +@media (max-width: 480px) { + .tarjetas { + width: calc(100% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: block; /* Cambia a "display: block" para que las tarjetas se ubiquen una debajo de la otra */ + } +} diff --git a/src/view.js b/src/view.js index 80d67814..33d010ac 100644 --- a/src/view.js +++ b/src/view.js @@ -1,66 +1,29 @@ export const renderItems = (data) => { - // eslint-disable-next-line no-console - console.log(data); - // Aquí comienza tu código y puedes retornar lo que tu necesites - - function createAbejaList(data) { - const rootElement = document.getElementById("root"); // Obtener el elemento con id "root" - const ul = document.createElement("ul"); - - for (let i = 0; i < data.length; i++) { - const abeja = data[i]; - const li = document.createElement("li"); - li.innerHTML = ` -
    - ${abeja.id} + const ul = document.createElement("ul"); + for (let i = 0; i < data.length; i++) { + const bee = data[i]; + const li = document.createElement("li"); + li.classList.add("tarjetas"); + li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li + + li.innerHTML = ` +
    + ${bee.id}
    Nombre:
    -
    ${abeja.name}
    +
    ${bee.name}
    Corta descripción:
    -
    ${abeja.shortDescription}
    +
    ${bee.shortDescription}
    Descripción:
    -
    ${abeja.description}
    - +
    ${bee.description}
    +
    Familia:
    +
    ${bee.facts.familia}
    +
    Promedio de vida:
    +
    ${bee.facts.promedioDeVida}
    +
    Productor De Miel:
    +
    ${bee.facts.productorDeMiel}
    `; - - //este código comprueba si existe información adicional sobre una abeja (como su familia y promedio de vida) en el objeto abeja, y si es así, la muestra en forma de una lista descriptiva en la página. - - const facts = abeja.facts; - if (facts) { - li.innerHTML += ` -
    -
    Familia:
    -
    ${facts.familia}
    -
    Promedio de vida:
    -
    ${facts.promedioDeVida}
    -
    productor De Miel:
    -
    ${facts.productorDeMiel}
    -
    - `; - } - - const curiosidades = abeja.extraInfo.curiosidades; - if (curiosidades && curiosidades.length > 0) { - let curiosidadesHTML = ""; - for (let j = 0; j < curiosidades.length; j++) { - curiosidadesHTML += curiosidades[j]; - if (j < curiosidades.length - 1) { - curiosidadesHTML += "
    "; - } - } - li.innerHTML += ` -
    Curiosidades:
    -
    - ${curiosidadesHTML} -
    - `; - } - - ul.appendChild(li); - } - - rootElement.appendChild(ul); // Agregar la lista
      al elemento con id "root" + ul.appendChild(li); } - - createAbejaList(data); // Llama a la función para crear la lista y agregarla + return ul; }; diff --git a/test/data.js b/test/data.js index 9b3c238b..f8911224 100644 --- a/test/data.js +++ b/test/data.js @@ -1,5 +1,439 @@ // Aqui puedes agregar los datos que necesites para tus pruebas // al menos debe tener uno que se llame "data" -export const data = []; +export const data = [ + { + "id": "apis-mellifera", + "name": "Abeja Apis mellifera", + "shortDescription": "Abeja melífera europea", + "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", + "imageUrl":"https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 5 semanas en verano", + "familia": "Apidae", + "productorDeMiel": "Sí" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Apis mellifera son altamente sociales y viven en colmenas con una estructura jerárquica.", + "Son responsables de la polinización de numerosas frutas, verduras y cultivos de importancia económica." + ] + } + + }, + { + "id": "bombus-terrestris", + "name": "Abeja Bombus terrestris", + "shortDescription": "Abeja de tierra", + "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", + "imageUrl": "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", + "facts": { + "promedioDeVida": "de 12 a 14 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", + "Son abejas sociales con colonias que incluyen una reina y trabajadoras." + ] + } + }, + { + "id": "xylocopa-violacea", + "name": "Abeja Xylocopa violacea", + "shortDescription": "Abeja carpintera violeta", + "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", + "imageUrl": "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", + "facts": { + "promedioDeVida": "de 1 a 2 meses", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", + "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas." + ] + } + }, + { + "id": "halictus-ligatus", + "name": "Abeja Halictus ligatus", + "shortDescription": "Abeja sudorera verde", + "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", + "imageUrl": "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", + "facts": { + "promedioDeVida": "de 2 a 6 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", + "Juegan un papel importante en la polinización de diversas flores silvestres." + ] + } + }, + { + "id": "megachile-rotundata", + "name": "Abeja Megachile rotundata", + "shortDescription": "Abeja cortadora de hojas", + "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", + "imageUrl":"https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", + "facts": { + "promedioDeVida": "de 6 a 8 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", + "Son excelentes polinizadores y su uso en la agricultura es común." + ] + } + }, + { + "id": "osmia-bicornis", + "name": "Abeja Osmia bicornis", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] + } + }, + { + "id": "anthidium-manicatum", + "name": "Abeja Anthidium manicatum", + "shortDescription": "Abeja cardera", + "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", + "imageUrl": "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", + "Son polinizadores efectivos y se encuentran en diversos hábitats." + ] + } + }, + { + "id": "eucera-nigrescens", + "name": "Abeja Eucera nigrescens", + "shortDescription": "Abeja de arena negra", + "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", + "imageUrl": "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", + "A menudo excavan nidos en el suelo y son solitarias." + ] + } + }, + { + "id": "melipona-beecheii", + "name": "Abeja Melipona beecheii", + "shortDescription": "Abeja sin aguijón de la miel", + "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", + "imageUrl": "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 3 meses", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", + "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones." + ] + } + }, + { + "id": "ceratina-dallatorreana", + "name": "Abeja Ceratina dallatorreana", + "shortDescription": "Abeja cuerno negro", + "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", + "imageUrl": "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", + "facts": { + "promedioDeVida": "aproximadamente 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", + "Son polinizadoras eficaces de diversas flores." + ] + } + }, + { + "id": "colletes-cunicularius", + "name": "Abeja Colletes cunicularius", + "shortDescription": "Abeja excavadora", + "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", + "imageUrl": "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", + "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen." + ] + } + }, + { + "id": "hylaeus-hyalinatus", + "name": "Abeja Hylaeus hyalinatus", + "shortDescription": "Abeja de vidrio", + "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", + "imageUrl": "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", + "facts": { + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", + "Son polinizadoras de diversas flores y plantas silvestres." + ] + } + }, + { + "id": "lasioglossum-calceatum", + "name": "Abeja Lasioglossum calceatum", + "shortDescription": "Abeja peluda", + "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", + "imageUrl": "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", + "Anidan en el suelo y tienen una dieta de néctar y polen." + ] + } + }, + { + "id": "nomia-melanderi", + "name": "Abeja Nomia melanderi", + "shortDescription": "Abeja de tierra metálica", + "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", + "imageUrl": "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", + "Anidan en el suelo y recolectan néctar y polen de una variedad de flores." + ] + } + }, + { + "id": "andrena-wilkella", + "name": "Abeja Andrena wilkella", + "shortDescription": "Abeja minera", + "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", + "imageUrl": "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", + "facts": { + "promedioDeVida": "de 3 a 5 semanas", + "familia": "Andrenidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", + "Son polinizadoras de una variedad de flores silvestres y cultivos." + ] + } + }, + { + "id": "perdita-minima", + "name": "Abeja Perdita minima", + "shortDescription": "Abeja perdita", + "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Andrenidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", + "Son solitarias y anidan en el suelo." + ] + } + }, + { + "id": "epeolus-variegatus", + "name": "Abeja Epeolus variegatus", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", + "imageUrl": "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] + } + }, + { + "id": "agapostemon-texanus", + "name": "Abeja Agapostemon texanus", + "shortDescription": "Abeja rayada verde", + "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", + "imageUrl": "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", + "facts": { + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", + "Son abejas sociales y forman colonias en el suelo." + ] + } + }, + { + "id": "dialictus-zephyrus", + "name": "Abeja Dialictus zephyrus", + "shortDescription": "Abeja esmeralda", + "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", + "imageUrl": "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", + "facts": { + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", + "Son abejas sociales y anidan en el suelo." + ] + } + }, + { + "id": "megachile-sculpturalis", + "name": "Abeja Megachile sculpturalis", + "shortDescription": "Abeja cortadora de hojas gigante", + "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", + "imageUrl": "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", + "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas." + ] + } + }, + { + "id": "nomada-fervida", + "name": "Abeja Nomada fervida", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] + } + }, + { + "id": "hylaeus-signatus", + "name": "Abeja Hylaeus signatus", + "shortDescription": "Abeja de cara amarilla", + "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", + "imageUrl": "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + "facts": { + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", + "Anidan en cavidades preexistentes y son solitarias." + ] + } + }, + { + "id": "bombus-impatiens", + "name": "Abeja Bombus impatiens", + "shortDescription": "Abejorro impaciente", + "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", + "imageUrl": "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + "facts": { + "promedioDeVida": "de 12 a 16 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", + "Forman colonias con una reina y trabajadoras." + ] + } + }, + { + "id": "osmia-lignaria", + "name": "Abeja Osmia lignaria", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] + } + } +]; From e4ce03de0e7bab34c743d4bc01cce75f3d08accb Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Tue, 7 Nov 2023 10:07:26 -0600 Subject: [PATCH 11/25] Cambios de todas las carpetas --- package-lock.json | 48 +-- package.json | 6 +- src/data/dataset.js | 584 ++++++++++++++++++++----------------- src/dataFunctions.js | 37 ++- src/index.html | 32 +- src/main.js | 63 +++- src/style.css | 189 ++++++++++++ src/view.js | 33 ++- test/data.js | 464 ++++++++++++++++++++++++++++- test/dataFunctions.spec.js | 57 +++- 10 files changed, 1191 insertions(+), 322 deletions(-) diff --git a/package-lock.json b/package-lock.json index 7477f83a..808b66ea 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,7 @@ "eslint": "^8.3.0", "gh-pages": "^3.1.0", "htmlhint": "^1.0.0", - "jest": "^27.0.1", + "jest": "^27.5.1", "jsdom": "^22.1.0", "opener": "^1.5.1", "serve": "^14.2.1" @@ -102,12 +102,12 @@ } }, "node_modules/@babel/generator": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.15.tgz", - "integrity": "sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz", + "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==", "dev": true, "dependencies": { - "@babel/types": "^7.22.15", + "@babel/types": "^7.23.0", "@jridgewell/gen-mapping": "^0.3.2", "@jridgewell/trace-mapping": "^0.3.17", "jsesc": "^2.5.1" @@ -142,13 +142,13 @@ } }, "node_modules/@babel/helper-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz", - "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", "dev": true, "dependencies": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" }, "engines": { "node": ">=6.9.0" @@ -286,9 +286,9 @@ } }, "node_modules/@babel/parser": { - "version": "7.22.16", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.16.tgz", - "integrity": "sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz", + "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==", "dev": true, "bin": { "parser": "bin/babel-parser.js" @@ -491,19 +491,19 @@ } }, "node_modules/@babel/traverse": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.20.tgz", - "integrity": "sha512-eU260mPZbU7mZ0N+X10pxXhQFMGTeLb9eFS0mxehS8HZp9o1uSnFeWQuG1UPrlxgA7QoUzFhOnilHDp0AXCyHw==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz", + "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==", "dev": true, "dependencies": { "@babel/code-frame": "^7.22.13", - "@babel/generator": "^7.22.15", + "@babel/generator": "^7.23.0", "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-function-name": "^7.22.5", + "@babel/helper-function-name": "^7.23.0", "@babel/helper-hoist-variables": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.22.16", - "@babel/types": "^7.22.19", + "@babel/parser": "^7.23.0", + "@babel/types": "^7.23.0", "debug": "^4.1.0", "globals": "^11.1.0" }, @@ -512,13 +512,13 @@ } }, "node_modules/@babel/types": { - "version": "7.22.19", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.19.tgz", - "integrity": "sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz", + "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==", "dev": true, "dependencies": { "@babel/helper-string-parser": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.19", + "@babel/helper-validator-identifier": "^7.22.20", "to-fast-properties": "^2.0.0" }, "engines": { diff --git a/package.json b/package.json index 8175cf12..7bd1131e 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "htmlhint": "htmlhint src/*.html test/*.html", "eslint": "eslint --ext .js src/ test/", "pretest": "npm run eslint && npm run htmlhint", - "test": "jest --verbose --coverage test/*.spec.js", + "test": "jest --verbose --coverage test/", "test:e2e": "playwright test", "test:oas": "jest --verbose tests-read-only/oa/", "pretest:oas-html": "npm run pretest", @@ -33,7 +33,7 @@ "eslint": "^8.3.0", "gh-pages": "^3.1.0", "htmlhint": "^1.0.0", - "jest": "^27.0.1", + "jest": "^27.5.1", "jsdom": "^22.1.0", "opener": "^1.5.1", "serve": "^14.2.1" @@ -49,4 +49,4 @@ "jest": { "testEnvironment": "jsdom" } -} \ No newline at end of file +} diff --git a/src/data/dataset.js b/src/data/dataset.js index 9d01aea9..69ad3f4f 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -1,378 +1,434 @@ export default [ { - "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", + "id": "apis-mellifera", + "name": "Abeja Apis mellifera", + "shortDescription": "Abeja melífera europea", + "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", + "imageUrl":"https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", "facts": { - "yearOfBirth": "1815", - "yearOfDeath": "1852", - "birthPlace": "Londres, Reino Unido", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "de 4 a 5 semanas en verano", + "familia": "Apidae", + "productorDeMiel": "Sí" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/genera-una-imagen-de-ada-lovelace2c-la-primera-prog/650a1eff8ff04b88833d5cdef0309441" + "curiosidades": [ + "Las abejas Apis mellifera son altamente sociales y viven en colmenas con una estructura jerárquica.", + "Son responsables de la polinización de numerosas frutas, verduras y cultivos de importancia económica." + ] } }, { - "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", + "id": "bombus-terrestris", + "name": "Abeja Bombus terrestris", + "shortDescription": "Abeja de tierra", + "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", + "imageUrl": "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", "facts": { - "yearOfBirth": "1882", - "yearOfDeath": "1935", - "birthPlace": "Erlangen, Alemania", - "mainField": "Matemáticas" + "promedioDeVida": "de 12 a 14 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-an-image-of-of-a-german-woman2c-a-pioneering/6510ddb1e8254b928b8f8f1d5e95fea4" + "curiosidades": [ + "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", + "Son abejas sociales con colonias que incluyen una reina y trabajadoras." + ] } }, { - "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", + "id": "xylocopa-violacea", + "name": "Abeja Xylocopa violacea", + "shortDescription": "Abeja carpintera violeta", + "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", + "imageUrl": "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", "facts": { - "yearOfBirth": "circa 360", - "yearOfDeath": "415", - "birthPlace": "Alejandría, Egipto", - "mainField": "Matemáticas, Filosofía" + "promedioDeVida": "de 1 a 2 meses", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/create-a-vivid-digital-artwork-or-painting-that-de/6510df0ebe1a4807af22175452761e1a" + "curiosidades": [ + "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", + "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas." + ] } }, { - "id": "marjorie-lee-browne", - "name": "Marjorie Lee Browne", - "shortDescription": "Matemática, contribuyó a la teoría de números.", - "description": "Matemática estadounidense, destacó en una época en la que las mujeres afroamericanas enfrentaban múltiples barreras en la educación superior. No solo obtuvo su doctorado en matemáticas, sino que también se convirtió en una destacada educadora, promoviendo la diversidad en las ciencias matemáticas y desafiando la discriminación racial y de género. Su compromiso con la educación y su capacidad para inspirar a futuras generaciones la convierten en un modelo a seguir para las mujeres en la ciencia, dejando una huella perdurable en la historia académica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marjorie-lee-browne.jpg", + "id": "halictus-ligatus", + "name": "Abeja Halictus ligatus", + "shortDescription": "Abeja sudorera verde", + "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", + "imageUrl": "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", "facts": { - "yearOfBirth": "1914", - "yearOfDeath": "1979", - "birthPlace": "Memphis, Estados Unidos", - "mainField": "Matemáticas" + "promedioDeVida": "de 2 a 6 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/design-an-inspiring-and-historically-accurate-imag/6510df7e7bb745f69d67f695441607a8" + "curiosidades": [ + "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", + "Juegan un papel importante en la polinización de diversas flores silvestres." + ] } }, { - "id": "shakuntala-devi", - "name": "Shakuntala Devi", - "shortDescription": "Matemática prodigio, conocida como la 'Calculadora Humana'.", - "description": "Conocida como \"la bruja de las matemáticas\" de la India, dejó una marca indeleble en el mundo de los números. Su capacidad mental asombrosa la llevó a resolver complejos cálculos matemáticos mentalmente en cuestión de segundos, estableciendo récords mundiales. Además de su talento innato, Devi promovió activamente la educación matemática y luchó por la igualdad de género en un país donde las mujeres enfrentaban desafíos en la ciencia y la educación. Su legado destaca el poder de la mente humana y la importancia de la igualdad de oportunidades en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/shakuntala-devi.jpg", - "facts": { - "yearOfBirth": "1929", - "yearOfDeath": "2013", - "birthPlace": "Bangalore, India", - "mainField": "Matemáticas" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/indian-woman-writing-math-problems-in-a-blackbard-/6510e19f3db54e14b365b7e8dc5045f6" - } + "id": "megachile-rotundata", + "name": "Abeja Megachile rotundata", + "shortDescription": "Abeja cortadora de hojas", + "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", + "imageUrl":"https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", + "facts": { + "promedioDeVida": "de 6 a 8 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", + "Son excelentes polinizadores y su uso en la agricultura es común." + ] + } }, { - "id": "sofia-kovalevskaya", - "name": "Sofia Kovalevskaya", - "shortDescription": "Matemática y escritora, contribuyó a la teoría de funciones.", - "description": "Matemática rusa del siglo XIX, dejó una marca indeleble en la ciencia del siglo XIX al desafiar las barreras de género. Como matemática rusa, superó las restricciones sociales de su época para convertirse en la primera mujer en obtener un doctorado en matemáticas en Europa. Sus contribuciones a la teoría de las ecuaciones diferenciales y la mecánica revolucionaron la disciplina, abriendo nuevas perspectivas en el análisis matemático. Su destacada membresía en la Academia de Ciencias de Suecia marcó un hito en la historia de las mujeres en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/sofia-kovalevskaya.jpg", + "id": "osmia-bicornis", + "name": "Abeja Osmia bicornis", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", "facts": { - "yearOfBirth": "1850", - "yearOfDeath": "1891", - "birthPlace": "Moscú, Rusia", - "mainField": "Matemáticas" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/indian-woman-writing-math-problems-in-a-blackbard-/6510e19f3db54e14b365b7e8dc5045f6" + "curiosidades": [ + "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] } }, { - "id": "yoko-shimomura", - "name": "Yoko Shimomura", - "shortDescription": "Compositora de música, destacada en la industria de los videojuegos.", - "description": "Compositora japonesa, es una figura destacada en la ciencia de la música y el arte sonoro. Aunque no se dedica a la ciencia en el sentido tradicional, su trabajo en la composición musical ha requerido un profundo entendimiento de la teoría musical y la tecnología de audio. Ha contribuido de manera significativa a la industria de los videojuegos, componiendo icónicas bandas sonoras que han enriquecido la experiencia de juego. Su éxito en un campo donde las mujeres estaban subrepresentadas la convierte en un modelo a seguir, incluso en campos no convencionales como la composición musical.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/yoko-shimomura.jpg", - "facts": { - "yearOfBirth": "1967", - "birthPlace": "Hyogo, Japón", - "mainField": "Composición Musical, Video Juegos" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/yoko-shimomura-making-music-for-a-video-game-in-19/6510e40dd1eb45d0906e8c1f4bb601d3" - } + "id": "anthidium-manicatum", + "name": "Abeja Anthidium manicatum", + "shortDescription": "Abeja cardera", + "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", + "imageUrl": "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", + "Son polinizadores efectivos y se encuentran en diversos hábitats." + ] + } }, { - "id": "maryam-mirzakhani", - "name": "Maryam Mirzakhani", - "shortDescription": "Matemática, ganadora del Premio Fields.", - "description": "Matemática iraní, hizo historia al convertirse en la primera mujer en ganar la Medalla Fields, el premio más prestigioso en matemáticas. Sus investigaciones en la geometría de superficies y la teoría de las superficies de Riemann han tenido un impacto duradero en la matemática pura. A lo largo de su carrera, Mirzakhani inspiró a muchas mujeres a perseguir carreras en ciencia y matemáticas, derribando las barreras de género. Su enfoque innovador y su capacidad para resolver problemas complejos la convierten en un modelo a seguir para la comunidad científica y en un símbolo de la excelencia matemática.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/maryam-mirzakhani.jpg", + "id": "eucera-nigrescens", + "name": "Abeja Eucera nigrescens", + "shortDescription": "Abeja de arena negra", + "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", + "imageUrl": "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", "facts": { - "yearOfBirth": "1977", - "yearOfDeath": "2017", - "birthPlace": "Teherán, Irán", - "mainField": "Matemáticas" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://chalkdustmagazine.com/features/mathematics-maryam-mirzakhani/" + "curiosidades": [ + "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", + "A menudo excavan nidos en el suelo y son solitarias." + ] } }, { - "id": "adele-goldberg", - "name": "Adele Goldberg", - "shortDescription": "Informática pionera, co-creadora del lenguaje de programación Smalltalk.", - "description": "Informática estadounidense reconocida por su influyente trabajo en la investigación y desarrollo de la programación orientada a objetos. Su contribución más destacada es la creación del lenguaje de programación Smalltalk, que revolucionó la forma en que se desarrollan software y sistemas informáticos. Goldberg ha sido una defensora incansable de la usabilidad y la accesibilidad en la informática, asegurando que las aplicaciones informáticas sean más amigables para los usuarios. Su trabajo ha allanado el camino para una programación más intuitiva y eficiente, y su legado perdura en la industria de la tecnología.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/adele-goldberg.jpg", + "id": "melipona-beecheii", + "name": "Abeja Melipona beecheii", + "shortDescription": "Abeja sin aguijón de la miel", + "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", + "imageUrl": "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", "facts": { - "yearOfBirth": "1945", - "birthPlace": "Chicago, Estados Unidos", - "mainField": "Ciencias de la Computación" + "promedioDeVida": "alrededor de 3 meses", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" }, "extraInfo": { - "imageSource": "https://pionerasinformaticas.ujaen.es/en/computer-women-pioneers/adele-goldberg-en" + "curiosidades": [ + "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", + "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones." + ] } }, { - "id": "barbara-liskov", - "name": "Barbara Liskov", - "shortDescription": "Científica de la computación, pionera en programación orientada a objetos.", - "description": "Pionera de la informática, es conocida por su trabajo en la programación y la arquitectura de sistemas distribuidos. Fue la primera mujer en obtener un doctorado en ciencias de la computación en el Instituto de Tecnología de Stanford y desarrolló el lenguaje de programación CLU, que estableció fundamentos para la programación orientada a objetos. Liskov ha dejado una marca indeleble en la industria de la tecnología al liderar avances en sistemas de almacenamiento y seguridad informática. Su enfoque en la fiabilidad y la robustez ha influido en el diseño de sistemas críticos en todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/barbara-liskov.jpg", - "facts": { - "yearOfBirth": "1939", - "birthPlace": "Los Angeles, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://medium.com/a-computer-of-ones-own/barbara-liskov-inventor-of-abstract-data-types-9f8908fdcf86" - } + "id": "ceratina-dallatorreana", + "name": "Abeja Ceratina dallatorreana", + "shortDescription": "Abeja cuerno negro", + "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", + "imageUrl": "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", + "facts": { + "promedioDeVida": "aproximadamente 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", + "Son polinizadoras eficaces de diversas flores." + ] + } }, { - "id": "grace-hopper", - "name": "Grace Hopper", - "shortDescription": "Científica de la computación, creadora del primer compilador.", - "description": "Una de las pioneras de la informática, es famosa por su contribución al desarrollo del primer compilador y al lenguaje de programación COBOL. Además, desafió los estereotipos de género en la década de 1940 al unirse a la Marina de los Estados Unidos y convertirse en la primera programadora de la computadora Harvard Mark I. Su legado abarca la creación de conceptos cruciales como la \"depuración de software\" y su influencia en el desarrollo de la informática moderna, estableciendo estándares para la programación de alto nivel y la innovación tecnológica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/grace-hopper.jpg", + "id": "colletes-cunicularius", + "name": "Abeja Colletes cunicularius", + "shortDescription": "Abeja excavadora", + "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", + "imageUrl": "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", "facts": { - "yearOfBirth": "1906", - "yearOfDeath": "1992", - "birthPlace": "Nueva York, Estados Unidos", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://photos.com/featured/grace-hopper-with-early-computer-bettmann.html" + "curiosidades": [ + "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", + "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen." + ] } }, { - "id": "margaret-hamilton", - "name": "Margaret Hamilton", - "shortDescription": "Científica de la computación, lideró desarrollo de software para Apollo 11.", - "description": "Destacada científica de la computación que desempeñó un papel fundamental en el programa Apollo de la NASA. Fue directora de la División de Ingeniería de Software en el Laboratorio de Instrumentación del MIT, donde desarrolló el concepto de \"ingeniería de software\". Su liderazgo en el desarrollo del software de vuelo para las misiones Apollo fue fundamental para el éxito de la llegada del hombre a la Luna. Hamilton es un ejemplo de cómo la tecnología y la ciencia pueden alcanzar logros extraordinarios cuando se combinan con un enfoque innovador y una visión audaz.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/margaret-hamilton.jpg", - "facts": { - "yearOfBirth": "1936", - "birthPlace": "Paoli, Indiana, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://odetta.ai/blogs/margaret-hamilton-the-first-software-engineer" - } + "id": "hylaeus-hyalinatus", + "name": "Abeja Hylaeus hyalinatus", + "shortDescription": "Abeja de vidrio", + "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", + "imageUrl": "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", + "facts": { + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", + "Son polinizadoras de diversas flores y plantas silvestres." + ] + } }, { - "id": "radia-perlman", - "name": "Radia Perlman", - "shortDescription": "Ingeniera de redes, inventora del algoritmo Spanning Tree.", - "description": "Científica de la computación estadounidense, ha dejado una marca indeleble en el mundo de las redes informáticas y la seguridad. Conocida como \"la madre de Internet\", su invención del algoritmo Spanning Tree Protocol (STP) revolucionó la conectividad de redes y sentó las bases para la infraestructura de Internet moderna. A pesar de operar en un campo dominado por hombres, Perlman ha demostrado que las mujeres pueden liderar avances tecnológicos vitales. Su compromiso con la resiliencia de las redes y la ciberseguridad ha influido en la estabilidad y confiabilidad de la comunicación en línea.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/radia-perlman.jpg", - "facts": { - "yearOfBirth": "1951", - "birthPlace": "Portsmouth, Estados Unidos", - "mainField": "Ciencia de la Computación" - }, - "extraInfo": { - "imageSource": "https://hackaday.com/2018/05/29/spanning-the-tree-dr-radia-perlman-untangling-networks/" - } + "id": "lasioglossum-calceatum", + "name": "Abeja Lasioglossum calceatum", + "shortDescription": "Abeja peluda", + "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", + "imageUrl": "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", + "facts": { + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", + "Anidan en el suelo y tienen una dieta de néctar y polen." + ] + } }, { - "id": "shafi-goldwasser", - "name": "Shafi Goldwasser", - "shortDescription": "Científica de la computación, ganadora del Premio Turing.", - "description": "Es una destacada criptógrafa y científica de la computación que ha contribuido significativamente a la teoría de la computación y la seguridad de la información. Su trabajo en criptografía de probabilidad y complejidad computacional ha sentado las bases para la seguridad en línea y la privacidad de datos en un mundo cada vez más digitalizado. Goldwasser es un ejemplo de cómo la ciencia de la computación puede abordar desafíos contemporáneos y proteger la información en la era de la información.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/shafi-goldwasser.jpg", + "id": "nomia-melanderi", + "name": "Abeja Nomia melanderi", + "shortDescription": "Abeja de tierra metálica", + "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", + "imageUrl": "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", "facts": { - "yearOfBirth": "1958", - "birthPlace": "Nueva York, Estados Unidos", - "mainField": "Ciencia de la Computación" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.jahresbericht2019.unibe.ch/successes_2019/einstein_lectures/index_eng.html" + "curiosidades": [ + "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", + "Anidan en el suelo y recolectan néctar y polen de una variedad de flores." + ] } }, { - "id": "chien-shiung-wu", - "name": "Chien-Shiung Wu", - "shortDescription": "Física experimental, contribuyó a la física nuclear.", - "description": "Física experimental de origen chino, desafiando los prejuicios de género y nacionalidad, realizó experimentos fundamentales en física de partículas y contribuyó significativamente a la comprensión de la desintegración beta. Su famoso experimento \"Wu\" refutó la paridad en la física de partículas, lo que cambió la forma en que los científicos comprenden las fuerzas fundamentales de la naturaleza. Wu demostró que el talento y la perseverancia pueden superar cualquier barrera, y su legado sigue siendo un faro de inspiración para científicas en todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/chien-shiung-wu.jpg", - "facts": { - "yearOfBirth": "1912", - "yearOfDeath": "1997", - "birthPlace": "Liuhe, Taicang, China", - "mainField": "Física" - }, - "extraInfo": { - "imageSource": "https://www.thoughtco.com/chien-shiung-wu-biography-3530366" - } + "id": "andrena-wilkella", + "name": "Abeja Andrena wilkella", + "shortDescription": "Abeja minera", + "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", + "imageUrl": "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", + "facts": { + "promedioDeVida": "de 3 a 5 semanas", + "familia": "Andrenidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", + "Son polinizadoras de una variedad de flores silvestres y cultivos." + ] + } }, { - "id": "hedy-lamarr", - "name": "Hedy Lamarr", - "shortDescription": "Actriz e inventora, contribuyó al desarrollo de la tecnología de espectro ensanchado.", - "description": "Actriz austroamericana y científica, fue una mente brillante en la intersección de la tecnología y el entretenimiento. Junto con el compositor George Antheil, inventó un sistema de comunicación secreta durante la Segunda Guerra Mundial que sentó las bases para la tecnología de espectro ensanchado y la comunicación inalámbrica moderna. Lamarr demostró que las mujeres pueden destacar tanto en el cine como en la ciencia, y su legado como inventora ha sido fundamental para el desarrollo de la tecnología de comunicación inalámbrica que usamos en la actualidad.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/hedy-lamarr.jpg", + "id": "perdita-minima", + "name": "Abeja Perdita minima", + "shortDescription": "Abeja perdita", + "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", "facts": { - "yearOfBirth": "1914", - "yearOfDeath": "2000", - "birthPlace": "Viena, Austria", - "mainField": "Actuación, Física" + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Andrenidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.sparkfun.com/news/6147" + "curiosidades": [ + "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", + "Son solitarias y anidan en el suelo." + ] } }, { - "id": "maria-goeppert-mayer", - "name": "Maria Goeppert Mayer", - "shortDescription": "Física teórica, ganadora del Premio Nobel de Física.", - "description": "Física teórica alemana-estadounidense, dejó una profunda huella en la física nuclear y la mecánica cuántica. Fue la segunda mujer en recibir el Premio Nobel de Física y su trabajo pionero en la estructura de capas nucleares revolucionó nuestra comprensión de los núcleos atómicos. A pesar de las barreras de género en la academia, su dedicación y talento la llevaron a contribuir significativamente a la teoría nuclear, abriendo el camino para futuras investigadoras en un campo dominado por hombres. Maria Goeppert Mayer es un ejemplo inspirador de excelencia científica y perseverancia en la búsqueda del conocimiento.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/maria-goeppert-mayer.jpg", + "id": "epeolus-variegatus", + "name": "Abeja Epeolus variegatus", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", + "imageUrl": "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", "facts": { - "yearOfBirth": "1906", - "yearOfDeath": "1972", - "birthPlace": "Kattowitz, Alemania", - "mainField": "Física" + "promedioDeVida": "alrededor de 3 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.wsemexhibit.org/maria-goeppert-mayer.html" + "curiosidades": [ + "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] } }, { - "id": "lise-meitner", - "name": "Lise Meitner", - "shortDescription": "Física nuclear, contribuyó a la teoría de la fisión nuclear.", - "description": "Física austriaca-sueca, dejó un legado imborrable en la física nuclear y la radioquímica. A pesar de enfrentar obstáculos de género en una era dominada por hombres, colaboró con Otto Hahn en el descubrimiento de la fisión nuclear, un avance revolucionario. Aunque no compartió el Premio Nobel por este logro, su contribución fue crucial para comprender la energía nuclear y la física de partículas. Su determinación y pasión por la ciencia han inspirado a generaciones de científicas. Lise Meitner es un símbolo perdurable de la perseverancia femenina y el impacto duradero que las mujeres pueden tener en la ciencia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/lise-meitner.jpg", + "id": "agapostemon-texanus", + "name": "Abeja Agapostemon texanus", + "shortDescription": "Abeja rayada verde", + "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", + "imageUrl": "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", "facts": { - "yearOfBirth": "1878", - "yearOfDeath": "1968", - "birthPlace": "Viena, Austria", - "mainField": "Física" + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.bing.com/images/create/lise-meitner-in-nuclear-physics-lab-in-19502c-retro/651196e6bbcb4009950e9955c2199760" + "curiosidades": [ + "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", + "Son abejas sociales y forman colonias en el suelo." + ] } }, { - "id": "sau-lan-wu", - "name": "Sau Lan Wu", - "shortDescription": "Física de partículas, contribuyó a experimentos clave en física de alta energía.", - "description": "Física experimental sinoamericana, ha sido una fuerza motriz en la física de partículas. Destacó en experimentos en el CERN y lideró investigaciones cruciales, como el descubrimiento del quark c, que expandieron nuestro entendimiento de la estructura fundamental de la materia. Wu superó desafíos en una disciplina dominada por hombres y ha sido un faro de inspiración para científicas de todo el mundo. Sau Lan Wu es un ejemplo de excelencia científica y de cómo las mujeres pueden dejar huella en la investigación de vanguardia.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/sau-lan-wu.jpg", + "id": "dialictus-zephyrus", + "name": "Abeja Dialictus zephyrus", + "shortDescription": "Abeja esmeralda", + "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", + "imageUrl": "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", "facts": { - "yearOfBirth": "1940", - "birthPlace": "Hong Kong, China", - "mainField": "Física de Partículas" + "promedioDeVida": "de 3 a 4 semanas", + "familia": "Halictidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://repository.aip.org/islandora/object/nbla%3A315195" + "curiosidades": [ + "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", + "Son abejas sociales y anidan en el suelo." + ] } }, { - "id": "jocelyn-bell-burnell", - "name": "Jocelyn Bell Burnell", - "shortDescription": "Astrónoma y astrofísica, co-descubridora de los púlsares.", - "description": "Astrofísica británica, es una figura extraordinaria en la ciencia. Durante su doctorado, hizo un descubrimiento revolucionario al detectar los primeros púlsares, estrellas de neutrones altamente magnetizadas que emiten pulsos regulares de radiación. A pesar de que su asesor recibió el Premio Nobel por este descubrimiento, Bell Burnell se ha convertido en un símbolo de perseverancia y contribución de las mujeres a la astronomía. Su carrera distinguida y su activismo en favor de la diversidad de género en la ciencia han inspirado a generaciones futuras de científicas. Jocelyn Bell Burnell es un ejemplo de valentía y excelencia científica.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/jocelyn-bell-burnell.jpg", - "facts": { - "yearOfBirth": "1943", - "birthPlace": "Belfast, Reino Unido", - "mainField": "Astronomía, Astrofísica" - }, - "extraInfo": { - "imageSource": "https://womeninscienceweadmire.icfo.eu/wiswa-2/jocelyn-bell/" - } + "id": "megachile-sculpturalis", + "name": "Abeja Megachile sculpturalis", + "shortDescription": "Abeja cortadora de hojas gigante", + "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", + "imageUrl": "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", + "facts": { + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" + }, + "extraInfo": { + "curiosidades": [ + "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", + "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas." + ] + } }, { - "id": "dorothy-crowfoot-hodgkin", - "name": "Dorothy Crowfoot Hodgkin", - "shortDescription": "Química, ganadora del Premio Nobel de Química.", - "description": "Química británica, es una figura icónica en la ciencia que superó las barreras de género de su época. Su trabajo revolucionario en la cristalografía de rayos X permitió determinar la estructura de importantes biomoléculas, como la penicilina, la vitamina B12 y la insulina. Fue galardonada con el Premio Nobel de Química en 1964, siendo la tercera mujer en recibir este prestigioso reconocimiento. Hodgkin no solo fue una científica excepcional, sino también una defensora de la igualdad de género en la ciencia, allanando el camino para futuras generaciones de científicas y dejando un legado duradero en la investigación y la equidad.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/dorothy-crowfoot-hodgkin.jpg", + "id": "nomada-fervida", + "name": "Abeja Nomada fervida", + "shortDescription": "Abeja cleptoparásita", + "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", + "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", "facts": { - "yearOfBirth": "1910", - "yearOfDeath": "1994", - "birthPlace": "El Cairo, Egipto / Shipston-on-Stour, Reino Unido", - "mainField": "Química" + "promedioDeVida": "alrededor de 4 semanas", + "familia": "Apidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.some.ox.ac.uk/news/jan-royall-why-we-must-champion-dorothy-hodgkin-for-the-50-note/" + "curiosidades": [ + "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." + ] } }, { - "id": "marie-curie", - "name": "Marie Curie", - "shortDescription": "Física y química, ganadora de dos Premios Nobel.", - "description": "física y química de origen polaco y nacionalizada francesa, es una de las figuras más icónicas en la historia de la ciencia. Ganadora de dos premios Nobel (Física en 1903 y Química en 1911), Curie realizó investigaciones fundamentales sobre la radiactividad y el descubrimiento de los elementos radio y polonio. Su dedicación y valentía en la investigación científica, a pesar de los desafíos de la discriminación de género y los riesgos de la radiación, la convierten en un modelo a seguir para científicas de todo el mundo.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marie-curie.jpg", + "id": "hylaeus-signatus", + "name": "Abeja Hylaeus signatus", + "shortDescription": "Abeja de cara amarilla", + "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", + "imageUrl": "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", "facts": { - "yearOfBirth": "1867", - "yearOfDeath": "1934", - "birthPlace": "Varsovia, Polonia", - "mainField": "Física y Química" + "promedioDeVida": "de 2 a 4 semanas", + "familia": "Colletidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.historyextra.com/period/first-world-war/life-of-the-week-marie-curie/" + "curiosidades": [ + "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", + "Anidan en cavidades preexistentes y son solitarias." + ] } }, { - "id": "marjory-stephenson", - "name": "Marjory Stephenson", - "shortDescription": "Microbióloga y bioquímica, investigó en enzimología.", - "description": "Bioquímica británica, brilló como científica en una época en la que las mujeres enfrentaban obstáculos muy significativos en la investigación científica. Su trabajo pionero en microbiología, enzimología y bioquímica contribuyó al entendimiento de procesos fundamentales en la vida. Fue una de las primeras mujeres en ser elegida miembro de la Royal Society, un reconocimiento a su destacada contribución a la ciencia. Además, fue una mentora y defensora de las mujeres en la ciencia, inspirando y allanando el camino para futuras generaciones.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/marjory-stephenson.jpg", - "facts": { - "yearOfBirth": "1885", - "yearOfDeath": "1948", - "birthPlace": "Londres, Reino Unido", - "mainField": "Química, Microbiología, Bioquímica" - }, - "extraInfo": { - "imageSource": "https://microbiologysociety.org/grants-prizes/all-prizes-and-competitions-/prize-lectures/marjory-stephenson-prize-lecture/marjory-stephenson-a-short-history.html" + "id": "bombus-impatiens", + "name": "Abeja Bombus impatiens", + "shortDescription": "Abejorro impaciente", + "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", + "imageUrl": "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + "facts": { + "promedioDeVida": "de 12 a 16 semanas", + "familia": "Apidae", + "productorDeMiel": "Sí, en pequeñas cantidades" + }, + "extraInfo": { + "curiosidades": [ + "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", + "Forman colonias con una reina y trabajadoras." + ] } }, { - "id": "rosalind-franklin", - "name": "Rosalind Franklin", - "shortDescription": "Química y cristalógrafa, contribuyó a la comprensión de la estructura del ADN.", - "description": "Química y cristalógrafa británica, destacó en un campo dominado por hombres y su contribución a la ciencia es innegable. Sus investigaciones pioneras en la cristalografía de rayos X fueron fundamentales para revelar la estructura del ADN en forma de doble hélice, un hito crucial en la biología molecular. A pesar de que su trabajo inicial fue subestimado, su determinación y habilidad científica allanaron el camino para futuros avances en genética y biología. Franklin es un ejemplo inspirador de cómo las mujeres pueden sobresalir en la ciencia, dejando un legado duradero en la investigación y la igualdad de género.", - "imageUrl": "https://laboratoria-dataverse-talks.netlify.app/public/rosalind-franklin.jpg", + "id": "osmia-lignaria", + "name": "Abeja Osmia lignaria", + "shortDescription": "Abeja albañil azul", + "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + "imageUrl": "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", "facts": { - "yearOfBirth": "1920", - "yearOfDeath": "1958", - "birthPlace": "Londres, Reino Unido", - "mainField": "Química, Cristalografía" + "promedioDeVida": "de 4 a 6 semanas", + "familia": "Megachilidae", + "productorDeMiel": "No" }, "extraInfo": { - "imageSource": "https://www.esa.int/ESA_Multimedia/Images/2020/07/Artistic_illustration_of_Rosalind_Franklin" + "curiosidades": [ + "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." + ] } } -]; +] \ No newline at end of file diff --git a/src/dataFunctions.js b/src/dataFunctions.js index 5de554af..bd8dbb29 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -1,9 +1,32 @@ -// Estas funciones son ejemplos, aquí puedes desarrollar tus propias funciones. -export const example = () => { - return 'example'; -}; -export const anotherExample = () => { - return []; -}; +export function filterData(data, filterBy, value) { + if (filterBy === "familia") { + return data.filter((bee) => bee.facts && bee.facts.familia === value); + } + return data.filter((bee) => bee[filterBy] === value); +} +export function sortData(data, sortBy, sortOrder) { + return data.slice().sort((a, b) => { + if (sortBy === "name") { + if (sortOrder === "asc") { + return a.name.localeCompare(b.name); + } else if (sortOrder === "desc") { + return b.name.localeCompare(a.name); + } + } + return 0; + }); +} +export function computeStats(data) { + const totalItems = data.length; + const totalDescriptionLength = data.reduce( + (sum, bee) => sum + bee.description.length, + 0 + ); + const avgDescriptionLength = totalDescriptionLength / totalItems; + return { + totalItems, + avgDescriptionLength, + }; +} diff --git a/src/index.html b/src/index.html index a10bc064..7f43ac95 100644 --- a/src/index.html +++ b/src/index.html @@ -2,10 +2,40 @@ - Data Lovers + + Data Lovers | Abejas +
      +

      Abejas

      +
      +
      +

      En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

      + + + + + +
      +
        +
      • +
      + +
      +
      +
      +

      Sara Arvizu y Sara Saldarriaga

      +
      diff --git a/src/main.js b/src/main.js index cab4fb0c..def7bb7a 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,61 @@ -import { example } from './dataFunctions.js'; -import { renderItems } from './view.js'; +import { filterData, sortData, computeStats } from "./dataFunctions.js"; +import data from "./data/dataset.js"; +import { renderItems } from "./view.js"; -import data from './data/dataset.js'; +// Selecciona el elemento del DOM para el selector de familia +const familySelect = document.querySelector('[name="familia"]'); -console.log(example, renderItems(data), data); +// Selecciona el elemento del DOM para el selector de orden +const sortSelect = document.querySelector('[name="orden"]'); + +// Selecciona el botón de borrado por su atributo data-testid +const resetButton = document.querySelector('[data-testid="button-clear"]'); + +// Selecciona el elemento del DOM donde se mostrarán las tarjetas +const rootElement = document.querySelector("#root"); + +// Agrega las tarjetas iniciales al elemento root +rootElement.appendChild(renderItems(data)); + +// Función para filtrar y mostrar datos según las selecciones +const filterAndRenderData = () => { + // Obtiene el valor seleccionado en el selector de familia + const selectedFamily = familySelect.value; + + // Obtiene el valor seleccionado en el selector de orden + const selectedSortOrder = sortSelect.value; + + // Clona el arreglo original de datos + let filteredData = data.slice(); + + // Aplica filtro por familia si se selecciona una + if (selectedFamily !== "") { + filteredData = filterData(filteredData, "familia", selectedFamily); + } + + // Aplica la ordenación de datos + filteredData = sortData(filteredData, "name", selectedSortOrder); + + // Limpia el contenido actual y muestra las tarjetas filtradas + rootElement.innerHTML = ""; + rootElement.appendChild(renderItems(filteredData)); +}; + +// Agrega manejadores de eventos para cambios en los selectores +familySelect.addEventListener("change", filterAndRenderData); +sortSelect.addEventListener("change", filterAndRenderData); + +// Agrega un manejador de eventos al botón de borrado +resetButton.addEventListener("click", () => { + // Restablece los selectores de filtro y muestra todas las tarjetas sin filtro + familySelect.value = ""; + sortSelect.value = "asc"; // Asumiendo que "asc" es el valor predeterminado + filterAndRenderData(); +}); + +// Llama a la función para mostrar los datos al cargar la página +filterAndRenderData(); + +// Calcula estadísticas y las muestra en la consola +const stats = computeStats(data); +window.console.log("Estadísticas:", stats); diff --git a/src/style.css b/src/style.css index e69de29b..49157e3b 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,189 @@ +* Estilos para el encabezado */ +header { + margin-left: 50px; + text-align: left; + font-size: 40px; + } + header h1 { + margin: 0; + font-size: 60px; + color: rgb(226, 165, 8); + } + /* Estilos para subtítulos */ + h2 { + text-align: left; + margin-left: 50px; + font-size: 40px; + } + /* Estilos para imágenes */ + img { + width: 80%; /* Todas las imágenes tendrán el mismo ancho del 100% del contenedor */ + height: auto; /* La altura se ajustará automáticamente */ + display: block; + margin: 0 auto; + } + /* Estilos para el aside */ + aside { + padding-left: 15px; + margin-right: 15px; + font-family: Arial, sans-serif; /* Corregir la propiedad a 'font-family' */ + display: block; + } + /* Estilos para etiquetas */ + label { + margin-left: 50px; + font-size: 30px; + } + /* Estilo para los elementos 'select' */ + select { + padding: 5px; + font-size: 20px; + border: 1px solid #ccc; + border-radius: 4px; + width: 200px; + margin-right: 10px; + } + /* Estilo para el botón */ + button { + padding: 10px 15px; + font-size: 20px; + background-color: #EEBC0A; + color: #fff; + border: none; + border-radius: 6px; + cursor: pointer; + } +/* Estilos generales */ +li { + display: inline-block; + list-style: none; + border: 2px solid rgb(248, 238, 96); + padding: 10px; + font-size: 18px; + font-family: 'Quicksand', sans-serif; + text-align: center; + margin: 10px 0; + align-items: center; + justify-content: center; +} +ul { + text-align: center; + width: 100%; + padding: 0; +} +#root { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.imgTarjeta { + width: 400px; + height: 400px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 10%; + border: 3px solid rgb(238, 238, 240); +} +/* Tarjetas */ +.tarjetas { + border-radius: 10px; + border: 4px solid rgb(239, 243, 9); + list-style: none; + margin: 5px; + height: 900px; + float: left; + padding: 5px; + width: calc(25% - 10px); + text-align: center; + box-sizing: border-box; + background-repeat: no-repeat; + background-size: cover; + font-size: 18px; + font-family: 'Quicksand', sans-serif; + color: #333333; +} +/* Eliminar márgenes y rellenos predeterminados */ +dl, dd { + margin: 0; + padding: 0; +} +dd { + display: flex; + border-radius: 10px; + margin: 10px; + padding: 10px; + text-align: center; + max-width: 90%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + box-sizing: border-box; +} +/* Estilo para texto con elipsis */ +.estilo { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + line-height: 1.2; + max-height: 3.6em; + display: flex; +} +/* Estilo para encabezados de lista */ +dt { + display: flex; + width: 100%; + text-align: center; + align-items: center; + justify-content: center; +} +/* Estilos responsivos */ +@media (max-width: 912px) { + .tarjetas { + width: calc(50% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: flex; + justify-content: center; + } + li { + width: 100%; + margin: 0; + white-space: normal; + overflow: visible; + } + .imgTarjeta { + width: 200px; + height: 200px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 20%; + } + .estilo { + white-space: normal; + text-overflow: clip; + } + dd { + white-space: normal; + overflow: visible; + max-width: 100%; + } + dt { + white-space: normal; + overflow: visible; + max-width: 100%; + } +} +/* Estilos para dispositivos móviles */ +@media (max-width: 480px) { + .tarjetas { + width: calc(100% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: block; /* Cambia a "display: block" para que las tarjetas se ubiquen una debajo de la otra */ + } +} \ No newline at end of file diff --git a/src/view.js b/src/view.js index 0da7b7fa..8a402078 100644 --- a/src/view.js +++ b/src/view.js @@ -1,6 +1,29 @@ export const renderItems = (data) => { - console.log(data) - // Aquí comienza tu código y puedes retornar lo que tu necesites - return 'example'; -}; - + const ul = document.createElement("ul"); + for (let i = 0; i < data.length; i++) { + const bee = data[i]; + const li = document.createElement("li"); + li.classList.add("tarjetas"); // AGREGUE ESTO + li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li + + li.innerHTML = ` +
      + ${bee.id} +
      Nombre:
      +
      ${bee.name}
      +
      Corta descripción:
      +
      ${bee.shortDescription}
      +
      Descripción:
      +
      ${bee.description}
      +
      Familia:
      +
      ${bee.facts.familia}
      +
      Promedio de vida:
      +
      ${bee.facts.promedioDeVida}
      +
      Productor De Miel:
      +
      ${bee.facts.productorDeMiel}
      +
      + `; + ul.appendChild(li); + } + return ul; +}; \ No newline at end of file diff --git a/test/data.js b/test/data.js index 9b3c238b..a62c60a9 100644 --- a/test/data.js +++ b/test/data.js @@ -1,5 +1,467 @@ // Aqui puedes agregar los datos que necesites para tus pruebas // al menos debe tener uno que se llame "data" -export const data = []; +export const data = [ + { + id: "apis-mellifera", + name: "Abeja Apis mellifera", + shortDescription: "Abeja melífera europea", + description: + "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", + imageUrl: "https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 5 semanas en verano", + familia: "Apidae", + productorDeMiel: "Sí", + }, + extraInfo: { + curiosidades: [ + "Las abejas Apis mellifera son altamente sociales y viven en colmenas con una estructura jerárquica.", + "Son responsables de la polinización de numerosas frutas, verduras y cultivos de importancia económica.", + ], + }, + }, + { + id: "bombus-terrestris", + name: "Abeja Bombus terrestris", + shortDescription: "Abeja de tierra", + description: + "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", + imageUrl: "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", + facts: { + promedioDeVida: "de 12 a 14 semanas", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", + "Son abejas sociales con colonias que incluyen una reina y trabajadoras.", + ], + }, + }, + { + id: "xylocopa-violacea", + name: "Abeja Xylocopa violacea", + shortDescription: "Abeja carpintera violeta", + description: + "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", + imageUrl: "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", + facts: { + promedioDeVida: "de 1 a 2 meses", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", + "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas.", + ], + }, + }, + { + id: "halictus-ligatus", + name: "Abeja Halictus ligatus", + shortDescription: "Abeja sudorera verde", + description: + "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", + imageUrl: "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 6 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", + "Juegan un papel importante en la polinización de diversas flores silvestres.", + ], + }, + }, + { + id: "megachile-rotundata", + name: "Abeja Megachile rotundata", + shortDescription: "Abeja cortadora de hojas", + description: + "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", + imageUrl: "https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", + facts: { + promedioDeVida: "de 6 a 8 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", + "Son excelentes polinizadores y su uso en la agricultura es común.", + ], + }, + }, + { + id: "osmia-bicornis", + name: "Abeja Osmia bicornis", + shortDescription: "Abeja albañil azul", + description: + "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + imageUrl: "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos.", + ], + }, + }, + { + id: "anthidium-manicatum", + name: "Abeja Anthidium manicatum", + shortDescription: "Abeja cardera", + description: + "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", + imageUrl: "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", + "Son polinizadores efectivos y se encuentran en diversos hábitats.", + ], + }, + }, + { + id: "eucera-nigrescens", + name: "Abeja Eucera nigrescens", + shortDescription: "Abeja de arena negra", + description: + "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", + imageUrl: "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", + "A menudo excavan nidos en el suelo y son solitarias.", + ], + }, + }, + { + id: "melipona-beecheii", + name: "Abeja Melipona beecheii", + shortDescription: "Abeja sin aguijón de la miel", + description: + "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", + imageUrl: "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 meses", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", + "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones.", + ], + }, + }, + { + id: "ceratina-dallatorreana", + name: "Abeja Ceratina dallatorreana", + shortDescription: "Abeja cuerno negro", + description: + "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", + imageUrl: "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", + facts: { + promedioDeVida: "aproximadamente 4 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", + "Son polinizadoras eficaces de diversas flores.", + ], + }, + }, + { + id: "colletes-cunicularius", + name: "Abeja Colletes cunicularius", + shortDescription: "Abeja excavadora", + description: + "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", + imageUrl: "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", + "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen.", + ], + }, + }, + { + id: "hylaeus-hyalinatus", + name: "Abeja Hylaeus hyalinatus", + shortDescription: "Abeja de vidrio", + description: + "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", + imageUrl: "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", + "Son polinizadoras de diversas flores y plantas silvestres.", + ], + }, + }, + { + id: "lasioglossum-calceatum", + name: "Abeja Lasioglossum calceatum", + shortDescription: "Abeja peluda", + description: + "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", + imageUrl: "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", + "Anidan en el suelo y tienen una dieta de néctar y polen.", + ], + }, + }, + { + id: "nomia-melanderi", + name: "Abeja Nomia melanderi", + shortDescription: "Abeja de tierra metálica", + description: + "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", + imageUrl: "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", + "Anidan en el suelo y recolectan néctar y polen de una variedad de flores.", + ], + }, + }, + { + id: "andrena-wilkella", + name: "Abeja Andrena wilkella", + shortDescription: "Abeja minera", + description: + "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", + imageUrl: "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 5 semanas", + familia: "Andrenidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", + "Son polinizadoras de una variedad de flores silvestres y cultivos.", + ], + }, + }, + { + id: "perdita-minima", + name: "Abeja Perdita minima", + shortDescription: "Abeja perdita", + description: + "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", + imageUrl: "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 semanas", + familia: "Andrenidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", + "Son solitarias y anidan en el suelo.", + ], + }, + }, + { + id: "epeolus-variegatus", + name: "Abeja Epeolus variegatus", + shortDescription: "Abeja cleptoparásita", + description: + "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", + imageUrl: "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras.", + ], + }, + }, + { + id: "agapostemon-texanus", + name: "Abeja Agapostemon texanus", + shortDescription: "Abeja rayada verde", + description: + "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", + imageUrl: "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", + "Son abejas sociales y forman colonias en el suelo.", + ], + }, + }, + { + id: "dialictus-zephyrus", + name: "Abeja Dialictus zephyrus", + shortDescription: "Abeja esmeralda", + description: + "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", + imageUrl: "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", + "Son abejas sociales y anidan en el suelo.", + ], + }, + }, + { + id: "megachile-sculpturalis", + name: "Abeja Megachile sculpturalis", + shortDescription: "Abeja cortadora de hojas gigante", + description: + "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", + imageUrl: "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", + "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas.", + ], + }, + }, + { + id: "nomada-fervida", + name: "Abeja Nomada fervida", + shortDescription: "Abeja cleptoparásita", + description: + "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", + imageUrl: "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras.", + ], + }, + }, + { + id: "hylaeus-signatus", + name: "Abeja Hylaeus signatus", + shortDescription: "Abeja de cara amarilla", + description: + "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", + imageUrl: + "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", + "Anidan en cavidades preexistentes y son solitarias.", + ], + }, + }, + { + id: "bombus-impatiens", + name: "Abeja Bombus impatiens", + shortDescription: "Abejorro impaciente", + description: + "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", + imageUrl: + "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 12 a 16 semanas", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", + "Forman colonias con una reina y trabajadoras.", + ], + }, + }, + { + id: "osmia-lignaria", + name: "Abeja Osmia lignaria", + shortDescription: "Abeja albañil azul", + description: + "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + imageUrl: + "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos.", + ], + }, + }, +]; + + diff --git a/test/dataFunctions.spec.js b/test/dataFunctions.spec.js index 72c5eb9d..35cb5d03 100644 --- a/test/dataFunctions.spec.js +++ b/test/dataFunctions.spec.js @@ -1,18 +1,49 @@ -import { example, anotherExample } from '../src/dataFunctions.js'; -import { data as fakeData } from './data.js'; +import { data as fakeData } from "./data.js"; +window.console.log(fakeData); -console.log(fakeData); - -describe('example', () => { - - it('returns `example`', () => { - expect(example()).toBe('example'); +import { filterData, sortData, computeStats } from "../src/dataFunctions.js"; +import data from "../src/data/dataset.js"; +import { renderItems } from "../src/view.js"; +describe("Data Filtering", () => { + it("filters data by family correctly", () => { + const filteredData = filterData(data, "familia", "Apidae"); + expect(filteredData.every((bee) => bee.facts.familia === "Apidae")).toBe( + true + ); + }); + it("filters data when an invalid family is selected", () => { + const filteredData = filterData(data, "familia", "InvalidFamily"); + expect(filteredData.length).toBe(0); + }); + it("filters data when an invalid family is selected", () => { + const filteredData = filterData(data, "pepito", "InvalidFamily"); // modificada + expect(filteredData.length).toBe(0); }); }); - -describe('anotherExample', () => { - - it('returns `anotherExample`', () => { - expect(anotherExample()).toBe('OMG'); +describe("Data Sorting", () => { + it("sorts data in ascending order by name", () => { + const sortedData = sortData(data, "name", "asc"); + expect(sortedData[0].name <= sortedData[1].name).toBe(true); + }); + it("sorts data in descending order by name", () => { + const sortedData = sortData(data, "name", "desc"); + expect(sortedData[0].name >= sortedData[1].name).toBe(true); + }); + it("sorts data in descending order by name", () => { + const sortedData = sortData([], "pepito", "desc"); // modificada + expect(sortedData).toBe([]); + }); +}); +describe("Data Rendering", () => { + it("renders data correctly", () => { + const renderedData = renderItems(data); + const listItemElements = renderedData.querySelectorAll("li"); + expect(listItemElements.length).toBe(data.length); + }); +}); +describe("Statistics Computation", () => { + it("computes statistics correctly", () => { + const stats = computeStats(data); + expect(stats.totalItems).toBe(data.length); }); }); From f245bb089ef8eb56ecce6b9e1b7d1cd9fee6c397 Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Tue, 7 Nov 2023 16:03:41 -0600 Subject: [PATCH 12/25] Correccion de test --- src/data/dataset.js | 764 ++++++++++++++++++++++--------------------- src/dataFunctions.js | 2 - src/index.html | 63 +--- src/main.js | 14 +- src/style.css | 232 +++++++++++++ src/view.js | 75 +---- 6 files changed, 648 insertions(+), 502 deletions(-) diff --git a/src/data/dataset.js b/src/data/dataset.js index 89354ef4..d41abcc5 100644 --- a/src/data/dataset.js +++ b/src/data/dataset.js @@ -1,431 +1,459 @@ export default [ { - "id": "apis-mellifera", - "name": "Abeja Apis mellifera", - "shortDescription": "Abeja melífera europea", - "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", - "imageUrl":"https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 5 semanas en verano", - "familia": "Apidae", - "productorDeMiel": "Sí" - }, - "extraInfo": { - "imageSource": "https://www.bing.com/images/create/genera-una-imagen-de-ada-lovelace2c-la-primera-prog/650a1eff8ff04b88833d5cdef0309441" - } + id: "apis-mellifera", + name: "Abeja Apis mellifera", + shortDescription: "Abeja melífera europea", + description: + "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", + imageUrl: "https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 5 semanas en verano", + familia: "Apidae", + productorDeMiel: "Sí", + }, + extraInfo: { + imageSource: + "https://www.bing.com/images/create/genera-una-imagen-de-ada-lovelace2c-la-primera-prog/650a1eff8ff04b88833d5cdef0309441", + }, }, { - "id": "bombus-terrestris", - "name": "Abeja Bombus terrestris", - "shortDescription": "Abeja de tierra", - "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", - "imageUrl": "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", - "facts": { - "promedioDeVida": "de 12 a 14 semanas", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ + id: "bombus-terrestris", + name: "Abeja Bombus terrestris", + shortDescription: "Abeja de tierra", + description: + "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", + imageUrl: "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", + facts: { + promedioDeVida: "de 12 a 14 semanas", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", - "Son abejas sociales con colonias que incluyen una reina y trabajadoras." - ] - } + "Son abejas sociales con colonias que incluyen una reina y trabajadoras.", + ], + }, }, { - "id": "xylocopa-violacea", - "name": "Abeja Xylocopa violacea", - "shortDescription": "Abeja carpintera violeta", - "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", - "imageUrl": "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", - "facts": { - "promedioDeVida": "de 1 a 2 meses", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "xylocopa-violacea", + name: "Abeja Xylocopa violacea", + shortDescription: "Abeja carpintera violeta", + description: + "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", + imageUrl: "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", + facts: { + promedioDeVida: "de 1 a 2 meses", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", - "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas." - ] - } + "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas.", + ], + }, }, { - "id": "halictus-ligatus", - "name": "Abeja Halictus ligatus", - "shortDescription": "Abeja sudorera verde", - "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", - "imageUrl": "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 6 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "halictus-ligatus", + name: "Abeja Halictus ligatus", + shortDescription: "Abeja sudorera verde", + description: + "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", + imageUrl: "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 6 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", - "Juegan un papel importante en la polinización de diversas flores silvestres." - ] - } + "Juegan un papel importante en la polinización de diversas flores silvestres.", + ], + }, }, { - "id": "megachile-rotundata", - "name": "Abeja Megachile rotundata", - "shortDescription": "Abeja cortadora de hojas", - "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", - "imageUrl":"https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", - "facts": { - "promedioDeVida": "de 6 a 8 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", - "Son excelentes polinizadores y su uso en la agricultura es común." - ] - } + id: "megachile-rotundata", + name: "Abeja Megachile rotundata", + shortDescription: "Abeja cortadora de hojas", + description: + "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", + imageUrl: "https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", + facts: { + promedioDeVida: "de 6 a 8 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", + "Son excelentes polinizadores y su uso en la agricultura es común.", + ], + }, }, { - "id": "osmia-bicornis", - "name": "Abeja Osmia bicornis", - "shortDescription": "Abeja albañil azul", - "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "osmia-bicornis", + name: "Abeja Osmia bicornis", + shortDescription: "Abeja albañil azul", + description: + "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + imageUrl: "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", - "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." - ] - } + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos.", + ], + }, }, { - "id": "anthidium-manicatum", - "name": "Abeja Anthidium manicatum", - "shortDescription": "Abeja cardera", - "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", - "imageUrl": "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", - "Son polinizadores efectivos y se encuentran en diversos hábitats." - ] - } + id: "anthidium-manicatum", + name: "Abeja Anthidium manicatum", + shortDescription: "Abeja cardera", + description: + "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", + imageUrl: "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", + "Son polinizadores efectivos y se encuentran en diversos hábitats.", + ], + }, }, { - "id": "eucera-nigrescens", - "name": "Abeja Eucera nigrescens", - "shortDescription": "Abeja de arena negra", - "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", - "imageUrl": "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "eucera-nigrescens", + name: "Abeja Eucera nigrescens", + shortDescription: "Abeja de arena negra", + description: + "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", + imageUrl: "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", - "A menudo excavan nidos en el suelo y son solitarias." - ] - } + "A menudo excavan nidos en el suelo y son solitarias.", + ], + }, }, { - "id": "melipona-beecheii", - "name": "Abeja Melipona beecheii", - "shortDescription": "Abeja sin aguijón de la miel", - "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", - "imageUrl": "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 meses", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ + id: "melipona-beecheii", + name: "Abeja Melipona beecheii", + shortDescription: "Abeja sin aguijón de la miel", + description: + "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", + imageUrl: "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 meses", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", - "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones." - ] - } + "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones.", + ], + }, }, { - "id": "ceratina-dallatorreana", - "name": "Abeja Ceratina dallatorreana", - "shortDescription": "Abeja cuerno negro", - "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", - "imageUrl": "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", - "facts": { - "promedioDeVida": "aproximadamente 4 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", - "Son polinizadoras eficaces de diversas flores." - ] - } + id: "ceratina-dallatorreana", + name: "Abeja Ceratina dallatorreana", + shortDescription: "Abeja cuerno negro", + description: + "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", + imageUrl: "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", + facts: { + promedioDeVida: "aproximadamente 4 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", + "Son polinizadoras eficaces de diversas flores.", + ], + }, }, { - "id": "colletes-cunicularius", - "name": "Abeja Colletes cunicularius", - "shortDescription": "Abeja excavadora", - "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", - "imageUrl": "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "colletes-cunicularius", + name: "Abeja Colletes cunicularius", + shortDescription: "Abeja excavadora", + description: + "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", + imageUrl: "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", - "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen." - ] - } + "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen.", + ], + }, }, { - "id": "hylaeus-hyalinatus", - "name": "Abeja Hylaeus hyalinatus", - "shortDescription": "Abeja de vidrio", - "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", - "imageUrl": "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", - "Son polinizadoras de diversas flores y plantas silvestres." - ] - } + id: "hylaeus-hyalinatus", + name: "Abeja Hylaeus hyalinatus", + shortDescription: "Abeja de vidrio", + description: + "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", + imageUrl: "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", + "Son polinizadoras de diversas flores y plantas silvestres.", + ], + }, }, { - "id": "lasioglossum-calceatum", - "name": "Abeja Lasioglossum calceatum", - "shortDescription": "Abeja peluda", - "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", - "imageUrl": "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", - "Anidan en el suelo y tienen una dieta de néctar y polen." - ] - } + id: "lasioglossum-calceatum", + name: "Abeja Lasioglossum calceatum", + shortDescription: "Abeja peluda", + description: + "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", + imageUrl: "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", + "Anidan en el suelo y tienen una dieta de néctar y polen.", + ], + }, }, { - "id": "nomia-melanderi", - "name": "Abeja Nomia melanderi", - "shortDescription": "Abeja de tierra metálica", - "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", - "imageUrl": "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "nomia-melanderi", + name: "Abeja Nomia melanderi", + shortDescription: "Abeja de tierra metálica", + description: + "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", + imageUrl: "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", - "Anidan en el suelo y recolectan néctar y polen de una variedad de flores." - ] - } + "Anidan en el suelo y recolectan néctar y polen de una variedad de flores.", + ], + }, }, { - "id": "andrena-wilkella", - "name": "Abeja Andrena wilkella", - "shortDescription": "Abeja minera", - "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", - "imageUrl": "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 5 semanas", - "familia": "Andrenidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", - "Son polinizadoras de una variedad de flores silvestres y cultivos." - ] - } + id: "andrena-wilkella", + name: "Abeja Andrena wilkella", + shortDescription: "Abeja minera", + description: + "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", + imageUrl: "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 5 semanas", + familia: "Andrenidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", + "Son polinizadoras de una variedad de flores silvestres y cultivos.", + ], + }, }, { - "id": "perdita-minima", - "name": "Abeja Perdita minima", - "shortDescription": "Abeja perdita", - "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", - "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 semanas", - "familia": "Andrenidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "perdita-minima", + name: "Abeja Perdita minima", + shortDescription: "Abeja perdita", + description: + "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", + imageUrl: "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 semanas", + familia: "Andrenidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", - "Son solitarias y anidan en el suelo." - ] - } + "Son solitarias y anidan en el suelo.", + ], + }, }, { - "id": "epeolus-variegatus", - "name": "Abeja Epeolus variegatus", - "shortDescription": "Abeja cleptoparásita", - "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", - "imageUrl": "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "epeolus-variegatus", + name: "Abeja Epeolus variegatus", + shortDescription: "Abeja cleptoparásita", + description: + "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", + imageUrl: "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 3 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", - "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." - ] - } + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras.", + ], + }, }, { - "id": "agapostemon-texanus", - "name": "Abeja Agapostemon texanus", - "shortDescription": "Abeja rayada verde", - "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", - "imageUrl": "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "agapostemon-texanus", + name: "Abeja Agapostemon texanus", + shortDescription: "Abeja rayada verde", + description: + "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", + imageUrl: "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", - "Son abejas sociales y forman colonias en el suelo." - ] - } + "Son abejas sociales y forman colonias en el suelo.", + ], + }, }, { - "id": "dialictus-zephyrus", - "name": "Abeja Dialictus zephyrus", - "shortDescription": "Abeja esmeralda", - "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", - "imageUrl": "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "dialictus-zephyrus", + name: "Abeja Dialictus zephyrus", + shortDescription: "Abeja esmeralda", + description: + "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", + imageUrl: "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", + facts: { + promedioDeVida: "de 3 a 4 semanas", + familia: "Halictidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", - "Son abejas sociales y anidan en el suelo." - ] - } + "Son abejas sociales y anidan en el suelo.", + ], + }, }, { - "id": "megachile-sculpturalis", - "name": "Abeja Megachile sculpturalis", - "shortDescription": "Abeja cortadora de hojas gigante", - "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", - "imageUrl": "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", - "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas." - ] - } + id: "megachile-sculpturalis", + name: "Abeja Megachile sculpturalis", + shortDescription: "Abeja cortadora de hojas gigante", + description: + "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", + imageUrl: "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ + "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", + "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas.", + ], + }, }, { - "id": "nomada-fervida", - "name": "Abeja Nomada fervida", - "shortDescription": "Abeja cleptoparásita", - "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", - "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "nomada-fervida", + name: "Abeja Nomada fervida", + shortDescription: "Abeja cleptoparásita", + description: + "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", + imageUrl: "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", + facts: { + promedioDeVida: "alrededor de 4 semanas", + familia: "Apidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", - "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." - ] - } + "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras.", + ], + }, }, { - "id": "hylaeus-signatus", - "name": "Abeja Hylaeus signatus", - "shortDescription": "Abeja de cara amarilla", - "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", - "imageUrl": "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "hylaeus-signatus", + name: "Abeja Hylaeus signatus", + shortDescription: "Abeja de cara amarilla", + description: + "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", + imageUrl: + "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 2 a 4 semanas", + familia: "Colletidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", - "Anidan en cavidades preexistentes y son solitarias." - ] - } + "Anidan en cavidades preexistentes y son solitarias.", + ], + }, }, { - "id": "bombus-impatiens", - "name": "Abeja Bombus impatiens", - "shortDescription": "Abejorro impaciente", - "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", - "imageUrl": "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 12 a 16 semanas", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", - "Forman colonias con una reina y trabajadoras." - ] - } + id: "bombus-impatiens", + name: "Abeja Bombus impatiens", + shortDescription: "Abejorro impaciente", + description: + "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", + imageUrl: + "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 12 a 16 semanas", + familia: "Apidae", + productorDeMiel: "Sí, en pequeñas cantidades", + }, + extraInfo: { + curiosidades: [ + "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", + "Forman colonias con una reina y trabajadoras.", + ], + }, }, { - "id": "osmia-lignaria", - "name": "Abeja Osmia lignaria", - "shortDescription": "Abeja albañil azul", - "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ + id: "osmia-lignaria", + name: "Abeja Osmia lignaria", + shortDescription: "Abeja albañil azul", + description: + "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", + imageUrl: + "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", + facts: { + promedioDeVida: "de 4 a 6 semanas", + familia: "Megachilidae", + productorDeMiel: "No", + }, + extraInfo: { + curiosidades: [ "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", - "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." - ] - } - } -] \ No newline at end of file + "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos.", + ], + }, + }, +]; diff --git a/src/dataFunctions.js b/src/dataFunctions.js index bd8dbb29..b267b61f 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -1,5 +1,3 @@ - - export function filterData(data, filterBy, value) { if (filterBy === "familia") { return data.filter((bee) => bee.facts && bee.facts.familia === value); diff --git a/src/index.html b/src/index.html index 8fce8f18..7337939d 100644 --- a/src/index.html +++ b/src/index.html @@ -1,9 +1,11 @@ - -<<<<<<< HEAD - + + Data Lovers | Abejas @@ -11,15 +13,19 @@

      Abejas

      -
      -

      En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

      +
      +

      + En esta página, podrás explorar una amplia variedad de abejas y utilizar + filtros para clasificarlas según su familia de pertenencia. +

      -
      -
        -
      • -
      +
      +

      Sara Arvizu y Sara Saldarriaga

      -======= - - Data Lovers|Abejas - - - -

      Abejas

      -
      -

      En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

      - - - - - - - - - - -
      - -
      - -
      - -
      -

      Sara Arvizu y Sara Saldarriaga

      -
      - ->>>>>>> f92c4f30a9ba54fc7cb322b0533f500ed6cf8313 diff --git a/src/main.js b/src/main.js index a4d6e325..3b450f13 100644 --- a/src/main.js +++ b/src/main.js @@ -1,13 +1,7 @@ - import { filterData, sortData, computeStats } from "./dataFunctions.js"; import data from "./data/dataset.js"; import { renderItems } from "./view.js"; -/* eslint-disable no-console */ -import { example } from './dataFunctions.js'; -import { renderItems } from './view.js'; - - // Selecciona el elemento del DOM para el selector de familia const familySelect = document.querySelector('[name="familia"]'); @@ -18,7 +12,7 @@ const sortSelect = document.querySelector('[name="orden"]'); const resetButton = document.querySelector('[data-testid="button-clear"]'); // Selecciona el elemento del DOM donde se mostrarán las tarjetas -const rootElement = document.querySelector("#root"); +const rootElement = document.querySelector('#root'); // Agrega las tarjetas iniciales al elemento root rootElement.appendChild(renderItems(data)); @@ -64,8 +58,4 @@ filterAndRenderData(); // Calcula estadísticas y las muestra en la consola const stats = computeStats(data); -window.console.log("Estadísticas:", stats); - -console.log (example, renderItems(data), data); - - +console.log("Estadísticas:", stats); diff --git a/src/style.css b/src/style.css index e69de29b..463e4738 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,232 @@ +/* Estilos para el encabezado */ +header { + margin-left: 50px; + text-align: left; + font-size: 40px; +} + +header h1 { + margin: 0; + font-size: 60px; + color: rgb(226, 165, 8); +} + +/* Estilos para subtítulos */ +h2 { + text-align: left; + margin-left: 50px; + font-size: 40px; +} + +/* Estilos para imágenes */ +img { + width: 80%; + height: auto; + display: block; + margin: 0 auto; +} + +/* Estilos para el aside */ +aside { + padding-left: 15px; + margin-right: 15px; + font-family: Arial, sans-serif; + display: block; +} + +/* Estilos para etiquetas */ +label { + margin-left: 50px; + font-size: 30px; +} + +/* Estilo para los elementos 'select' */ +select { + padding: 5px; + font-size: 20px; + border: 1px solid #ccc; + border-radius: 4px; + width: 200px; + margin-right: 10px; +} + +/* Estilo para el botón */ +button { + padding: 10px 15px; + font-size: 20px; + background-color: #eebc0a; + color: #fff; + border: none; + border-radius: 6px; + cursor: pointer; +} + + + +ul { + text-align: center; + width: 100%; + padding: 0; +} + +#root { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.imgTarjeta { + width: 400px; + height: 400px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 10%; + border: 3px solid rgb(238, 238, 240); +} + +/* Tarjetas */ +.tarjetas { + border-radius: 10px; + border: 4px solid rgb(243, 114, 9); + list-style: none; + margin: 5px; + height: 900px; + float: left; + padding: 5px; + width: calc(25% - 10px); + text-align: center; + box-sizing: border-box; + background-repeat: no-repeat; + background-size: cover; + font-size: 18px; + font-family: "Quicksand", sans-serif; + color: #333333; +} + +/* Eliminar márgenes y rellenos predeterminados */ +dl, +dd { + margin: 0; + padding: 0; +} + +dd { + display: flex; + border-radius: 10px; + margin: 10px; + padding: 10px; + text-align: center; + max-width: 90%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + box-sizing: border-box; +} + +/* Estilo para texto con elipsis */ +.estilo { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + line-height: 1.2; + max-height: 3.6em; + display: flex; +} + +/* Estilo para encabezados de lista */ +dt { + display: flex; + width: 100%; + text-align: center; + align-items: center; + justify-content: center; +} +/* Estilo para el footer */ +footer { + background-color: #f1ebeb; /* Cambia el color de fondo del footer a gris oscuro */ + color: #e64040; /* Cambia el color de texto a blanco */ + text-align: center; + padding: 10px; /* Añade un espacio interior al footer */ + font-size: 18px; + font-family: 'Quicksand', sans-serif; + } + + /* Estilo para los nombres en el footer */ + footer p { + margin: 0; + } + +/* Estilos responsivos */ +@media (max-width: 912px) { + .tarjetas { + width: calc(50% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: flex; + justify-content: center; + } + + li { + width: 100%; + margin: 0; + white-space: normal; + overflow: visible; + } + + .imgTarjeta { + width: 300px; + height: 300px; + display: block; + margin: 0 auto; + margin-top: 20px; + border-radius: 20%; + } + + .estilo { + white-space: normal; + text-overflow: clip; + } + + dd { + white-space: normal; + overflow: visible; + max-width: 100%; + } + + dt { + white-space: normal; + overflow: visible; + max-width: 100%; + } +} + +/* Estilos para dispositivos móviles */ +@media (max-width: 600px) { + .tarjetas { + width: calc(100% - 10px); + box-sizing: border-box; + margin-bottom: 10px; + text-align: center; + display: block; + } + + /* Estilos para los controles en dispositivos móviles */ + .controles { + text-align: center; + margin: 10px 0; + } + + select, + button { + width: 100%; + margin: 5px 0; /* Añade margen inferior para separar los controles */ + } + + /* Estilo para el botón de borrar en dispositivos móviles */ + .boton-borrar { + background-color: #ff0000; /* Cambia el color de fondo a rojo */ + } +} diff --git a/src/view.js b/src/view.js index dba61fca..6c44fe5e 100644 --- a/src/view.js +++ b/src/view.js @@ -1,12 +1,12 @@ export const renderItems = (data) => { -<<<<<<< HEAD const ul = document.createElement("ul"); for (let i = 0; i < data.length; i++) { const bee = data[i]; const li = document.createElement("li"); - li.classList.add("tarjetas"); // AGREGUE ESTO + li.classList.add("tarjetas"); // Agregue la clase "tarjetas" si es necesario li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li - + li.setAttribute("itemscope", ""); // Agregar itemscope al elemento li + li.innerHTML = `
      ${bee.id} @@ -27,71 +27,4 @@ export const renderItems = (data) => { ul.appendChild(li); } return ul; -}; -======= - // eslint-disable-next-line no-console - console.log(data); - // Aquí comienza tu código y puedes retornar lo que tu necesites - - function createAbejaList(data) { - const rootElement = document.getElementById("root"); // Obtener el elemento con id "root" - const ul = document.createElement("ul"); - - for (let i = 0; i < data.length; i++) { - const abeja = data[i]; - const li = document.createElement("li"); - li.innerHTML = ` -
      - ${abeja.id} -
      Nombre:
      -
      ${abeja.name}
      -
      Corta descripción:
      -
      ${abeja.shortDescription}
      -
      Descripción:
      -
      ${abeja.description}
      - -
      - `; - - //este código comprueba si existe información adicional sobre una abeja (como su familia y promedio de vida) en el objeto abeja, y si es así, la muestra en forma de una lista descriptiva en la página. - - const facts = abeja.facts; - if (facts) { - li.innerHTML += ` -
      -
      Familia:
      -
      ${facts.familia}
      -
      Promedio de vida:
      -
      ${facts.promedioDeVida}
      -
      productor De Miel:
      -
      ${facts.productorDeMiel}
      -
      - `; - } - - const curiosidades = abeja.extraInfo.curiosidades; - if (curiosidades && curiosidades.length > 0) { - let curiosidadesHTML = ""; - for (let j = 0; j < curiosidades.length; j++) { - curiosidadesHTML += curiosidades[j]; - if (j < curiosidades.length - 1) { - curiosidadesHTML += "
      "; - } - } - li.innerHTML += ` -
      Curiosidades:
      -
      - ${curiosidadesHTML} -
      - `; - } - - ul.appendChild(li); - } - - rootElement.appendChild(ul); // Agregar la lista
        al elemento con id "root" - } - - createAbejaList(data); // Llama a la función para crear la lista y agregarla -}; ->>>>>>> f92c4f30a9ba54fc7cb322b0533f500ed6cf8313 +}; \ No newline at end of file From 229ea13e68fcf60ef6071327ea351a6009d949b0 Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Tue, 7 Nov 2023 19:33:59 -0600 Subject: [PATCH 13/25] Cambio css --- src/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index 463e4738..299ba675 100644 --- a/src/style.css +++ b/src/style.css @@ -145,7 +145,7 @@ dt { } /* Estilo para el footer */ footer { - background-color: #f1ebeb; /* Cambia el color de fondo del footer a gris oscuro */ + background-color: #e64040; /* Cambia el color de fondo del footer a gris oscuro */ color: #e64040; /* Cambia el color de texto a blanco */ text-align: center; padding: 10px; /* Añade un espacio interior al footer */ From ba99e0b393c2dfe670824ba16c80311dc2ff3b79 Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Wed, 8 Nov 2023 11:51:01 -0600 Subject: [PATCH 14/25] Ultimos cambios ccs y test --- src/dataFunctions.js | 28 ++++++++++++++++++------ src/style.css | 51 +++++++++++++++++++++++--------------------- src/view.js | 5 ++--- 3 files changed, 51 insertions(+), 33 deletions(-) diff --git a/src/dataFunctions.js b/src/dataFunctions.js index b267b61f..faeaac57 100644 --- a/src/dataFunctions.js +++ b/src/dataFunctions.js @@ -1,21 +1,37 @@ export function filterData(data, filterBy, value) { if (filterBy === "familia") { - return data.filter((bee) => bee.facts && bee.facts.familia === value); + // Filtrar los elementos donde 'facts.familia' sea igual a 'value' + const filteredData = data + .filter((bee) => bee.facts && bee.facts.familia === value) // Filtra los elementos + .map((bee) => ({ + ...bee, + [filterBy]: Number(bee[filterBy]), // Convierte a número si es necesario + })); + return filteredData; } - return data.filter((bee) => bee[filterBy] === value); + // Filtrar los elementos donde 'filterBy' sea igual a 'value', convirtiendo a número si es necesario + const filteredData = data + .filter((bee) => bee[filterBy] === value) // Filtra los elementos + .map((bee) => ({ + ...bee, + [filterBy]: Number(bee[filterBy]), // Convierte a número si es necesario + })); + return filteredData; } + export function sortData(data, sortBy, sortOrder) { return data.slice().sort((a, b) => { if (sortBy === "name") { if (sortOrder === "asc") { - return a.name.localeCompare(b.name); + return a.name.localeCompare(b.name); // Ordenar alfabéticamente de manera ascendente } else if (sortOrder === "desc") { - return b.name.localeCompare(a.name); + return b.name.localeCompare(a.name); // Ordenar alfabéticamente de manera descendente } } - return 0; + return 0; // Si no se está ordenando por 'name', no se realiza ninguna modificación }); } + export function computeStats(data) { const totalItems = data.length; const totalDescriptionLength = data.reduce( @@ -27,4 +43,4 @@ export function computeStats(data) { totalItems, avgDescriptionLength, }; -} +} \ No newline at end of file diff --git a/src/style.css b/src/style.css index 299ba675..b2fc8284 100644 --- a/src/style.css +++ b/src/style.css @@ -7,7 +7,7 @@ header { header h1 { margin: 0; - font-size: 60px; + font-size: 50px; color: rgb(226, 165, 8); } @@ -44,7 +44,7 @@ label { select { padding: 5px; font-size: 20px; - border: 1px solid #ccc; + border: 1px solid rgb(226, 165, 8); border-radius: 4px; width: 200px; margin-right: 10px; @@ -54,7 +54,7 @@ select { button { padding: 10px 15px; font-size: 20px; - background-color: #eebc0a; + background-color: rgb(226, 165, 8); color: #fff; border: none; border-radius: 6px; @@ -77,8 +77,8 @@ ul { } .imgTarjeta { - width: 400px; - height: 400px; + width: 280px; + height: 280px; display: block; margin: 0 auto; margin-top: 20px; @@ -88,22 +88,25 @@ ul { /* Tarjetas */ .tarjetas { - border-radius: 10px; - border: 4px solid rgb(243, 114, 9); - list-style: none; - margin: 5px; - height: 900px; - float: left; - padding: 5px; - width: calc(25% - 10px); - text-align: center; - box-sizing: border-box; - background-repeat: no-repeat; - background-size: cover; - font-size: 18px; - font-family: "Quicksand", sans-serif; - color: #333333; -} + border-radius: 10px; + border: 4px solid rgb(226, 165, 8); + list-style: none; + margin: 5px; + height: 900px; + float: left; + padding: 10px; /* Añade espacio interno a las tarjetas */ + width: calc(25% - 10px); + text-align: left; /* Alinea el texto a la izquierda */ + box-sizing: border-box; + background-repeat: no-repeat; + background-size: cover; + font-size: 18px; + font-family: "Quicksand", sans-serif; + color: #333333; + overflow: hidden; /* Evita que el contenido se desborde */ + white-space: nowrap; /* Evita que el contenido se desborde */ + text-overflow: ellipsis; /* Agrega elipsis si el contenido se desborda */ + } /* Eliminar márgenes y rellenos predeterminados */ dl, @@ -145,8 +148,8 @@ dt { } /* Estilo para el footer */ footer { - background-color: #e64040; /* Cambia el color de fondo del footer a gris oscuro */ - color: #e64040; /* Cambia el color de texto a blanco */ + background-color: rgb(226, 165, 8); /* Cambia el color de fondo del footer a gris oscuro */ + color: rgb(232, 229, 222); /* Cambia el color de texto a blanco */ text-align: center; padding: 10px; /* Añade un espacio interior al footer */ font-size: 18px; @@ -227,6 +230,6 @@ footer { /* Estilo para el botón de borrar en dispositivos móviles */ .boton-borrar { - background-color: #ff0000; /* Cambia el color de fondo a rojo */ + background-color: rgb(226, 165, 8); /* Cambia el color de fondo a rojo */ } } diff --git a/src/view.js b/src/view.js index 6c44fe5e..bf61f1bd 100644 --- a/src/view.js +++ b/src/view.js @@ -1,7 +1,6 @@ export const renderItems = (data) => { const ul = document.createElement("ul"); - for (let i = 0; i < data.length; i++) { - const bee = data[i]; + data.forEach((bee) => { // Utilizamos forEach para iterar sobre el array data const li = document.createElement("li"); li.classList.add("tarjetas"); // Agregue la clase "tarjetas" si es necesario li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li @@ -25,6 +24,6 @@ export const renderItems = (data) => {
      `; ul.appendChild(li); - } + }); return ul; }; \ No newline at end of file From 95c89a92a62a4aa8352d864677e4f57b6fa12ad4 Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Fri, 10 Nov 2023 09:08:51 -0600 Subject: [PATCH 15/25] Cambios de test y ccs --- src/main.js | 2 +- src/view.js | 2 - test/data.js | 440 --------------------------------------------------- 3 files changed, 1 insertion(+), 443 deletions(-) diff --git a/src/main.js b/src/main.js index 3b450f13..57e04716 100644 --- a/src/main.js +++ b/src/main.js @@ -12,7 +12,7 @@ const sortSelect = document.querySelector('[name="orden"]'); const resetButton = document.querySelector('[data-testid="button-clear"]'); // Selecciona el elemento del DOM donde se mostrarán las tarjetas -const rootElement = document.querySelector('#root'); +const rootElement = document.querySelector("#root"); // Agrega las tarjetas iniciales al elemento root rootElement.appendChild(renderItems(data)); diff --git a/src/view.js b/src/view.js index a583a697..1b635216 100644 --- a/src/view.js +++ b/src/view.js @@ -9,8 +9,6 @@ export const renderItems = (data) => { li.innerHTML = `
      ${bee.id} -<<<<<<< HEAD -=======
      Nombre:
      ${bee.name}
      Corta descripción:
      diff --git a/test/data.js b/test/data.js index 14b7befb..6cc81893 100644 --- a/test/data.js +++ b/test/data.js @@ -2,442 +2,6 @@ // al menos debe tener uno que se llame "data" export const data = [ -<<<<<<< HEAD - { - "id": "apis-mellifera", - "name": "Abeja Apis mellifera", - "shortDescription": "Abeja melífera europea", - "description": "La Abeja Apis mellifera, también conocida como abeja melífera europea, es una especie de abeja altamente valorada por su capacidad para producir miel y polinizar una amplia variedad de cultivos en todo el mundo. Es una de las abejas más conocidas y domesticadas por los seres humanos.", - "imageUrl":"https://th.bing.com/th/id/OIG.cLhH2nLb4PoQa5Nrq0M9?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 5 semanas en verano", - "familia": "Apidae", - "productorDeMiel": "Sí" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Apis mellifera son altamente sociales y viven en colmenas con una estructura jerárquica.", - "Son responsables de la polinización de numerosas frutas, verduras y cultivos de importancia económica." - ] - } - - }, - { - "id": "bombus-terrestris", - "name": "Abeja Bombus terrestris", - "shortDescription": "Abeja de tierra", - "description": "La Abeja Bombus terrestris, conocida como abeja de tierra o abejorro común, es una especie de abejorro ampliamente distribuida en Europa. Es un polinizador clave en ecosistemas naturales y también se utiliza en la polinización de cultivos.", - "imageUrl": "https://th.bing.com/th/id/OIG.UexCaUWYSQ8UI_Mc_Ekq?pid=ImgGn", - "facts": { - "promedioDeVida": "de 12 a 14 semanas", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Los abejorros Bombus terrestris son polinizadores eficaces de tomates y pimientos en la agricultura.", - "Son abejas sociales con colonias que incluyen una reina y trabajadoras." - ] - } - }, - { - "id": "xylocopa-violacea", - "name": "Abeja Xylocopa violacea", - "shortDescription": "Abeja carpintera violeta", - "description": "La Abeja Xylocopa violacea, también conocida como abeja carpintera violeta, es una abeja carpintera grande que se encuentra en Europa y otras regiones. Son conocidas por su coloración violeta y su capacidad para excavar galerías en la madera.", - "imageUrl": "https://th.bing.com/th/id/OIG.3x0WMPs6PnAshPHSWzlC?pid=ImgGn", - "facts": { - "promedioDeVida": "de 1 a 2 meses", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas carpinteras violetas son solitarias y anidan en la madera, donde depositan sus huevos en galerías.", - "Son polinizadores de algunas flores, pero no producen miel en cantidades significativas." - ] - } - }, - { - "id": "halictus-ligatus", - "name": "Abeja Halictus ligatus", - "shortDescription": "Abeja sudorera verde", - "description": "La Abeja Halictus ligatus, o abeja sudorera verde, es una especie de abeja sudorera que se encuentra en varias regiones de América del Norte. Son llamadas así porque a veces se sienten atraídas por el sudor humano.", - "imageUrl": "https://th.bing.com/th/id/OIG.CknQ63HJv4I0EYciEhAI?pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 6 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas sudoreras verdes son conocidas por su color metálico y su interés en el sudor humano.", - "Juegan un papel importante en la polinización de diversas flores silvestres." - ] - } - }, - { - "id": "megachile-rotundata", - "name": "Abeja Megachile rotundata", - "shortDescription": "Abeja cortadora de hojas", - "description": "La Abeja Megachile rotundata, también llamada abeja cortadora de hojas, es una especie de abeja solitaria originaria de Europa, pero ampliamente utilizada en la polinización de cultivos, especialmente alfalfa y otras plantas forrajeras.", - "imageUrl":"https://th.bing.com/th/id/OIG.H6lY3MKgU4klb3Baibq4?pid=ImgGn", - "facts": { - "promedioDeVida": "de 6 a 8 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Megachile rotundata cortan trozos de hojas para construir sus nidos.", - "Son excelentes polinizadores y su uso en la agricultura es común." - ] - } - }, - { - "id": "osmia-bicornis", - "name": "Abeja Osmia bicornis", - "shortDescription": "Abeja albañil azul", - "description": "La Abeja Osmia bicornis, conocida como abeja albañil azul, es una abeja solitaria que se encuentra en Europa y otras regiones. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "https://th.bing.com/th/id/OIG.gR9uYMc1cCmT4yUcOXP6?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Osmia bicornis son excelentes polinizadores de frutas y flores silvestres.", - "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." - ] - } - }, - { - "id": "anthidium-manicatum", - "name": "Abeja Anthidium manicatum", - "shortDescription": "Abeja cardera", - "description": "La Abeja Anthidium manicatum, o abeja cardera, es una especie de abeja solitaria que se encuentra en Europa y otras regiones. Son conocidas por su comportamiento de recolección de fibras vegetales para construir sus nidos.", - "imageUrl": "https://th.bing.com/th/id/OIG.iTRt5yh2lqWhGCOnRsuS?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas carderas recolectan pelusa y fibras vegetales para construir sus nidos en cavidades naturales o agujeros.", - "Son polinizadores efectivos y se encuentran en diversos hábitats." - ] - } - }, - { - "id": "eucera-nigrescens", - "name": "Abeja Eucera nigrescens", - "shortDescription": "Abeja de arena negra", - "description": "La Abeja Eucera nigrescens, conocida como abeja de arena negra, es una especie de abeja que se encuentra en varias regiones de Europa. Son llamadas así por su preferencia por los hábitats de arena.", - "imageUrl": "https://th.bing.com/th/id/OIG.qJZNmIaU2mMqeKulERNf?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas de arena negra son polinizadores especializados de plantas que crecen en suelos arenosos.", - "A menudo excavan nidos en el suelo y son solitarias." - ] - } - }, - { - "id": "melipona-beecheii", - "name": "Abeja Melipona beecheii", - "shortDescription": "Abeja sin aguijón de la miel", - "description": "La Abeja Melipona beecheii, también conocida como abeja sin aguijón de la miel, es una especie de abeja nativa de América Central y partes de Sudamérica. Es apreciada por la producción de miel y su comportamiento social.", - "imageUrl": "https://th.bing.com/th/id/OIG.r67QZB6snAiw5btRZHR2?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 meses", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Melipona beecheii son conocidas por su comportamiento social y la organización de sus colonias.", - "Producen una miel especial llamada ¨miel de melipona¨ que es apreciada en algunas regiones." - ] - } - }, - { - "id": "ceratina-dallatorreana", - "name": "Abeja Ceratina dallatorreana", - "shortDescription": "Abeja cuerno negro", - "description": "La Abeja Ceratina dallatorreana, o abeja cuerno negro, es una especie de abeja solitaria que se encuentra en varias regiones del mundo. Se caracteriza por su cuerpo oscuro y sus antenas en forma de cuerno.", - "imageUrl": "https://th.bing.com/th/id/OIG.zGcT3ZnLEhOowmGG_mHE?pid=ImgGn", - "facts": { - "promedioDeVida": "aproximadamente 4 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Ceratina dallatorreana son solitarias y anidan en tallos o ramas de plantas.", - "Son polinizadoras eficaces de diversas flores." - ] - } - }, - { - "id": "colletes-cunicularius", - "name": "Abeja Colletes cunicularius", - "shortDescription": "Abeja excavadora", - "description": "La Abeja Colletes cunicularius, conocida como abeja excavadora, es una especie de abeja solitaria que se encuentra en diversas partes de Europa. Son llamadas así por su hábito de excavar nidos en el suelo.", - "imageUrl": "https://th.bing.com/th/id/OIG.1L0M4524YJpeqLBdD55P?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Colletes cunicularius excavan nidos en suelos arenosos o sueltos.", - "Son polinizadoras de plantas silvestres y tienen una dieta de néctar y polen." - ] - } - }, - { - "id": "hylaeus-hyalinatus", - "name": "Abeja Hylaeus hyalinatus", - "shortDescription": "Abeja de vidrio", - "description": "La Abeja Hylaeus hyalinatus, conocida como abeja de vidrio, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se llama así debido a su apariencia transparente.", - "imageUrl": "https://th.bing.com/th/id/OIG.PpHrmL59.b1VACodupjq?pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas de vidrio son solitarias y anidan en tallos de plantas o en agujeros en madera.", - "Son polinizadoras de diversas flores y plantas silvestres." - ] - } - }, - { - "id": "lasioglossum-calceatum", - "name": "Abeja Lasioglossum calceatum", - "shortDescription": "Abeja peluda", - "description": "La Abeja Lasioglossum calceatum, conocida como abeja peluda, es una especie de abeja solitaria que se encuentra en varias regiones de Europa. Se caracteriza por su cuerpo cubierto de pelos.", - "imageUrl": "https://th.bing.com/th/id/OIG.gqcu5z4yhaGUoRZiNV9k?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas peludas son excelentes polinizadoras y visitan una amplia variedad de flores.", - "Anidan en el suelo y tienen una dieta de néctar y polen." - ] - } - }, - { - "id": "nomia-melanderi", - "name": "Abeja Nomia melanderi", - "shortDescription": "Abeja de tierra metálica", - "description": "La Abeja Nomia melanderi, conocida como abeja de tierra metálica, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su apariencia metálica y su preferencia por hábitats terrestres.", - "imageUrl": "https://th.bing.com/th/id/OIG.1eqkqZgmNMI26Jmak0hn?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Nomia melanderi son polinizadoras importantes de plantas silvestres y cultivos.", - "Anidan en el suelo y recolectan néctar y polen de una variedad de flores." - ] - } - }, - { - "id": "andrena-wilkella", - "name": "Abeja Andrena wilkella", - "shortDescription": "Abeja minera", - "description": "La Abeja Andrena wilkella, también conocida como abeja minera, es una especie de abeja que se encuentra en varias partes del mundo. Son llamadas abejas mineras debido a su comportamiento de anidar en el suelo.", - "imageUrl": "https://th.bing.com/th/id/OIG.3OrxJZgKk.RcUJVzJUvL?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 5 semanas", - "familia": "Andrenidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Andrena wilkella excavan nidos en el suelo y son solitarias.", - "Son polinizadoras de una variedad de flores silvestres y cultivos." - ] - } - }, - { - "id": "perdita-minima", - "name": "Abeja Perdita minima", - "shortDescription": "Abeja perdita", - "description": "La Abeja Perdita minima, conocida como abeja perdita, es una pequeña especie de abeja que se encuentra en América del Norte. Su nombre se debe a su tamaño diminuto.", - "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 semanas", - "familia": "Andrenidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Perdita minima son especialistas en polinizar ciertas flores de plantas nativas.", - "Son solitarias y anidan en el suelo." - ] - } - }, - { - "id": "epeolus-variegatus", - "name": "Abeja Epeolus variegatus", - "shortDescription": "Abeja cleptoparásita", - "description": "La Abeja Epeolus variegatus, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en diversas partes del mundo. Son cleptoparásitas, lo que significa que depositan sus huevos en los nidos de otras abejas.", - "imageUrl": "https://th.bing.com/th/id/OIG.49idOkEGaBOdOmjU903V?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 3 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Epeolus variegatus son cleptoparásitas de abejas Anthophora y otros géneros.", - "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." - ] - } - }, - { - "id": "agapostemon-texanus", - "name": "Abeja Agapostemon texanus", - "shortDescription": "Abeja rayada verde", - "description": "La Abeja Agapostemon texanus, conocida como abeja rayada verde, es una especie de abeja que se encuentra en América del Norte. Son reconocibles por sus rayas verdes y negras en el abdomen.", - "imageUrl": "https://th.bing.com/th/id/OIG.7FgYcS.uYxQYEa3.KEC4?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Agapostemon texanus son polinizadoras de diversas plantas, incluyendo muchas flores silvestres.", - "Son abejas sociales y forman colonias en el suelo." - ] - } - }, - { - "id": "dialictus-zephyrus", - "name": "Abeja Dialictus zephyrus", - "shortDescription": "Abeja esmeralda", - "description": "La Abeja Dialictus zephyrus, conocida como abeja esmeralda, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su coloración verde esmeralda.", - "imageUrl": "https://th.bing.com/th/id/OIG.0f90dz58tmzddR9u75qI?pid=ImgGn", - "facts": { - "promedioDeVida": "de 3 a 4 semanas", - "familia": "Halictidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Dialictus zephyrus son polinizadoras de diversas plantas y a menudo visitan flores silvestres.", - "Son abejas sociales y anidan en el suelo." - ] - } - }, - { - "id": "megachile-sculpturalis", - "name": "Abeja Megachile sculpturalis", - "shortDescription": "Abeja cortadora de hojas gigante", - "description": "La Abeja Megachile sculpturalis, también conocida como abeja cortadora de hojas gigante, es una especie de abeja que se encuentra en varias partes del mundo. Son conocidas por su gran tamaño y capacidad para cortar hojas para construir sus nidos.", - "imageUrl": "https://th.bing.com/th/id/OIG.1AENiIX50BhvXQPYnA4l?pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Megachile sculpturalis son excelentes polinizadoras y a menudo se utilizan en la polinización de cultivos.", - "Cortan trozos de hojas para construir nidos en cavidades naturales o en estructuras humanas." - ] - } - }, - { - "id": "nomada-fervida", - "name": "Abeja Nomada fervida", - "shortDescription": "Abeja cleptoparásita", - "description": "La Abeja Nomada fervida, conocida como abeja cleptoparásita, es una especie de abeja que se encuentra en América del Norte. Son cleptoparásitas que depositan sus huevos en los nidos de otras abejas solitarias.", - "imageUrl": "https://th.bing.com/th/id/OIG.VazgZ0xT9rlZg4nVtlub?pid=ImgGn", - "facts": { - "promedioDeVida": "alrededor de 4 semanas", - "familia": "Apidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Nomada fervida son cleptoparásitas de abejas de la familia Andrenidae.", - "No recolectan néctar ni polen, ya que dependen de las provisiones de las abejas hospedadoras." - ] - } - }, - { - "id": "hylaeus-signatus", - "name": "Abeja Hylaeus signatus", - "shortDescription": "Abeja de cara amarilla", - "description": "La Abeja Hylaeus signatus, conocida como abeja de cara amarilla, es una especie de abeja que se encuentra en América del Norte. Su nombre se debe a su característica cara amarilla.", - "imageUrl": "https://th.bing.com/th/id/OIG.gGDB2nCA7YkKNloc07G7?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 2 a 4 semanas", - "familia": "Colletidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Hylaeus signatus son polinizadoras de plantas silvestres y a menudo visitan flores de colores brillantes.", - "Anidan en cavidades preexistentes y son solitarias." - ] - } - }, - { - "id": "bombus-impatiens", - "name": "Abeja Bombus impatiens", - "shortDescription": "Abejorro impaciente", - "description": "El Abejorro Bombus impatiens, conocido como abejorro impaciente, es una especie de abejorro que se encuentra en América del Norte. Son polinizadores importantes en entornos naturales y agrícolas.", - "imageUrl": "https://th.bing.com/th/id/OIG.Qpehm6.T9I8no4fZe6Ml?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 12 a 16 semanas", - "familia": "Apidae", - "productorDeMiel": "Sí, en pequeñas cantidades" - }, - "extraInfo": { - "curiosidades": [ - "Los abejorros Bombus impatiens son polinizadores efectivos de una amplia variedad de plantas.", - "Forman colonias con una reina y trabajadoras." - ] - } - }, - { - "id": "osmia-lignaria", - "name": "Abeja Osmia lignaria", - "shortDescription": "Abeja albañil azul", - "description": "La Abeja Osmia lignaria, conocida como abeja albañil azul, es una especie de abeja solitaria que se encuentra en América del Norte. Son llamadas albañiles azules debido a su hábito de sellar sus nidos con barro.", - "imageUrl": "https://th.bing.com/th/id/OIG.GWBxCH5wZZGJhsoeV9Zk?w=270&h=270&c=6&r=0&o=5&pid=ImgGn", - "facts": { - "promedioDeVida": "de 4 a 6 semanas", - "familia": "Megachilidae", - "productorDeMiel": "No" - }, - "extraInfo": { - "curiosidades": [ - "Las abejas Osmia lignaria son excelentes polinizadoras de frutas y flores silvestres.", - "Construyen sus nidos en cavidades preexistentes o en agujeros de tallos." - ] - } - } -]; -======= { id: "apis-mellifera", name: "Abeja Apis mellifera", @@ -898,7 +462,3 @@ export const data = [ }, }, ]; - - ->>>>>>> 99f6e0adb899e8267ee9a37b118f858bd37c1784 - From 6fadd7f3f1db79b42f66ac6dc0dce0c9bfe24f4c Mon Sep 17 00:00:00 2001 From: Sara Arvizu Date: Fri, 10 Nov 2023 10:01:32 -0600 Subject: [PATCH 16/25] Se agrego estilo de estadistica --- src/index.html | 5 ++- src/main.js | 7 ++++ src/style.css | 86 +++++++++++++++++++++++++++++++------------------- 3 files changed, 64 insertions(+), 34 deletions(-) diff --git a/src/index.html b/src/index.html index 95092de3..e8605945 100644 --- a/src/index.html +++ b/src/index.html @@ -18,6 +18,9 @@

      En esta página, podrás explorar una amplia variedad de abejas y utilizar filtros para clasificarlas según su familia de pertenencia.

      +
      + +
      `](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) - con [un atributo de datos](https://developer.mozilla.org/es/docs/Learn/HTML/Howto/Use_data_attributes) - `data-testid="select-filter"`, y un atributo `name` con el nombre - de la propiedad por la que filtrará (por ejemplo, si vas a filtrar por "type", - el `` deberán - tener en el atributo `value` el valor del filtro (por ejemplo, si vas a filtrar - por type "fire" sería ``). - -* La aplicación debe permitir a la usuaria ordenar la data. - - Tendrá al menos un control ``, debe tener - [un atributo de datos](https://developer.mozilla.org/es/docs/Learn/HTML/Howto/Use_data_attributes) - `data-testid="select-sort"` y un atributo `name` con el nombre de la - propiedad por la que ordenará. (por ejemplo, si vas a ordenar por - "num" seria `name="num"`). Este `` con un atributo de datos `data-testid="select-sort"`, y que - contiene hijos ``). - También, necesitarás otro control (``,` -
      +
      diff --git a/src/main.js b/src/main.js index 2e32ea86..f656076f 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1,7 @@ import { filterData, sortData, computeStats } from "./dataFunctions.js"; import data from "./data/dataset.js"; -import { renderItems } from "./view.js"; +import { renderItems } from "./view.js"; //renderItems Generar dinamicamente elementos del DoM que representan tarjetas de info +//para cada elemento del array que contiene info de abejas, cada tarjeta incluye imagenes y datos espesificos. // Selecciona el elemento del DOM para el selector de familia const familySelect = document.querySelector('[name="familia"]'); @@ -18,7 +19,7 @@ const rootElement = document.querySelector("#root"); const statsElement = document.getElementById("statistics"); // Agrega las tarjetas iniciales al elemento root -rootElement.appendChild(renderItems(data)); +rootElement.appendChild(renderItems(data)); //actualiza las tarjetas en el navegador // Función para filtrar y mostrar datos según las selecciones const filterAndRenderData = () => { @@ -29,34 +30,37 @@ const filterAndRenderData = () => { const selectedSortOrder = sortSelect.value; // Clona el arreglo original de datos - let filteredData = data.slice(); + let filteredData = data.slice(); // Aplica filtro por familia si se selecciona una - if (selectedFamily !== "") { - filteredData = filterData(filteredData, "familia", selectedFamily); + if (selectedFamily !== "") { //Verifica si no es una cadena vacia se ejecuta el bloque del codigo + filteredData = filterData(filteredData, "familia", selectedFamily); // dentro del bloque se llama a filterData con 3 argumentos , + // el result filtrado se asigna de nuevo a filterdData } // Aplica la ordenación de datos - filteredData = sortData(filteredData, "name", selectedSortOrder); + filteredData = sortData(filteredData, "name", selectedSortOrder); //funcion Filter data llama a sorData con 3 argumentos, + // el resultado de asgna a filteData // Limpia el contenido actual y muestra las tarjetas filtradas - rootElement.innerHTML = ""; + rootElement.innerHTML = ""; //Manipulan contenido de HTML referenciado por roodElement, Se vacia su conteido y luego se añaden + //elementos HTML generados por la funcion renderItems apartir de los datos ------ Actualiza la interfaz rootElement.appendChild(renderItems(filteredData)); - // Estadisticas + // Estadisticas --- se actualiza el contenido del elemento HTML referinciado pro StartsElement muestra el total de las tarjetas Filter data statsElement.innerHTML = `

      Total de tarjetas: ${filteredData.length}

      `; }; // Agrega manejadores de eventos para cambios en los selectores -familySelect.addEventListener("change", filterAndRenderData); +familySelect.addEventListener("change", filterAndRenderData); //agregar el evento (e) sortSelect.addEventListener("change", filterAndRenderData); // Agrega un manejador de eventos al botón de borrado -resetButton.addEventListener("click", () => { +resetButton.addEventListener("click", (e) => { // Restablece los selectores de filtro y muestra todas las tarjetas sin filtro familySelect.value = ""; - sortSelect.value = "asc"; // Asumiendo que "asc" es el valor predeterminado + sortSelect.value = e.target.value; // Asumiendo que "asc" es el valor predeterminado filterAndRenderData(); }); diff --git a/src/view.js b/src/view.js index 1b635216..06ac6fb4 100644 --- a/src/view.js +++ b/src/view.js @@ -1,13 +1,18 @@ export const renderItems = (data) => { - const ul = document.createElement("ul"); - data.forEach((bee) => { // Utilizamos forEach para iterar sobre el array data - const li = document.createElement("li"); - li.classList.add("tarjetas"); // AGREGUE ESTO - li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li - li.setAttribute("itemscope", ""); // Agregar itemscope al elemento li + const ul = document.createElement("ul"); //Se crea un nuevo elemento ul + data.forEach((bee) => { // Utilizamos forEach para iterar sobre el array data, Cada elemento se representa como bee en cada iteración. + const li = document.createElement("li");//Dentro del bucle se crea un nuevo elemento HTML li (elemento de la lista) para + //cada elemento del array + li.classList.add("tarjetas"); // Se agrega la clase CSS "tarjetas" al elemento de lista (li). Las clases CSS son + //utilizadas para aplicar estilos específicos. + li.setAttribute("itemtype", "http://schema.org/Animal"); // Agregar itemtype al elemento li cada elemento + + li.setAttribute("itemscope", ""); // itemscope se utiliza para indicar que el elemento y sus descendientes + //contienen información sobre un solo ítem del esquema. + //innerHTML para establecer el contenido HTML del elemento de lista (li) li.innerHTML = ` -
      +
      ${bee.id}
      Nombre:
      ${bee.name}
      @@ -23,7 +28,8 @@ export const renderItems = (data) => {
      ${bee.facts.productorDeMiel}
      `; - ul.appendChild(li); - }); - return ul; + ul.appendChild(li); // se agrega como un hijo al elemento de lista no ordenada (ul). + }); //Se cierra bucle forEach + return ul; //Devuelve la lista no ordenada completa con todos los elementos del array data + // Esta estructura se utiliza para representar información estructurada sobre abejas en un formato HTML. }; \ No newline at end of file diff --git a/test/dataFunctions.spec.js b/test/dataFunctions.spec.js index fa3670a9..fa6737c7 100644 --- a/test/dataFunctions.spec.js +++ b/test/dataFunctions.spec.js @@ -1,50 +1,74 @@ +// Importa un objeto llamado 'data' desde "./data.js y lo renobra como fakeData" import { data as fakeData } from "./data.js"; +// Imprime el contenido del objeto en la consola window.console.log(fakeData); +// Importa funciones y datos necesarios para las pruebas import { filterData, sortData, computeStats } from "../src/dataFunctions.js"; import data from "../src/data/dataset.js"; import { renderItems } from "../src/view.js"; -describe("Data Filtering", () => { - it("filters data by family correctly", () => { - const filteredData = filterData(data, "familia", "Apidae"); - expect(filteredData.every((bee) => bee.facts.familia === "Apidae")).toBe( - true - ); + +// Bloque de pruebas para la funcionalidad de filtrado de datos +describe("Data Filtering", () => { //Describe es una función que agrupa conjunto de pruebas , el argumento Data Filtering es una descripcion del conjunto + it("filters data by family correctly", () => { // it representa prueba individual + const filteredData = filterData(data, "familia", "Apidae"); //Constante filterData almacena el resultado de aplicar la funcion filter data a los + //datos Data utilizando como criterio la propiedad familia con el valor de Apidae + + // Verifica que todos los elementos tengan la familia "Apidae" + expect(filteredData.every((bee) => bee.facts.familia === "Apidae")).toBe(true);//expectativa sobre el resultado del filtrado, + //FilteredData.every(...) verifica que para cada elemento en filteredData, la propiedad familia en la propiedad facts sea igual a "Apidae". + //toBe(true) asegura que esta condición sea verdadera para todos los elementos, es decir, que todos tengan la familia "Apidae". }); + it("filters data when an invalid family is selected", () => { const filteredData = filterData(data, "familia", "InvalidFamily"); - expect(filteredData.length).toBe(0); + // Verifica que no haya datos después de filtrar por una familia no válida + expect(filteredData.length).toBe(0); //está verificando que la longitud del array filteredData sea exactamente igual a 0. }); + it("filters data when an invalid family is selected", () => { - const filteredData = filterData(data, "pepito", "InvalidFamily"); // modificada + const filteredData = filterData(data, "pepito", "InvalidFamily"); // Modificada + // Verifica que no haya datos después de filtrar por un campo no válido expect(filteredData.length).toBe(0); }); }); + +// Bloque de pruebas para la funcionalidad de ordenación de datos describe("Data Sorting", () => { it("sorts data in ascending order by name", () => { const sortedData = sortData(data, "name", "asc"); + // Verifica que los nombres estén ordenados en orden ascendente expect(sortedData[0].name <= sortedData[1].name).toBe(true); }); + it("sorts data in descending order by name", () => { const sortedData = sortData(data, "name", "desc"); + // Verifica que los nombres estén ordenados en orden descendente expect(sortedData[0].name >= sortedData[1].name).toBe(true); }); + it("sorts data in descending order by name", () => { - const sortedData = sortData([], "pepito", "desc"); // modificada + const sortedData = sortData([], "pepito", "desc"); // Modificada + // Verifica que no haya cambios al intentar ordenar una lista vacía expect(sortedData).toBe([]); }); }); + +// Bloque de pruebas para la funcionalidad de renderizado de datos describe("Data Rendering", () => { it("renders data correctly", () => { const renderedData = renderItems(data); const listItemElements = renderedData.querySelectorAll("li"); + // Verifica que la cantidad de elementos renderizados sea igual a la longitud de los datos expect(listItemElements.length).toBe(data.length); }); }); + +// Bloque de pruebas para la funcionalidad de cálculo de estadísticas describe("Statistics Computation", () => { it("computes statistics correctly", () => { const stats = computeStats(data); + // Verifica que la cantidad total de elementos sea igual a la longitud de los datos expect(stats.totalItems).toBe(data.length); }); }); -