From c982a8ef5085983733985e7598159d25fb681b0b Mon Sep 17 00:00:00 2001
From: = <85245534+Leo-Spj@users.noreply.github.com>
Date: Wed, 27 Sep 2023 16:58:35 -0500
Subject: [PATCH] estatus de compra en carrito
---
css/style.css | 12 +++++++++++
css/style.css.map | 2 +-
cursos.html | 1 +
index.html | 1 +
js/main.js | 47 +++--------------------------------------
js/obj.js | 46 ++++++++++++++++++++++++++++++++++++++++
scss/sections/_nav.scss | 13 ++++++++++++
7 files changed, 77 insertions(+), 45 deletions(-)
create mode 100644 js/obj.js
diff --git a/css/style.css b/css/style.css
index 74c9a81..306873a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -94,6 +94,18 @@ nav {
color: #ffffff;
cursor: pointer;
margin-left: 20px;
+ position: relative;
+}
+
+.cart-indicator {
+ position: absolute;
+ top: 0;
+ right: 0;
+ background-color: #de3232;
+ color: #e336cc;
+ border-radius: 50%;
+ padding: 0 5px;
+ font-size: 0.8rem;
}
.hamburger {
diff --git a/css/style.css.map b/css/style.css.map
index 1496903..6b0d862 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/sections/_reset.scss","../scss/sections/_adds.scss","../scss/sections/_nav.scss","../scss/sections/_hero.scss","../scss/sections/responsive/movil/_Movile-main.scss","../scss/sections/_Dsktop-main.scss","../scss/sections/_footer.scss","../scss/sections/responsive/movil/_R-nav.scss","../scss/sections/responsive/movil/_R-hero.scss","../scss/sections/responsive/movil/_R-footer.scss","../scss/sections/cursos/_curs-main.scss","../scss/sections/cursos/_curs-seachBar.scss","../scss/sections/cursos/_curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AClBJ;EACI;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;;;AAMJ;EACI;;;AC7EJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;ACjCJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EAEA;EACA;EACA;;;AAMF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAIF;EACE;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EAEE;EACA;EAEA;EAEA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACrFF;EAEI;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IAEE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AChEN;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EAEA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACnFJ;EACI;IACI;;EAGJ;IACI;IACA;;;AAIR;EAEI;IACI;;EAGJ;IACI;;;AAKR;EACI;IACI;IAIA;IACA;;EAGJ;IACI;;EAGJ;IACI;;;ACtCR;EAEI;IACI;;EAGJ;IACI;;;ACNR;EAEI;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;;AC1BR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAIJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AClCJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;AC5BJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACvEJ;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;;AChBJ;EACI;IACI","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/sections/_reset.scss","../scss/sections/_adds.scss","../scss/sections/_nav.scss","../scss/sections/_hero.scss","../scss/sections/responsive/movil/_Movile-main.scss","../scss/sections/_Dsktop-main.scss","../scss/sections/_footer.scss","../scss/sections/responsive/movil/_R-nav.scss","../scss/sections/responsive/movil/_R-hero.scss","../scss/sections/responsive/movil/_R-footer.scss","../scss/sections/cursos/_curs-main.scss","../scss/sections/cursos/_curs-seachBar.scss","../scss/sections/cursos/_curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AClBJ;EACI;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EAEA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAMJ;EACI;;;AC1FJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;ACjCJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EAEA;EACA;EACA;;;AAMF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAIF;EACE;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EAEE;EACA;EAEA;EAEA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACrFF;EAEI;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IAEE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AChEN;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EAEA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACnFJ;EACI;IACI;;EAGJ;IACI;IACA;;;AAIR;EAEI;IACI;;EAGJ;IACI;;;AAKR;EACI;IACI;IAIA;IACA;;EAGJ;IACI;;EAGJ;IACI;;;ACtCR;EAEI;IACI;;EAGJ;IACI;;;ACNR;EAEI;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;;AC1BR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAIJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AClCJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;AC5BJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACvEJ;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;;AChBJ;EACI;IACI","file":"style.css"}
\ No newline at end of file
diff --git a/cursos.html b/cursos.html
index e269d55..e9a1150 100644
--- a/cursos.html
+++ b/cursos.html
@@ -56,6 +56,7 @@ Easy Code
diff --git a/index.html b/index.html
index 50e6a92..f4ba300 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,7 @@ Easy Code
diff --git a/js/main.js b/js/main.js
index 29597b7..15f07a8 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,47 +1,6 @@
-const cursos = [
- {
- nombre: "Desarrollo Web con HTML, CSS y JavaScript",
- imagen: "./img/courses/web.jpg",
- descripcion:
- "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
- precio: "$49.99",
- },
- {
- nombre: "Programación en Python",
- imagen: "./img/courses/python.jpg",
- descripcion:
- "Domina uno de los lenguajes de programación más populares y versátiles.",
- precio: "$59.99",
- },
- {
- nombre: "Desarrollo de Aplicaciones Móviles con React Native",
- imagen: "./img/courses/movilReact.jpg",
- descripcion:
- "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
- precio: "$79.99",
- },
- {
- nombre: "Bases de Datos SQL y MySQL",
- imagen: "./img/courses/sql.jpg",
- descripcion:
- "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
- precio: "$69.99",
- },
- {
- nombre: "Desarrollo de Aplicaciones con Node.js",
- imagen: "./img/courses/node.jpg",
- descripcion:
- "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
- precio: "$59.99",
- },
- {
- nombre: "Desarrollo de Aplicaciones con Java",
- imagen: "./img/courses/java.jpg",
- descripcion:
- "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
- precio: "$79.99",
- },
-];
+import cursos from "./obj.js";
+
+console.log(cursos);
const repertorio = document.querySelector(".tarjetas-cursos");
diff --git a/js/obj.js b/js/obj.js
new file mode 100644
index 0000000..b9dd6ec
--- /dev/null
+++ b/js/obj.js
@@ -0,0 +1,46 @@
+const cursos = [
+ {
+ nombre: "Desarrollo Web con HTML, CSS y JavaScript",
+ imagen: "./img/courses/web.jpg",
+ descripcion:
+ "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
+ precio: "$49.99",
+ },
+ {
+ nombre: "Programación en Python",
+ imagen: "./img/courses/python.jpg",
+ descripcion:
+ "Domina uno de los lenguajes de programación más populares y versátiles.",
+ precio: "$59.99",
+ },
+ {
+ nombre: "Desarrollo de Aplicaciones Móviles con React Native",
+ imagen: "./img/courses/movilReact.jpg",
+ descripcion:
+ "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
+ precio: "$79.99",
+ },
+ {
+ nombre: "Bases de Datos SQL y MySQL",
+ imagen: "./img/courses/sql.jpg",
+ descripcion:
+ "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
+ precio: "$69.99",
+ },
+ {
+ nombre: "Desarrollo de Aplicaciones con Node.js",
+ imagen: "./img/courses/node.jpg",
+ descripcion:
+ "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
+ precio: "$59.99",
+ },
+ {
+ nombre: "Desarrollo de Aplicaciones con Java",
+ imagen: "./img/courses/java.jpg",
+ descripcion:
+ "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
+ precio: "$79.99",
+ },
+ ];
+
+ export default cursos;
\ No newline at end of file
diff --git a/scss/sections/_nav.scss b/scss/sections/_nav.scss
index a099dd3..33c639b 100644
--- a/scss/sections/_nav.scss
+++ b/scss/sections/_nav.scss
@@ -65,6 +65,19 @@ nav{
cursor: pointer;
margin-left: 20px;
+
+ position: relative;
+}
+
+.cart-indicator{
+ position: absolute;
+ top: 0;
+ right: 0;
+ background-color: #de3232;
+ color: #e336cc;
+ border-radius: 50%;
+ padding: 0 5px;
+ font-size: 0.8rem;
}
.hamburger {