From c0fbc9685e722a2a79f49379d7704658a531859e Mon Sep 17 00:00:00 2001
From: Elicrisostomo25 <152878721+Elicrisostomo25@users.noreply.github.com>
Date: Fri, 16 Feb 2024 10:15:37 -0300
Subject: [PATCH 1/8] renderizado y tarjetas view
---
src/data/dataset.js | 2 +-
src/index.html | 22 ++++++++++++++++++++--
src/main.js | 11 ++++++++++-
src/style.css | 4 ++++
src/view.js | 30 ++++++++++++++++++++++++++++--
5 files changed, 63 insertions(+), 6 deletions(-)
diff --git a/src/data/dataset.js b/src/data/dataset.js
index 0ebafb6f..e934d24e 100644
--- a/src/data/dataset.js
+++ b/src/data/dataset.js
@@ -66,7 +66,7 @@ export default [
{
"id": "shakuntala-devi",
"name": "Shakuntala Devi",
- "shortDescription": "Matemática prodigio, conocida como la 'Calculadora Humana'.",
+ "shortDescription": "Matemática prodígio, 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": {
diff --git a/src/index.html b/src/index.html
index 0151e7de..e395f3fe 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,11 +1,29 @@
-
+
- Data Lovers
+ Mujeres en la Ciencia
+
+
+
Mujeres Científicas
+
Descubre 24 mujeres que cambiaron el mundo
+
+
+
+
+
+
+
+
+
+
+ //Boton para limpiar metrica
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index c943ecdd..e21759bb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,4 +3,13 @@ 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);
+
+
+
+
+
+
+
+
+
diff --git a/src/style.css b/src/style.css
index e69de29b..c280eabe 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,4 @@
+//uso de selector class para los articulos
+//uso de flexbox en sentido row y column
+//uso de flexbox para elemento que contiene los item
+//uso de flexbox para el elemento que contiene las entradas UI
\ No newline at end of file
diff --git a/src/view.js b/src/view.js
index 686f5ef9..545d1f23 100644
--- a/src/view.js
+++ b/src/view.js
@@ -1,5 +1,31 @@
export const renderItems = (data) => {
- console.log(data)
+ //console.log(data)
// Aquí comienza tu código y puedes retornar lo que tu necesites
- return 'example';
+ //Debe tener las funciones para rederizar los elementos dinamicamente
+ //función renderItems(data): recibe los datos renderizarlos y devolver 1 elemento DOM o cadena de datos
+
+ const list = document.createElement ("ul");
+ // iterar sobre cada objeto de dataset
+ data.forEach(data=> {
+ const itemList = document.createElement('li');
+ const itemContainer = document.createElement('dl');
+ itemContainer.innerHTML = `
+
+
${data.name}
+
${data.shortDescription}
+
Fecha de nacimiento:
${data.facts.yearOfBirth}
+
Fecha de muerte:
${data.facts.yearOfDeath}
+
Nacionalidad:
${data.facts.birthPlace}
+
Descripción:
${data.description}
+ `
+ itemContainer.setAttribute("itemscope", "");
+ itemContainer.setAttribute("itemtype", "Científicas");
+ itemList.appendChild(itemContainer);
+ list.appendChild(itemList);
+
+ });
+ const divContenedorTarjetas = document.querySelector('#root');//
+ divContenedorTarjetas.appendChild(list);
+ return list;
+
};
\ No newline at end of file
From e96ab7531d76eb2809d73d961830f50e0a4b0f18 Mon Sep 17 00:00:00 2001
From: Dana
Date: Sun, 18 Feb 2024 16:09:11 -0500
Subject: [PATCH 2/8] Se hizo cambio en h1
---
src/index.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/index.html b/src/index.html
index e395f3fe..a1806b12 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,7 +7,7 @@
-
Mujeres Científicas
+
Cientificas
Descubre 24 mujeres que cambiaron el mundo
From b066d0ca28e81aae022996a4a80a7ac2a185e3ef Mon Sep 17 00:00:00 2001
From: Dana
Date: Wed, 21 Feb 2024 09:21:27 -0500
Subject: [PATCH 3/8] se agrega cambios en css y viwes
---
src/index.html | 45 +++++++++++++++++++++++++++++++--------
src/main.js | 4 +++-
src/style.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++----
src/view.js | 18 +++++++++-------
4 files changed, 103 insertions(+), 22 deletions(-)
diff --git a/src/index.html b/src/index.html
index a1806b12..871f857f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,23 +7,50 @@
-