diff --git a/img/Agus-about-me.jpg b/img/Agus-about-me.jpg new file mode 100644 index 0000000..aa7e1a7 Binary files /dev/null and b/img/Agus-about-me.jpg differ diff --git a/img/IMG_4927.JPG b/img/IMG_4927.JPG deleted file mode 100644 index ffca217..0000000 Binary files a/img/IMG_4927.JPG and /dev/null differ diff --git a/img/isabel.jpg b/img/isabel.jpg new file mode 100644 index 0000000..ed9c6ca Binary files /dev/null and b/img/isabel.jpg differ diff --git a/index-043889c5.js b/index-3a654ab3.js similarity index 100% rename from index-043889c5.js rename to index-3a654ab3.js diff --git a/index-c6a91697.css b/index-c6a91697.css new file mode 100644 index 0000000..59dc01e --- /dev/null +++ b/index-c6a91697.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew&display=swap";html{scroll-behavior:smooth;font-size:16px}html,body{margin:0;padding:0;overflow-x:hidden}.alert{position:absolute;z-index:-999}.text-center{text-align:center}.line-height-m{line-height:2.5rem;margin-bottom:.5rem}a,button,img,.prevent-select{user-select:none}.horizontal{width:100%;display:flex;flex-wrap:wrap;place-items:center}.container-page{display:flex;flex-flow:column wrap}.container-home{width:100%}.container-bg{width:100%;height:45vw}.bg-video{width:100%;position:absolute}.container-video{position:absolute;z-index:-1;width:100%;height:45vw;background-color:#9c718d}button{margin:10px;color:#fff;padding:1rem;font-size:1.5rem;font-weight:700;border-radius:20px;background:linear-gradient(90deg,rgb(255 174 60) 0%,rgb(255 132 0 / 100%) 52%,rgb(255 80 60 / 100%) 82%,rgb(255 0 151 / 100%) 100%);transition:.2s ease-in-out;text-shadow:2px 2px 1px #010101;box-shadow:0 2px 1px #000;border:none}button:hover{cursor:pointer;transform:scale(1.2)}button:active{transform:scale(1.1)}a:link{text-decoration:none;color:#fff}a:active{text-decoration:none;color:#fff;transform:scale(1.1)}a:visited{text-decoration:none;color:#fff}.dropdown{display:inline-block;position:relative;top:20px;left:15px}.dropdown-content{display:none;position:absolute;width:14rem;overflow:auto;box-shadow:0 10px 10px #0006;background:linear-gradient(90deg,rgb(255 174 60) 0%,rgb(255 132 0 / 100%) 52%,rgb(255 128 60) 82%,rgb(255 89 0) 100%);border-radius:10px}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;color:#fff;padding:5px;text-decoration:none;text-shadow:2px 2px 1px #000000c6;font-size:1.5rem;font-family:Montserrat Alternates,monospace,sans-serif;transform:scale(1)}.dropdown-content a:hover{color:#fff;background-color:#bd00b4}.container-intro{margin:0;padding:0;width:100%;display:flex;justify-content:center}.container-right{width:40%;height:20rem;padding:1rem;margin-top:5rem;margin-left:25%;display:flex;place-items:center;flex-direction:column;gap:2rem;text-align:center}h1{font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:2rem;margin:0}p{font-family:Montserrat Alternates,Helvetica,sans-serif;font-weight:600;font-size:1.5rem;margin:0}.img-logo-home{width:40%}.info{color:#fff;max-width:90%;margin-bottom:1.5rem;font-size:1.5rem;font-weight:bolder;text-shadow:2px 2px 1px #010101}.play{margin-top:2rem}.container-parent{margin:0;padding:0;width:100%}.img-cover{width:100%}.container-image{display:flex;width:40%}.container-game{background-color:#ffb900;color:#000;display:flex;justify-content:space-between;flex-flow:row wrap}.container-clean{color:#fff;background-color:#010101;display:flex;justify-content:space-between;flex-flow:row wrap}.container-feed{color:#000;background-color:#ff77a5;display:flex;justify-content:space-between;flex-flow:row wrap}.container-entertainment{color:#fff;background-color:#3cc867;display:flex;justify-content:space-between;flex-flow:row wrap}.container-gameplay{color:#fff;background-color:#9c718d;display:flex;flex-direction:column;place-items:center;width:100%}.container-text{width:40%;display:flex;flex-direction:column;text-align:left;gap:1rem;margin:5rem}#gameplay h1{color:#000;text-shadow:1px 0 1px #d9d9d9}#gameplay>.container-text{text-shadow:3px 2px 1px #000;max-width:60rem}#games>.container-text{text-shadow:1px 0 1px #d9d9d9}#feed>.container-text{text-shadow:1px 0 1px #d9d9d9}#entertainment>.container-text{text-shadow:2px 2px 1px #010101}.video-info{display:flex;justify-content:center}.bars-video{width:70%;margin-bottom:2rem;border-radius:10px}.back-to-top{width:5rem;height:5rem;border-radius:50%;position:fixed;bottom:50px;right:50px;box-shadow:0 5px 5px #000}.back-to-top img{width:2rem}#about-us{padding-top:40px}.content-card-team{width:100%;margin-top:80px;font-family:Montserrat Alternates,monospace}.upper-cards{display:grid;grid-template-columns:.2fr .2fr;justify-content:space-evenly}.lower-cards{display:grid;grid-template-columns:.25fr .2fr .25fr;justify-content:space-evenly}.img-container{display:flex;justify-content:center}.about-us-img{width:12rem;height:12rem;border-radius:50%;box-shadow:0 5px 5px #000}.info-team{margin-bottom:5rem;text-align:center}.info-team>h3{font-weight:600;font-size:2.2rem}.icons{display:flex;justify-content:center;gap:2rem}.icons img{width:3.5rem;transition:.5s ease}.icons a:hover>img{transform:scale(1.3)}footer{width:100%;display:flex;flex-direction:column;gap:3rem}.copyright{width:100%;background-color:#343434;color:#fff;font-family:Montserrat Alternates,monospace;text-align:center}.copyright p{font-size:1.2rem;padding:1rem}@media screen and (width < 280px){body{background-color:#ffcd00;overflow:hidden}.container-page{display:none}.alert{width:100%;height:100vh;display:flex;flex-flow:column wrap;justify-content:center;align-content:center;font-family:Montserrat alternates,sans-serif;background-color:#ffcd00;color:#000;position:absolute;z-index:1000;padding:1rem}.warning{width:90%}.warning h1{width:100%;text-align:center;font-size:.8rem;line-height:1.5rem}.warning p{width:100%;font-size:.8rem;font-family:IBM Plex Mono,sans-serif}.warning p:last-of-type{width:100%;font-size:.85rem;text-align:end;font-family:Montserrat alternates,sans-serif}}@media screen and (280px <= width <= 330px){html{font-size:5px}.img-logo-home{width:20%}.back-to-top{width:4.5rem;height:4.5rem;right:10px}.back-to-top img{width:1.7rem}.content-card-team{margin-top:20px;gap:1rem}.cards-team{height:200px}.info-team>h3{font-weight:600;font-size:1.2rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-image{display:none}.container-video,.container-bg{height:47.5vw}.container-right{width:62%;padding:0;margin:0 0 0 35%;gap:0}.info{margin-bottom:0}.info .text-center{font-size:1.5rem}.play{margin:0}.play button{font-size:1.3rem}.bars-video{margin-bottom:0;width:100%}.dropdown button{margin-top:0}}@media screen and (330px <= width <= 450px){html{font-size:6px}.img-logo-home{width:20%}.back-to-top{width:4.5rem;height:4.5rem;right:10px}.back-to-top img{width:1.7rem}.content-card-team{margin-top:20px;gap:1rem}.cards-team{height:200px}.info-team>h3{font-weight:600;font-size:1.2rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-image{display:none}.container-video,.container-bg{height:48vw}.container-right{width:62%;padding:0;margin:0 0 0 35%;gap:0}.info{margin-bottom:0}.info .text-center{font-size:1.5rem}.play{margin:0}.play button{font-size:1.3rem}.bars-video{margin-bottom:0;width:100%}.dropdown button{margin-top:0}}@media screen and (450px < width <= 650px){html{font-size:7px}.img-logo-home{width:20%}.back-to-top{width:4.5rem;height:4.5rem;right:10px}.back-to-top img{width:1.7rem}.content-card-team{margin-top:20px;gap:1rem}.cards-team{height:200px}.info-team>h3{font-weight:600;font-size:1.2rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-image{display:none}.container-video,.container-bg{height:47.5vw}.container-right{width:62%;padding:0;margin-top:4%;margin-left:35%;gap:0}.info{margin-bottom:0}.info .text-center{font-size:1.5rem}.play{margin:0}.play button{font-size:1.3rem}.bars-video{margin-bottom:0;width:100%}.dropdown button{margin-top:0}}@media screen and (650px < width <= 1000px){html{font-size:11px}.back-to-top{width:6rem;height:6rem;right:10px}.back-to-top img{width:2rem}.content-card-team{gap:5rem;margin-top:20px}.info-team>h3{font-weight:600;font-size:1.6rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-image{display:none}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.img-logo-home{width:20%}.container-right{width:62%;padding:0;margin:0;margin-top:.7rem;margin-left:35%;gap:.5rem}.info{margin-bottom:0}.play{margin:0}.bars-video{margin-bottom:0;width:100%}}@media screen and (min-width: 1000px) and (max-width: 1299px){#gameplay .container-text{margin-top:3rem;width:90%}.content-card-team{gap:2rem;margin-top:20px}.img-logo-home{width:30%}.container-right{width:62%;padding:0;margin:0;margin-top:.7rem;margin-left:35%;gap:.5rem}.info{margin-bottom:0}.play{margin:0;padding:0}.bars-video{width:80%}}@media screen and (min-width: 1300px) and (max-width: 1600px){.info,.play{margin:0}#gameplay .container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-right{margin-top:-2rem;width:40rem}.bars-video{width:80%}}@media screen and (1600px <= width <= 1820px){.play{margin:0}.container-right{margin-top:2rem;width:48rem}#gameplay .container-text{width:90%}.bars-video{width:80%}}@media screen and (1820px <= width <= 2200px){.container-right{margin-top:3rem;width:50rem}button{font-size:2rem}.dropdown-content{width:18rem}#gameplay .container-text{width:90%}.dropdown-content a{font-size:2rem}}@media screen and (min-width: 2200px) and (max-width: 3840px){h1{font-size:2.4rem;padding:1rem}p{font-size:2rem}.container-right{margin-top:4rem;width:65rem}button{font-size:2.5rem}.dropdown-content{width:22rem}.dropdown-content a{font-size:2.5rem}#gameplay .container-text{width:90%}.bars-video{width:80%}}@media screen and (min-width: 3840px){h1{font-size:4rem;padding:4.5rem}p{font-size:3.5rem}.container-right{margin-top:30rem;width:110rem}.img-logo-home{width:50rem}button{font-size:4rem;margin-top:4rem;margin-left:4rem}.dropdown-content{margin-left:4rem;width:35rem}.dropdown-content a{font-size:4rem}#gameplay .container-text{max-width:110rem}.back-to-top{width:10rem;height:10rem;right:10px;margin-right:4rem}.back-to-top img{margin-top:1rem;width:3.8rem}.bars-video{width:100%;margin-bottom:15rem}} diff --git a/index-df24a418.css b/index-df24a418.css deleted file mode 100644 index 462d97a..0000000 --- a/index-df24a418.css +++ /dev/null @@ -1 +0,0 @@ -@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Hebrew&display=swap";html{scroll-behavior:smooth;font-size:16px}html,body{margin:0;padding:0;overflow-x:hidden}.alert{position:absolute;z-index:-999}.text-center{text-align:center}.line-height-m{line-height:2.5rem;margin-bottom:.5rem}a,button,img,.prevent-select{user-select:none}.horizontal{width:100%;display:flex;flex-wrap:wrap;place-items:center}.container-page{display:flex;flex-flow:column wrap}.container-home{width:100%}.container-bg{width:100%;height:45vw}.bg-video{width:100%;position:absolute}.container-video{position:absolute;z-index:-1;width:100%;height:45vw;background-color:#9c718d}button{margin:10px;color:#fff;padding:1rem;font-size:1.5rem;font-weight:700;border-radius:20px;background:linear-gradient(90deg,rgb(255 174 60) 0%,rgb(255 132 0 / 100%) 52%,rgb(255 80 60 / 100%) 82%,rgb(255 0 151 / 100%) 100%);transition:.2s ease-in-out;text-shadow:2px 2px 1px #010101;box-shadow:0 2px 1px #000;border:none}button:hover{cursor:pointer;transform:scale(1.2)}button:active{transform:scale(1.1)}a:link{text-decoration:none;color:#fff}a:active{text-decoration:none;color:#fff;transform:scale(1.1)}a:visited{text-decoration:none;color:#fff}.dropdown{display:inline-block;position:relative;top:20px;left:15px}.dropdown-content{display:none;position:absolute;width:14rem;overflow:auto;box-shadow:0 10px 10px #0006;background:linear-gradient(90deg,rgb(255 174 60) 0%,rgb(255 132 0 / 100%) 52%,rgb(255 128 60) 82%,rgb(255 89 0) 100%);border-radius:10px}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{display:block;color:#fff;padding:5px;text-decoration:none;text-shadow:2px 2px 1px #000000c6;font-size:1.5rem;font-family:Montserrat Alternates,monospace,sans-serif;transform:scale(1)}.dropdown-content a:hover{color:#fff;background-color:#bd00b4}.container-intro{margin:0;padding:0;width:100%;display:flex;justify-content:center}.container-right{width:40%;height:20rem;padding:1rem;margin-top:5rem;margin-left:25%;display:flex;place-items:center;flex-direction:column;gap:2rem;text-align:center}h1{font-family:"Press Start 2P",Courier New,Courier,monospace;font-size:2rem;margin:0}p{font-family:Montserrat Alternates,Helvetica,sans-serif;font-weight:600;font-size:1.5rem;margin:0}.img-logo-home{width:40%}.info{color:#fff;max-width:90%;margin-bottom:1.5rem;font-size:1.5rem;font-weight:bolder;text-shadow:2px 2px 1px #010101}.play{margin-top:2rem}.container-parent{margin:0;padding:0;width:100%}.img-cover{width:100%}.container-image{display:flex;width:40%}.container-game{background-color:#ffb900;color:#000;display:flex;justify-content:space-between;flex-flow:row wrap}.container-clean{color:#fff;background-color:#010101;display:flex;justify-content:space-between;flex-flow:row wrap}.container-feed{color:#000;background-color:#ff77a5;display:flex;justify-content:space-between;flex-flow:row wrap}.container-entertainment{color:#fff;background-color:#3cc867;display:flex;justify-content:space-between;flex-flow:row wrap}.container-gameplay{color:#fff;background-color:#9c718d;display:flex;flex-direction:column;place-items:center;width:100%}.container-text{width:40%;display:flex;flex-direction:column;text-align:left;gap:1rem;margin:5rem}#gameplay h1{color:#000;text-shadow:1px 0 1px #d9d9d9}#gameplay>.container-text{text-shadow:3px 2px 1px #000;max-width:60rem}#games>.container-text{text-shadow:1px 0 1px #d9d9d9}#feed>.container-text{text-shadow:1px 0 1px #d9d9d9}#entertainment>.container-text{text-shadow:2px 2px 1px #010101}.video-info{display:flex;justify-content:center}.bars-video{width:70%;margin-bottom:2rem;border-radius:10px}.back-to-top{width:6.5rem;height:6.5rem;border-radius:50%;position:fixed;bottom:50px;right:50px;box-shadow:0 5px 5px #000}.back-to-top img{width:2.8rem}#about-us{padding-top:40px}.content-card-team{display:flex;flex-direction:row;justify-content:center;width:100%;gap:100px;margin-top:80px;font-family:Montserrat Alternates,monospace}.img-container{display:flex;justify-content:center}.about-us-img{width:15vw;height:15vw;border-radius:50%;box-shadow:0 5px 5px #000}.info-team{text-align:center}.info-team>h3{font-weight:600;font-size:1.6rem}.icons{display:flex;justify-content:center;gap:2rem}.icons img{width:3rem;transition:.5s ease}.icons a:hover>img{transform:scale(1.3)}footer{width:100%;display:flex;flex-direction:column;gap:5rem}.copyright{width:100%;background-color:#343434;color:#fff;font-family:Montserrat Alternates,monospace;text-align:center}.copyright p{font-size:1rem;padding:1rem}@media screen and (width < 360px){body{background-color:#ffcd00;overflow:hidden}.container-page{display:none}.alert{width:100%;height:100vh;display:flex;flex-flow:column wrap;justify-content:center;align-content:center;font-family:Montserrat alternates,sans-serif;background-color:#ffcd00;color:#000;position:absolute;z-index:1000;padding:1rem}.warning{width:80%}.warning h1{text-align:center;font-size:1.4rem}.warning p{width:100%;font-size:.8rem;font-family:IBM Plex Mono,sans-serif}.warning p:last-of-type{width:100%;font-size:.85rem;text-align:end;font-family:Montserrat alternates,sans-serif}}@media screen and (360px <= width <= 450px){html{font-size:9px}.img-logo-home{width:20%}.back-to-top{width:4.5rem;height:4.5rem;right:10px}.back-to-top img{width:1.7rem}.content-card-team{margin-top:20px;gap:1rem}.cards-team{height:200px}.info-team>h3{font-weight:600;font-size:1.2rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-image{display:none}.container-video,.container-bg{height:90vw}.container-right{width:100%;padding:0;margin-top:35vw;margin-left:0;gap:0}.info{margin-bottom:0}.info .text-center{width:100%;font-size:1.5rem}.play{margin:0}.play button{font-size:1.3rem}.bars-video{margin-bottom:0;width:100%}.dropdown button{margin-top:0}}@media screen and (450px <= width <= 650px){html{font-size:9px}.img-logo-home{width:20%}.back-to-top{width:4.5rem;height:4.5rem;right:10px}.back-to-top img{width:1.7rem}.content-card-team{margin-top:20px;gap:1rem}.cards-team{height:200px}.info-team>h3{font-weight:600;font-size:1.2rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-image{display:none}.container-video,.container-bg{height:48vw}.container-right{width:62%;padding:0;margin:0 0 0 35%;gap:0}.info{margin-bottom:0}.info .text-center{font-size:1.5rem}.play{margin:0}.play button{font-size:1.3rem}.bars-video{margin-bottom:0;width:100%}.dropdown button{margin-top:0}}@media screen and (650px <= width <= 1000px){html{font-size:12px}.back-to-top{width:6rem;height:6rem;right:10px}.back-to-top img{width:2rem}.content-card-team{gap:5rem;margin-top:20px}.info-team>h3{font-weight:600;font-size:1.6rem}.container-game,.container-clean,.container-feed,.container-entertainment{flex-flow:column wrap}.container-image{display:none}.container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.img-logo-home{width:20%}.container-right{width:62%;padding:0;margin:0;margin-top:.7rem;margin-left:35%;gap:.5rem}.info{margin-bottom:0}.play{margin:0}.bars-video{margin-bottom:0;width:100%}}@media screen and (min-width: 1000px) and (max-width: 1299px){#gameplay .container-text{margin-top:3rem;width:90%}.content-card-team{gap:2rem;margin-top:20px}.img-logo-home{width:30%}.container-right{width:62%;padding:0;margin:0;margin-top:.7rem;margin-left:35%;gap:.5rem}.info{margin-bottom:0}.play{margin:0;padding:0}.bars-video{width:80%}}@media screen and (min-width: 1300px) and (max-width: 1600px){.info,.play{margin:0}#gameplay .container-text{width:90%;display:flex;flex-direction:column;text-align:center;margin:2rem}.container-right{width:50%;margin-top:1rem}.bars-video{width:80%}}@media screen and (1600px <= width <= 1820px){.play{margin:0}.container-right{width:40%;margin-top:8rem}#gameplay .container-text{width:90%}.bars-video{width:80%}}@media screen and (1820px <= width <= 2200px){button{font-size:2rem}.dropdown-content{width:18rem}#gameplay .container-text{width:90%}.dropdown-content a{font-size:2rem}}@media screen and (min-width: 2200px) and (max-width: 3840px){h1{font-size:3rem}p{font-size:1.7rem}.container-right{margin-top:9rem}button{font-size:2.5rem}.dropdown-content{width:22rem}.dropdown-content a{font-size:2.5rem}#gameplay .container-text{width:90%}.bars-video{width:80%}}@media screen and (min-width: 3840px){h1{font-size:5rem}p{font-size:3rem}.container-right{margin-top:9rem}button{font-size:4rem;margin-top:4rem;margin-left:4rem}.dropdown-content{margin-left:4rem;width:35rem}.dropdown-content a{font-size:4rem}#gameplay .container-text{width:90%}.bars-video{width:80%}} diff --git a/index.html b/index.html index 47de431..3152716 100644 --- a/index.html +++ b/index.html @@ -5,19 +5,19 @@ - + CAT - U - - + +
-

UPS... ALGO HA IDO MAL

+

UPS... PARECE QUE ALGO HA IDO MAL


LAMENTAMOS COMUNICARLE QUE CAT-U NO PUEDE VISUALIZARSE @@ -81,7 +81,7 @@

UPS... ALGO HA IDO MAL

¿CÓMO JUGAR?

-

Nuestro michi necesita tus cuidados. Fíjate en que sus barras de salud no +

Nuestro michi necesita tus cuidados. Fíjate en que sus barras de salud no se agoten. Puedes ayudarle @@ -169,78 +169,101 @@

¡ENTRETÉNME, KAREN!

Sobre el equipazo de Cat-U

-
-
- -
-
-

David Álvarez

-
- - icono linkedin - - - icono github - +
+
+
+ Fotografía Isabel +
+
+

Isabel González

+
-
-
-
- -
-
-

Pablo Santana

-
- - icono linkedin - - - icono github - +
+
+ Fotografía David +
+
+

David Álvarez

+
+
-
-
- -
-
-

Isabel González

-
- - icono linkedin - - - icono github - +
+ +
+
+ Fotografía Estefanía +
+
+

Estefanía Martínez

+
-
-
-
- +
+
+ Fotografía Pablo +
+
+

Pablo Santana

+ +
-
-

Estefanía Martínez

-
- - icono linkedin - - - icono github - +
+
+ Fotografía Agustina +
+
+

Agustina Casañas

+
- - +
+ +
diff --git a/videos/background-animation.mp4 b/videos/background-animation.mp4 index 9d00ab2..1758abc 100644 Binary files a/videos/background-animation.mp4 and b/videos/background-animation.mp4 differ