From 7d0f3fa65e9fd7b5bf677e516257290aeb7d8576 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Wed, 4 Aug 2021 00:13:39 -0300 Subject: [PATCH 1/8] Arreglo de etiquetas ,y colores para identificar elementos tambien resetie los estilos --- public/css/style.css | 53 +++++++++------------- public/fotos.html | 17 ++++--- public/index.html | 106 ++++++++++++++++++++++--------------------- 3 files changed, 84 insertions(+), 92 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 8beed2d4..37a3597c 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,38 +1,27 @@ -nav{ - background-color: aliceblue; - padding: 15px; - display: flex; - gap:1em; +/* Reseteo css */ +*{ + margin: 0; + padding: 0; + list-style: none; + text-decoration: none; + border: none; + outline: none; } - -main{ - text-align: center; - max-width: 960px; - margin:0 auto; -} - -section{ - margin-top: 3rem; +/* coloco colores para identificar elementos + */ +body{ + background-color: chartreuse; } - -.cursos div{ - background-color: black; - color: white; - max-width: 200px; - display: inline-block; - box-shadow: 5px 5px 10px black; +header{ + background-color: aqua; } -.fotos img{ - max-width: 450px; - display: inline-block; -} -ul li{ - text-align: left; +main{ + background-color: blueviolet; } -ul li::marker { - content: "🚀"; +footer{ + background-color: brown; } - -ol li{ - text-align: left; +section{ + background-color: cadetblue; + margin-top: 20px; } \ No newline at end of file diff --git a/public/fotos.html b/public/fotos.html index 643ad2a7..35383540 100644 --- a/public/fotos.html +++ b/public/fotos.html @@ -11,20 +11,19 @@
-

Galería completa de mis vacaciones

- Cody en la playa - Cody acampando - Cody en una alberca - Cody en una alberca - Cody en una alberca - Cody en una alberca + Cody en la playa + Cody acampando + Cody en una alberca + Cody en una alberca + Cody en una alberca + Cody en una alberca
diff --git a/public/index.html b/public/index.html index 40da9c9d..0a1b3b81 100644 --- a/public/index.html +++ b/public/index.html @@ -1,29 +1,35 @@ + Mis vacaciones - + + +
+ +
-
- +
+

Estas son mis Vacaciones

-

Soy Cody, un aspirante a Dev, en 2019, organicé un viaje para desestresarme del código, y en esta página quiero compartirlo contigo.

-
+

Soy Cody, un aspirante a Dev, en 2019, organicé un viaje para desestresarme del código, y en esta página quiero + compartirlo contigo.

+
-
-

Mis vacaciones Frontend

-
-

Durante el verano de 2019, decidí comenzar a aprender desarrollo frontend, por lo que durante mi viaje, estuve aprendiendo HTML, CSS, y JavaScript

-

Cada tarde, después de conocer nuevos lugares en mis vacaciones, practicaba mis habilidades en tecnologías frontend, construyendo esta página

+

Mis vacaciones Frontend

+

Durante el verano de 2019, decidí comenzar a aprender desarrollo frontend, por lo que durante mi viaje, estuve + aprendiendo HTML, CSS, y JavaScript

+

Cada tarde, después de conocer nuevos lugares en mis vacaciones, practicaba mis habilidades en tecnologías + frontend, construyendo esta página

Estos son los cursos que estuve tomando

@@ -36,10 +42,8 @@

Mis vacaciones Frontend

-
-

Ruta de aprendizaje 2021

-

También me propuse aprender nuevas tecnologías durante 2021

-
+

Ruta de aprendizaje 2021

+

También me propuse aprender nuevas tecnologías durante 2021

  • Flexbox, y Grid
  • Animaciones con CSS y JavaScript
    • @@ -49,52 +53,52 @@

    Ruta de aprendizaje 2021

-
-

Colabora en mi página

-
-

- Como parte de mi formación Frontend, aprendí acerca de Git y GitHub, por lo que decidí subir mi código a GitHub -

-

- Puedes ayudarme a mejorar mi página, haciendo un fork de mi página, y enviando un pull request. -

-

- Si nunca antes has colaborado con un repositorio, en Código Facilito hay un tutorial que lo explica - Ir al tutorial +

Colabora en mi

+ Como parte de mi formación Frontend, aprendí acerca de Git y GitHub, por lo que decidí subir mi código a + GitHub +

+

+ Puedes ayudarme a mejorar mi página, haciendo un fork de mi página, y enviando un pull request. +

+

+ Si nunca antes has colaborado con un repositorio, en Código Facilito hay un tutorial que lo explica + Ir al tutorial -

+

+

-
-

Aquí te comparto algunas fotos de mis vacaciones

-

¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

-
+

Aquí te comparto algunas fotos de mis vacaciones

+

¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

- Cody en la playa - Cody acampando - Cody en una alberca + Cody en la playa + Cody acampando + Cody en una alberca

Puedes ver más, en la galería de fotos de mi página - Ir a la galería + Ir a la galería

-
-

La importancia de las vacaciones

-

Aprender a programar y escribir código, puede ser estresante, por eso es muy importante que periódicamente nos desconectemos y descansemos apropiadamente

-

Durante mis vacaciones aprendí que existen distintos beneficios de descansar:

-
    -
  1. Mejora la salud mental
    2. -
  2. Incrementa la motivación
    3. -
  3. Reduce el burnout
    4. -
  4. Mejora tu productividad y creatividad
    5. -
-
- +

La importancia de las vacaciones

+

Aprender a programar y escribir código, puede ser estresante, por eso es muy importante que periódicamente nos + desconectemos y descansemos apropiadamente

+

Durante mis vacaciones aprendí que existen distintos beneficios de descansar:

+
    +
  1. Mejora la salud mental
    2. +
  2. Incrementa la motivación
    3. +
  3. Reduce el burnout
    4. +
  4. Mejora tu productividad y creatividad
    5. +
+
- +
+
+ © Gabriel Vauccassovitch 2021 +
+ \ No newline at end of file From 4c42992c3944a4982f20ff45980604138b4c1d13 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Wed, 4 Aug 2021 00:53:46 -0300 Subject: [PATCH 2/8] agrego js y empiezo la busqueda de posiciones --- public/css/style.css | 18 ++++++++++++++++-- public/index.html | 19 +++++++++++-------- public/js/main.js | 25 +++++++++++++++++++++++++ 3 files changed, 52 insertions(+), 10 deletions(-) create mode 100644 public/js/main.js diff --git a/public/css/style.css b/public/css/style.css index 37a3597c..2eb0c4c4 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -13,15 +13,29 @@ body{ background-color: chartreuse; } header{ + position: block; + height: 10vh; +} +header nav{ background-color: aqua; + height: 10vh; + width: 100%; + position: fixed; } main{ background-color: blueviolet; + width: 100%; } footer{ background-color: brown; } section{ + display: block; background-color: cadetblue; - margin-top: 20px; -} \ No newline at end of file + margin-top: 0; + height: 90vh; +} +section:nth-child(1){ +background-color: chocolate; +} + diff --git a/public/index.html b/public/index.html index 0a1b3b81..bece7cc3 100644 --- a/public/index.html +++ b/public/index.html @@ -14,17 +14,20 @@
-
- +

Estas son mis Vacaciones

Soy Cody, un aspirante a Dev, en 2019, organicé un viaje para desestresarme del código, y en esta página quiero compartirlo contigo.

-
+

Mis vacaciones Frontend

Durante el verano de 2019, decidí comenzar a aprender desarrollo frontend, por lo que durante mi viaje, estuve aprendiendo HTML, CSS, y JavaScript

@@ -41,7 +44,7 @@

Mis vacaciones Frontend

-
+

Ruta de aprendizaje 2021

También me propuse aprender nuevas tecnologías durante 2021

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

    Ruta de aprendizaje 2021

  • Entre otros
-
+

Colabora en mi

Como parte de mi formación Frontend, aprendí acerca de Git y GitHub, por lo que decidí subir mi código a GitHub @@ -66,8 +69,7 @@

Colabora en mi

-
-
+

Aquí te comparto algunas fotos de mis vacaciones

¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

@@ -81,7 +83,7 @@

Aquí te comparto algunas fotos de mis vacaciones

-
+

La importancia de las vacaciones

Aprender a programar y escribir código, puede ser estresante, por eso es muy importante que periódicamente nos desconectemos y descansemos apropiadamente

@@ -99,6 +101,7 @@

La importancia de las vacaciones

© Gabriel Vauccassovitch 2021
+ \ No newline at end of file diff --git a/public/js/main.js b/public/js/main.js new file mode 100644 index 00000000..8579d222 --- /dev/null +++ b/public/js/main.js @@ -0,0 +1,25 @@ +let d = document +window.addEventListener('DOMContentLoaded', (event) => { + let enlaces = Array.prototype.slice.apply(d.querySelectorAll('header nav .enlaces p')) + console.log(d.querySelector("header").clientHeight) + // console.log(enlaces) + enlaces.map((e)=>{ + e.addEventListener('click',(el)=>{ + // console.log(window.scrollY) + console.log(e.offsetHeight ) + }) + }) + + + + // window.onscroll = function() { + // console.log("Vertical: " + window.scrollY); + // console.log("Horizontal: " + window.scrollX); + + // }; + + + + + +}); From 6313f8e26286fa2196f5bc61048420a1fc5cdf91 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Wed, 4 Aug 2021 18:11:42 -0300 Subject: [PATCH 3/8] encuento funcion en la que puedo mover la ventana --- public/index.html | 6 ++++-- public/js/main.js | 9 ++++++--- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/public/index.html b/public/index.html index bece7cc3..7a0eeb2b 100644 --- a/public/index.html +++ b/public/index.html @@ -15,8 +15,10 @@ Inicio Fotos
-

enlace

- VACAIONES +
    +
  • 1
    • +
  • 2
    • +
diff --git a/public/js/main.js b/public/js/main.js index 8579d222..73a8a8f9 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -1,16 +1,19 @@ let d = document window.addEventListener('DOMContentLoaded', (event) => { - let enlaces = Array.prototype.slice.apply(d.querySelectorAll('header nav .enlaces p')) + let enlaces = Array.prototype.slice.apply(d.querySelectorAll('header nav .enlaces ul li')) console.log(d.querySelector("header").clientHeight) // console.log(enlaces) - enlaces.map((e)=>{ + enlaces.map((e,index)=>{ + console.log(e) e.addEventListener('click',(el)=>{ - // console.log(window.scrollY) + console.log(e.offsetHeight ) + }) }) +// window.scrollTo(X,Y) mueve la pagina // window.onscroll = function() { // console.log("Vertical: " + window.scrollY); From 293d1a7111880deeb27b4dac955fdf8d24f97784 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Fri, 6 Aug 2021 09:23:06 -0300 Subject: [PATCH 4/8] noche --- public/css/style.css | 72 ++++++++++++++++++++++++++++++----- public/images/favicon.png | Bin 0 -> 30514 bytes public/index.html | 38 ++++++++++++------- public/js/main.js | 78 ++++++++++++++++++++++++++++---------- 4 files changed, 145 insertions(+), 43 deletions(-) create mode 100644 public/images/favicon.png diff --git a/public/css/style.css b/public/css/style.css index 2eb0c4c4..54c18022 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -9,18 +9,53 @@ } /* coloco colores para identificar elementos */ -body{ - background-color: chartreuse; + + body{ + /* background-color: chartreuse; */ + font-family: 'Open Sans',sans-serif; + color: #184e77; + + } header{ - position: block; + position: static; height: 10vh; + background-color: coral; } -header nav{ - background-color: aqua; + +header .fixed{ + position: fixed; + background-color: #d9ed92; height: 10vh; width: 100%; - position: fixed; + padding: 3px 50px ; +} +header h1{ + display: inline-block; + position: relative; + top: 50%; + transform: translateY(-50%); +} +header nav{ + display: inline-block; + position: absolute; + right: 20%; + top: 50%; + transform: translateY(-50%); + z-index: 30000; +} +header nav ul li{ + display: inline-block; + cursor: pointer; + font-size: 20px; + margin: 10px; + transition: all 1s; + +} +header nav ul li:hover{ + font-size: 25px; + + transition: all 1s; } main{ background-color: blueviolet; @@ -31,11 +66,30 @@ footer{ } section{ display: block; - background-color: cadetblue; + /* background-color: cadetblue; */ margin-top: 0; height: 90vh; + padding-left:50px ; } -section:nth-child(1){ -background-color: chocolate; + + +.animacion{ + display: block; + z-index: 100; + + animation: fadeIn; /* referring directly to the animation's @keyframe declaration */ + animation-duration: 0.1s; /* don't forget to set a duration! */ } +.nover{ + visibility: collapse; +} + +.active{ + font-size: 25px; + + transition: all 0.1; +} +section:nth-child(1){ + visibility: visible; +} \ No newline at end of file diff --git a/public/images/favicon.png b/public/images/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..24b77f8bf2508fa8677643897df1bdd1598744ce GIT binary patch literal 30514 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
  • (Kt520nwh5;HuABMmHL*Q;bNO74&t$42vmbaK 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 JSt)K3^gr(PjwAp8 literal 0 HcmV?d00001 diff --git a/public/index.html b/public/index.html index 7a0eeb2b..48f5a376 100644 --- a/public/index.html +++ b/public/index.html @@ -5,25 +5,37 @@ + Mis vacaciones + + + + +
    - +
    +

    Cody

    + +
    -
    +

    Estas son mis Vacaciones

    Soy Cody, un aspirante a Dev, en 2019, organicé un viaje para desestresarme del código, y en esta página quiero compartirlo contigo.

    @@ -75,9 +87,9 @@

    Colabora en mi

    Aquí te comparto algunas fotos de mis vacaciones

    ¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

    - Cody en la playa +

    Puedes ver más, en la galería de fotos de mi página Ir a la galería diff --git a/public/js/main.js b/public/js/main.js index 73a8a8f9..427c8aa8 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -1,28 +1,64 @@ -let d = document -window.addEventListener('DOMContentLoaded', (event) => { - let enlaces = Array.prototype.slice.apply(d.querySelectorAll('header nav .enlaces ul li')) - console.log(d.querySelector("header").clientHeight) - // console.log(enlaces) - enlaces.map((e,index)=>{ - console.log(e) - e.addEventListener('click',(el)=>{ - - console.log(e.offsetHeight ) - +let d = document; +window.addEventListener("DOMContentLoaded", (event) => { + let secciones = Array.prototype.slice.apply(d.querySelectorAll("section")); + let links = Array.prototype.slice.apply(d.querySelectorAll("header nav ul li")); + let tamañoHeader = d.querySelector("header").clientHeight; + let tamañoSection = d.querySelector("section:nth-child(1)").offsetHeight; + let tamañoVentana = + tamañoHeader + tamañoSection * 6 + d.querySelector("footer").clientHeight; + let registroScroll; + let SumaTamaños; + links.map((e, index) => { + e.addEventListener("click", () => { + links.map((el)=>{ + el.classList.remove('active') }) - }) + e.classList.add('active') + console.log(index); + ir(index); + }); + }); + function ir(index) { + if (index == 0) { + scroll({ + top: 0, + behavior: "smooth" + }); + + } else { + SumaTamaños = tamañoSection * index; + scroll({ + top: SumaTamaños, + behavior: "smooth" + }); + } + } - -// window.scrollTo(X,Y) mueve la pagina - - // window.onscroll = function() { - // console.log("Vertical: " + window.scrollY); - // console.log("Horizontal: " + window.scrollX); + function Observador(entries) { + entries.map((e, index) => { - // }; - + if (e.isIntersecting == true &&e.intersectionRatio>0.32 ) { + setTimeout(()=>{ + e.target.classList.remove("nover"); + e.target.classList.add("animacion"); + },100) + // observer.unobserve(e.target) + }else{ + setTimeout(()=>{ + e.target.classList.remove("animacion"); + e.target.classList.add("nover"); + },100) + } + }); + } + let observer = new IntersectionObserver(Observador, { threshold: 0.3 }); + secciones.map((e) => { + observer.observe(e); + }); + + -}); +}); \ No newline at end of file From 73de2d50ed3f11049298122d019b47157281ac6a Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Fri, 6 Aug 2021 15:44:59 -0300 Subject: [PATCH 5/8] Cambios generales --- public/css/style.css | 6 +++++ public/fotos.html | 49 ++++++++++++++++++++++++++++++++++---- public/index.html | 56 ++++++++++++++++++++++++++++++++++++++------ public/js/image.js | 51 ++++++++++++++++++++++++++++++++++++++++ public/js/main.js | 6 +++-- 5 files changed, 155 insertions(+), 13 deletions(-) create mode 100644 public/js/image.js diff --git a/public/css/style.css b/public/css/style.css index 54c18022..5539cb98 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -66,11 +66,17 @@ footer{ } section{ display: block; + clear: both; /* background-color: cadetblue; */ margin-top: 0; height: 90vh; padding-left:50px ; } +section:nth-child(5){ + margin: 0 auto; + text-align: center; + align-items: center; +} .animacion{ diff --git a/public/fotos.html b/public/fotos.html index 35383540..b7a32162 100644 --- a/public/fotos.html +++ b/public/fotos.html @@ -1,5 +1,5 @@ - + @@ -7,6 +7,36 @@ Mis vacaciones + @@ -18,16 +48,27 @@

    Galería completa de mis vacaciones

    - Cody en la playa + +
    +
    +
    +
    +
    +
    +
    +
    + +
    + + \ No newline at end of file diff --git a/public/index.html b/public/index.html index 48f5a376..c9a2731c 100644 --- a/public/index.html +++ b/public/index.html @@ -87,13 +87,19 @@

    Colabora en mi

    Aquí te comparto algunas fotos de mis vacaciones

    ¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

    - -

    - Puedes ver más, en la galería de fotos de mi página - Ir a la galería -

    +
    +

    + Puedes ver más, en la galería de fotos de mi página + Ir a la galería +

    +
    +
    +
    +
    +
    +
    +
    +
    • @@ -116,6 +122,42 @@

    La importancia de las vacaciones

    © Gabriel Vauccassovitch 2021 + + + + \ No newline at end of file diff --git a/public/js/image.js b/public/js/image.js new file mode 100644 index 00000000..6619a885 --- /dev/null +++ b/public/js/image.js @@ -0,0 +1,51 @@ +var zFondos150 = ["url('./images/1.jpg')","url('./images/2.jpg')","url('./images/3.jpg')","url('./images/4.jpg')","url('./images/5.jpg')","url('./images/6.jpg')"]; +var zFondos600 = ["url('./images/1.jpg')","url('./images/2.jpg')","url('./images/3.jpg')","url('./images/4.jpg')","url('./images/5.jpg')","url('./images/6.jpg')"]; + +var imagenPrincipal = document.querySelectorAll(".imagen-principal")[0]; +var subImagenes = document.querySelectorAll('[class *= "subImagen-"]'); + +imagenPrincipal.style.backgroundImage =zFondos600[0]; +subImagenes[0].style.backgroundImage =zFondos150[0]; +subImagenes[0].style.backgroundSize ="100%"; +subImagenes[1].style.backgroundImage =zFondos150[1]; +subImagenes[1].style.backgroundSize ="100%"; +subImagenes[2].style.backgroundImage =zFondos150[2]; +subImagenes[2].style.backgroundSize ="100%"; +subImagenes[3].style.backgroundImage =zFondos150[3]; +subImagenes[3].style.backgroundSize ="100%"; +subImagenes[4].style.backgroundImage =zFondos150[4]; +subImagenes[4].style.backgroundSize ="100%"; +subImagenes[5].style.backgroundImage =zFondos150[5]; +subImagenes[5].style.backgroundSize ="100%"; + +subImagenes[0].addEventListener("mouseover",accion0); +subImagenes[1].addEventListener("mouseover",accion1); +subImagenes[2].addEventListener("mouseover",accion2); +subImagenes[3].addEventListener("mouseover",accion3); +subImagenes[4].addEventListener("mouseover",accion4); +subImagenes[5].addEventListener("mouseover",accion5); + +function accion0(){ + imagenPrincipal.style.backgroundImage =zFondos600[0]; + imagenPrincipal.style.backgroundSize = "100%" +} +function accion1(){ + imagenPrincipal.style.backgroundImage =zFondos600[1]; + imagenPrincipal.style.backgroundSize = "100%" +} +function accion2(){ + imagenPrincipal.style.backgroundImage =zFondos600[2]; + imagenPrincipal.style.backgroundSize = "100%" +} +function accion3(){ + imagenPrincipal.style.backgroundImage =zFondos600[3]; + imagenPrincipal.style.backgroundSize = "100%" +} +function accion4(){ + imagenPrincipal.style.backgroundImage =zFondos600[4]; + imagenPrincipal.style.backgroundSize = "100%" +} +function accion5(){ + imagenPrincipal.style.backgroundImage =zFondos600[5]; + imagenPrincipal.style.backgroundSize = "100%" +} diff --git a/public/js/main.js b/public/js/main.js index 427c8aa8..bfcd6f0c 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -33,20 +33,22 @@ window.addEventListener("DOMContentLoaded", (event) => { }); } } + scroll({ + behavior: "smooth" + }) function Observador(entries) { entries.map((e, index) => { if (e.isIntersecting == true &&e.intersectionRatio>0.32 ) { setTimeout(()=>{ - e.target.classList.remove("nover"); + e.target.classList.remove("animacion"); e.target.classList.add("animacion"); },100) // observer.unobserve(e.target) }else{ setTimeout(()=>{ e.target.classList.remove("animacion"); - e.target.classList.add("nover"); },100) } }); From 181d2de703f090ec18b5f5e145452bd5dfc99413 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Fri, 6 Aug 2021 16:42:13 -0300 Subject: [PATCH 6/8] ultimos cambios --- public/css/style.css | 41 ++++++++++++++++++++++++++++++++++++----- public/index.html | 18 +++++++++--------- 2 files changed, 45 insertions(+), 14 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index 5539cb98..83f6e7ff 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,3 +1,5 @@ +/* Colores */ +/* https://coolors.co/palettes/trending */ /* Reseteo css */ *{ margin: 0; @@ -13,7 +15,7 @@ body{ /* background-color: chartreuse; */ font-family: 'Open Sans',sans-serif; - color: #184e77; + color: #007f5f; } @@ -25,7 +27,8 @@ header{ header .fixed{ position: fixed; - background-color: #d9ed92; + z-index: 300; + background-color: #ffff3f; height: 10vh; width: 100%; padding: 3px 50px ; @@ -96,6 +99,34 @@ section:nth-child(5){ transition: all 0.1; } -section:nth-child(1){ - visibility: visible; -} \ No newline at end of file + #cont1{ + background-image: url('../images/1.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; + align-items: center; + text-align: center; + padding: 10px; + } + #cont1 h1{ + background-color: #80b918; + opacity: 90%; + position: absolute; + z-index: 0; + bottom: 140px; + text-align: center; + float: left; + height: 70px; + width: 70%; + padding: 15px 0 ; + border-radius: 25px; + } + #cont1 p{ + position: absolute; + z-index: 0; + bottom: 70px; + right: 0; + background-color: red; + text-align: right; + float: right; + } \ No newline at end of file diff --git a/public/index.html b/public/index.html index c9a2731c..f8048139 100644 --- a/public/index.html +++ b/public/index.html @@ -35,13 +35,13 @@

    Cody

    -
    +

    Estas son mis Vacaciones

    -

    Soy Cody, un aspirante a Dev, en 2019, organicé un viaje para desestresarme del código, y en esta página quiero +

    Soy Cody, un aspirante a Dev, en 2019,
    organicé un viaje para desestresarme del código,
    y en esta página quiero compartirlo contigo.

    -
    +

    Mis vacaciones Frontend

    Durante el verano de 2019, decidí comenzar a aprender desarrollo frontend, por lo que durante mi viaje, estuve aprendiendo HTML, CSS, y JavaScript

    @@ -58,7 +58,7 @@

    Mis vacaciones Frontend

    -
    +

    Ruta de aprendizaje 2021

    También me propuse aprender nuevas tecnologías durante 2021

      @@ -69,7 +69,7 @@

      Ruta de aprendizaje 2021

    • Entre otros
    -
    +

    Colabora en mi

    Como parte de mi formación Frontend, aprendí acerca de Git y GitHub, por lo que decidí subir mi código a GitHub @@ -83,7 +83,7 @@

    Colabora en mi

    -
    +

    Aquí te comparto algunas fotos de mis vacaciones

    ¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

    @@ -103,7 +103,7 @@

    Aquí te comparto algunas fotos de mis vacaciones

    -
    +

    La importancia de las vacaciones

    Aprender a programar y escribir código, puede ser estresante, por eso es muy importante que periódicamente nos desconectemos y descansemos apropiadamente

    @@ -156,8 +156,8 @@

    La importancia de las vacaciones

    } - - + \ No newline at end of file From 7e55de0fea2fc358a64c079fbf6c1fd3a4d43500 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Fri, 6 Aug 2021 22:07:57 -0300 Subject: [PATCH 7/8] todo o asi no me queda tiempo --- public/css/style.css | 148 ++++++++++++++++++++++++++++++++++++++++--- public/fotos.html | 74 ---------------------- public/index.html | 69 ++++++++++++-------- 3 files changed, 180 insertions(+), 111 deletions(-) delete mode 100644 public/fotos.html diff --git a/public/css/style.css b/public/css/style.css index 83f6e7ff..a36abf62 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -65,7 +65,7 @@ main{ width: 100%; } footer{ - background-color: brown; + text-align: center; } section{ display: block; @@ -110,7 +110,6 @@ section:nth-child(5){ } #cont1 h1{ background-color: #80b918; - opacity: 90%; position: absolute; z-index: 0; bottom: 140px; @@ -119,14 +118,143 @@ section:nth-child(5){ height: 70px; width: 70%; padding: 15px 0 ; - border-radius: 25px; + border-radius: 25px 0 25px 0; } - #cont1 p{ + #cont1 .p{ + background-color: #80b918; + position: absolute; z-index: 0; - bottom: 70px; - right: 0; - background-color: red; - text-align: right; - float: right; - } \ No newline at end of file + bottom: 30px; + text-align: center; + float: left; + height: 100px; + width: 70%; + padding: 15px 0 ; + border-radius: 0 25px 0 25px; + + } + #cont2{ + background-image: url('../images/2.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; + align-items: center; + text-align: center; + padding: 10px; + } + .conte2{ + margin: 0 auto; + background-color: #80b918; + z-index: 0; + bottom: 30px; + text-align: center; + width: 70%; + padding: 15px 0 ; + border-radius: 0 25px 0 25px; + } + #cont3{ + background-image: url('../images/3.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; + align-items: center; + text-align: center; + padding: 10px; + } + .conte3{ + margin: 0 auto; + background-color: #80b918; + z-index: 0; + bottom: 30px; + text-align: center; + width: 70%; + padding: 15px 0 ; + border-radius: 0 25px 0 25px; +} +.conte3 ul{ + text-align: left; + padding-left: 30%; + font-weight: bold; +} +.conte3 ul li{ + text-align: left; + font-weight: bold; + font-size: 15px; + transition: 1s all; +} +.conte3 ul li:hover{ + font-weight: bold; + background-color: rgba(255, 255, 63, 0.9); + border-radius: 0 25px 0 25px; + font-size: 30px; + color: #2b9348; + transition: 1s all; + cursor: pointer; +} +#cont4{ + background-image: url('../images/4.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; + align-items: left; + text-align: center; + padding: 10px; + + } + .conte4{ + margin: 0 auto; + background-color: #80b918; + transform: translateY(50vh); + z-index: 0; + text-align: left; + width: 70%; + padding: 15px 0 ; + padding-left: 15px; + border-radius: 0 25px 0 25px; +} +.conte4 h2{ + font-size: 30px; +} +#cont5{ + /* background-image: url('../images/5.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; */ + background-color:#55a630; + align-items: center; + text-align: center; + padding: 10px; + } + .conte5{ + display: inline-block; +} +.conte5 .textfotos{ + background-color: #aacc00; + + display: inline-block; + border-radius: 0 25px 0 25px; + +} +.contenedor-producto2{ + display: inline-block; +} +#cont6{ + background-image: url('../images/6.jpg'); + background-repeat: no-repeat; + background-size: 100%; + background-position-y: bottom; + align-items: center; + text-align: center; + padding: 10px; + } + .conte6{ + margin: 0 auto; + background-color: #80b918; + z-index: 0; + bottom: 30px; + text-align: center; + width: 70%; + padding: 15px 0 ; + border-radius: 0 25px 0 25px; +} \ No newline at end of file diff --git a/public/fotos.html b/public/fotos.html deleted file mode 100644 index b7a32162..00000000 --- a/public/fotos.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - Mis vacaciones - - - - - -
    - -

    Galería completa de mis vacaciones

    - -
    - -
    -
    -
    -
    -
    -
    -
    -
    - -
    -
    - -
    - - - - - \ No newline at end of file diff --git a/public/index.html b/public/index.html index f8048139..364809fb 100644 --- a/public/index.html +++ b/public/index.html @@ -12,6 +12,7 @@ + @@ -37,12 +38,13 @@

    Cody

    Estas son mis Vacaciones

    -

    Soy Cody, un aspirante a Dev, en 2019,
    organicé un viaje para desestresarme del código,
    y en esta página quiero - compartirlo contigo.

    +
    Soy Cody, un aspirante a Dev, en 2019,
    organicé un viaje para desestresarme del código,
    y en esta página quiero + compartirlo contigo.
    -

    Mis vacaciones Frontend

    +
    +

    Mis vacaciones Frontend

    Durante el verano de 2019, decidí comenzar a aprender desarrollo frontend, por lo que durante mi viaje, estuve aprendiendo HTML, CSS, y JavaScript

    Cada tarde, después de conocer nuevos lugares en mis vacaciones, practicaba mis habilidades en tecnologías @@ -56,21 +58,26 @@

    Mis vacaciones Frontend

    Curso para crear mi primera página web

    +
    -

    Ruta de aprendizaje 2021

    +
    +

    Ruta de aprendizaje 2021

    También me propuse aprender nuevas tecnologías durante 2021

      -
    • Flexbox, y Grid
      • -
    • Animaciones con CSS y JavaScript
      • -
    • AJAX
      • -
    • HTML semántico
      • -
    • Entre otros
      • +
    • Flexbox, y Grid
      • +
    • Animaciones con CSS y JavaScript
      • +
    • AJAX
      • +
    • HTML semántico
      • +
    • Entre otros
    +
    -

    Colabora en mi

    +

    +

    Colabora en mi

    +
    Como parte de mi formación Frontend, aprendí acerca de Git y GitHub, por lo que decidí subir mi código a GitHub

    @@ -80,31 +87,38 @@

    Colabora en mi

    Si nunca antes has colaborado con un repositorio, en Código Facilito hay un tutorial que lo explica Ir al tutorial +

    -

    Aquí te comparto algunas fotos de mis vacaciones

    -

    ¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

    -
    -
    -

    - Puedes ver más, en la galería de fotos de mi página - Ir a la galería -

    -
    -
    -
    -
    -
    -
    -
    -
    +
    +
    +

    Aquí te comparto algunas fotos de mis vacaciones

    +

    ¡Bien! Sé que estás aquí por mis vacaciones, aquí te comparto algunas fotos que tomé:

    +

    + Puedes ver más, en la galería de fotos de mi página + Ir a la galería +

    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    -

    La importancia de las vacaciones

    +
    +

    La importancia de las vacaciones

    Aprender a programar y escribir código, puede ser estresante, por eso es muy importante que periódicamente nos desconectemos y descansemos apropiadamente

    Durante mis vacaciones aprendí que existen distintos beneficios de descansar:

    @@ -115,6 +129,7 @@

    La importancia de las vacaciones

  • Mejora tu productividad y creatividad
    • +
    From 25b5ebaab5930585c18d8c24e1c9071b9822dd58 Mon Sep 17 00:00:00 2001 From: gabriel1925 Date: Fri, 6 Aug 2021 22:09:39 -0300 Subject: [PATCH 8/8] listo sin tiempo demasiado para un dia y medio fuera del horario lboral --- public/css/style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/public/css/style.css b/public/css/style.css index a36abf62..ef129299 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -66,6 +66,8 @@ main{ } footer{ text-align: center; + background-color: #007f5f; + color: #ffff3f; } section{ display: block;