diff --git a/About Us/about us.html b/About Us/about us.html new file mode 100644 index 0000000..2fe88f3 --- /dev/null +++ b/About Us/about us.html @@ -0,0 +1,246 @@ + + + + + + FemTrek + + + + + + + + + + + + + + +
+ +
+ + + + + + +
+
+
+
+
+

Sobre el equipo...

+

Somos un grupo de mujeres entusiastas y sororas, que buscan brindar + un espacio seguro a otras mujeres, donde la confianza, el respeto, + sororidad, transparencia y solidaridad son nuestros principales valores + para conectar con otras mujeres con intereses afines; para viajar segura, + o bien, conversar y hacer amistad. +

+
+
+ +
+
+
+
+ +

Tamara Ibarra

+

Amante de la comida. Dándolo todo aunque no sepa cómo. Si no lo intentas, no avanzas. +

+ +
+
+
+ + +
+
+
+ +

Diana García

+

Curiosa y disidente por naturaleza. Soy estudiante de la máxima casa de estudios: UNAM. +

+ +
+
+
+
+
+
+ +

Giselle Licona

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi ipsam nostrum illo tempora esse quibusdam.

+ +
+
+
+
+
+
+ +

Sandra Riverol

+

Me entusiasman las infinitas posibilidades de creación en la industria tecnológica.

+ +
+
+
+ + +
+
+
+ +

Gabriela Felipe

+

¡En una misión para conquistar el 🌍 con la ciencia y la tecnología!

+ +
+
+
+ +
+
+
+ +

ventAna

+

Experta en imprimir "Hola mundo"

+ +
+
+
+ + +
+
+
+ +

Angelica Trejo

+

En pro de las mujeres

+ +
+
+
+ + +
+
+
+ +

Mi-Lai Yamamoto Joo

+

Maestra en Gestion de Riesgos Financieros | Diseñadora UX/UI

+ +
+
+
+ +
+
+
+ +

Illeana Ramírez

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi ipsam nostrum illo tempora esse quibusdam.

+ +
+
+
+ + + + + + + + + +
+
+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/About Us/pics/Ana-Ruiz.jpg b/About Us/pics/Ana-Ruiz.jpg new file mode 100644 index 0000000..bad756e Binary files /dev/null and b/About Us/pics/Ana-Ruiz.jpg differ diff --git a/About Us/pics/Angelica_Trejo.jpeg b/About Us/pics/Angelica_Trejo.jpeg new file mode 100644 index 0000000..8726c76 Binary files /dev/null and b/About Us/pics/Angelica_Trejo.jpeg differ diff --git a/About Us/pics/Diana-Garcia.jpeg b/About Us/pics/Diana-Garcia.jpeg new file mode 100644 index 0000000..f657c74 Binary files /dev/null and b/About Us/pics/Diana-Garcia.jpeg differ diff --git a/About Us/pics/Gabriela-Felipe.jpeg b/About Us/pics/Gabriela-Felipe.jpeg new file mode 100644 index 0000000..8c940b7 Binary files /dev/null and b/About Us/pics/Gabriela-Felipe.jpeg differ diff --git a/About Us/pics/Giselle_Licona.png b/About Us/pics/Giselle_Licona.png new file mode 100644 index 0000000..648db04 Binary files /dev/null and b/About Us/pics/Giselle_Licona.png differ diff --git a/About Us/pics/Ileana-Ramirez.jpeg b/About Us/pics/Ileana-Ramirez.jpeg new file mode 100644 index 0000000..24e1a59 Binary files /dev/null and b/About Us/pics/Ileana-Ramirez.jpeg differ diff --git a/About Us/pics/MiLai_Yamamoto.jpeg b/About Us/pics/MiLai_Yamamoto.jpeg new file mode 100644 index 0000000..ff728de Binary files /dev/null and b/About Us/pics/MiLai_Yamamoto.jpeg differ diff --git a/About Us/pics/Sandra_Riverol.jpg b/About Us/pics/Sandra_Riverol.jpg new file mode 100644 index 0000000..bade1d3 Binary files /dev/null and b/About Us/pics/Sandra_Riverol.jpg differ diff --git a/About Us/pics/Tamara-Ibarra.jpeg b/About Us/pics/Tamara-Ibarra.jpeg new file mode 100644 index 0000000..3c31058 Binary files /dev/null and b/About Us/pics/Tamara-Ibarra.jpeg differ diff --git a/logo-vectorizado.png b/About Us/pics/logo-vectorizado.png similarity index 100% rename from logo-vectorizado.png rename to About Us/pics/logo-vectorizado.png diff --git a/About Us/styles/Styles.css b/About Us/styles/Styles.css new file mode 100644 index 0000000..87ae3ac --- /dev/null +++ b/About Us/styles/Styles.css @@ -0,0 +1,116 @@ +/*Estilos para la Navbar*/ +.header .navbar-brand { + color: white !important; +} + +.header .nav-link { + color: white !important; + font-size: 16.5px; +} + +.header .nav-link:hover { + color: rgb(99, 56, 56) !important; +} + +@media(max-width: 700px){ + .nav-link{text-align: center;} +} + +.header .navbar { + background-image: linear-gradient(to right, #F5E2BE, #e07A76); +} + + + + body { + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + } + + + h1,h2 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + padding: 20px; + } + +h3 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 30px; +} + + +.custom-card{ + width: 300px; + height: 500px; +} + + p{text-align: justify;} + +.img-fluid { + + max-width:100%; + height:auto; + +} + +.card-body{ + flex:1 1 auto;padding:1rem 1rem +} + + +.card-text:last-child{ + + margin-bottom:0 + +} + +.card-text{ + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 15px; + +} + + + #team-container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + padding: 20px; + } + + .team-member { + width: 300px; + margin: 20px; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; + position: relative; + } + + .team-member img { + width: 150px; + height: 150px; + border-radius: 50%; + margin-bottom: 10px; + position: absolute; + top: -75px; + left: 75px; + border: 4px solid #fff; + } + + footer { + background-color: #e07A76; + text-align: justify; + width: 1500px; + height: 40px; + } + + \ No newline at end of file diff --git a/About Us/styles/bootstrap.css b/About Us/styles/bootstrap.css new file mode 100644 index 0000000..248ee85 --- /dev/null +++ b/About Us/styles/bootstrap.css @@ -0,0 +1,34 @@ + +.carousel-control-color{ + white; +} +$carousel-control-width15%; +$carousel-control-opacity: .5; +$carousel-control-hover-opacity: .9; +$carousel-control-transition: opacity .15s ease; + +.carousel-indicators{ + width:30px; + height: 3px; + +} +$carousel-indicator-height: 3px; +$carousel-indicator-hit-area-height: 10px; +$carousel-indicator-spacer: 3px; +$carousel-indicator-opacity: .5; +$carousel-indicator-active-bg: $white; +$carousel-indicator-active-opacity: 1; +$carousel-indicator-transition: opacity .6s ease; + +$carousel-caption-width: 70%; +$carousel-caption-color: $white; +$carousel-caption-padding-y: 1.25rem; +$carousel-caption-spacer: 1.25rem; + +$carousel-control-icon-width: 2rem; + +$carousel-control-prev-icon-bg: url("data:image/svg+xml,"); +$carousel-control-next-icon-bg: url("data:image/svg+xml,"); + +$carousel-transition-duration: .6s; +$carousel-transition: transform $carousel-transition-duration ease-in-out; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) \ No newline at end of file diff --git a/styles.css b/Configurar-perfil/configuracion.css similarity index 72% rename from styles.css rename to Configurar-perfil/configuracion.css index 207d704..26eb28c 100644 --- a/styles.css +++ b/Configurar-perfil/configuracion.css @@ -1,4 +1,3 @@ - /*Estilos para la Navbar*/ .header .navbar-brand { color: white !important; @@ -22,7 +21,7 @@ } -/*Estilos en general para todo nuestro documento, incluye las fuentes que se usaran en todos los elementos*/ + body { font-family: "IBM Plex Sans", sans-serif; font-weight: 400; @@ -37,10 +36,48 @@ padding: 20px; } - p{text-align: justify;} +h3 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 30px; +} + + +.custom-card{ + width: 300px; + height: 500px; +} + + p{text-align: justify;} + +.img-fluid { + + max-width:100%; + height:auto; + +} + +.card-body{ + flex:1 1 auto;padding:1rem 1rem +} + + +.card-text:last-child{ + + margin-bottom:0 + +} + +.card-text{ + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 15px; + +} -/* CSS específico para la sección Sobre Nosotras hecha por MiLai*/ #team-container { display: flex; flex-wrap: wrap; diff --git a/Configurar-perfil/configurar.html b/Configurar-perfil/configurar.html new file mode 100644 index 0000000..23b1608 --- /dev/null +++ b/Configurar-perfil/configurar.html @@ -0,0 +1,71 @@ + + + + + + + + QUIZZ + + + + + + + + + + + + + + + + +
+ +
+ +

AQUI VA LA CONFIGURACION DE PERFIL

+
  • + Agregar mas informacion +
    • + + \ No newline at end of file diff --git a/ContactoPage/contactoMain.html b/ContactoPage/contactoMain.html index 837d406..403d3f0 100644 --- a/ContactoPage/contactoMain.html +++ b/ContactoPage/contactoMain.html @@ -23,7 +23,7 @@
    - Logo + Logo + + + +
    + + + +
    +
    +
    + + Logo FemTrek + + + + + +
    + + + + +
    + + + + + \ No newline at end of file diff --git "a/Iniciar_sesi\303\263n/ingreso.js" "b/Iniciar_sesi\303\263n/ingreso.js" new file mode 100644 index 0000000..5e64653 --- /dev/null +++ "b/Iniciar_sesi\303\263n/ingreso.js" @@ -0,0 +1,15 @@ + + + +function acceso() { +const email=document.getElementById("email").value; +const password=document.getElementById("contraseña").value; + +if(email=="algo@otracosa.com" && password==="probandoando") + { + window.location="prueba.html" + } else { + alert("Datos incorrectos") + } + +} \ No newline at end of file diff --git "a/Iniciar_sesi\303\263n/logo-vectorizado.png" "b/Iniciar_sesi\303\263n/logo-vectorizado.png" new file mode 100644 index 0000000..24cc4f4 Binary files /dev/null and "b/Iniciar_sesi\303\263n/logo-vectorizado.png" differ diff --git "a/Iniciar_sesi\303\263n/prueba.html" "b/Iniciar_sesi\303\263n/prueba.html" new file mode 100644 index 0000000..d1d0426 --- /dev/null +++ "b/Iniciar_sesi\303\263n/prueba.html" @@ -0,0 +1,12 @@ + + + + + + Document + + +

    Bienvenida

    + + + \ No newline at end of file diff --git a/Pagina-registro/pagina-registro.html b/Pagina-registro/pagina-registro.html new file mode 100644 index 0000000..75c5580 --- /dev/null +++ b/Pagina-registro/pagina-registro.html @@ -0,0 +1,160 @@ + + + + + + + + + + + + + + + + + + FemTrek + + + + + +
    + +
    + + +
    + + +
    +
    col-sm-3 + + +
    + + +
    col-sm-9 + +

    Formulario de registro

    +

    Ya casi eres parte de la comunidad, sólo llena este breve formulario para comenzar

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

    Recuerda colocar una contraseña que contenga al menos un núero, una mayúscula, y un caracter especial

    +
    + +
    + + +

    Vuelve a escribir tu contraseña

    +
    + + +

    +
    +
    + + + + + + \ No newline at end of file diff --git a/Quizz/quizz.css b/Quizz/quizz.css new file mode 100644 index 0000000..26eb28c --- /dev/null +++ b/Quizz/quizz.css @@ -0,0 +1,107 @@ +/*Estilos para la Navbar*/ +.header .navbar-brand { + color: white !important; +} + +.header .nav-link { + color: white !important; + font-size: 16.5px; +} + +.header .nav-link:hover { + color: rgb(99, 56, 56) !important; +} + +@media(max-width: 700px){ + .nav-link{text-align: center;} +} + +.header .navbar { + background-image: linear-gradient(to right, #F5E2BE, #e07A76); +} + + + + body { + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + } + + + h1,h2 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + padding: 20px; + } + +h3 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 30px; +} + + +.custom-card{ + width: 300px; + height: 500px; +} + + p{text-align: justify;} + +.img-fluid { + + max-width:100%; + height:auto; + +} + +.card-body{ + flex:1 1 auto;padding:1rem 1rem +} + + +.card-text:last-child{ + + margin-bottom:0 + +} + +.card-text{ + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + font-size: 15px; + +} + + + #team-container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + padding: 20px; + } + + .team-member { + width: 300px; + margin: 20px; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; + position: relative; + } + + .team-member img { + width: 150px; + height: 150px; + border-radius: 50%; + margin-bottom: 10px; + position: absolute; + top: -75px; + left: 75px; + border: 4px solid #fff; + } \ No newline at end of file diff --git a/Quizz/quizz.html b/Quizz/quizz.html new file mode 100644 index 0000000..0b7ec56 --- /dev/null +++ b/Quizz/quizz.html @@ -0,0 +1,69 @@ + + + + + + + + + QUIZZ + + + + + + + + + + + + + + + + +
    + +
    + +

    AQUI VA EL QUIZZ

    + + \ No newline at end of file diff --git a/README.md b/README.md deleted file mode 100644 index 5a2db10..0000000 --- a/README.md +++ /dev/null @@ -1,4 +0,0 @@ -# FemTrek - - -*Creemos en el apoyo entre la comunidad de mujeres, para no restringirnos de una vida plena.* diff --git a/comunidad/TS..jpg b/comunidad/TS..jpg new file mode 100644 index 0000000..5a03933 Binary files /dev/null and b/comunidad/TS..jpg differ diff --git a/comunidad/arraypub.js b/comunidad/arraypub.js new file mode 100644 index 0000000..2dcd5c2 --- /dev/null +++ b/comunidad/arraypub.js @@ -0,0 +1,185 @@ +const travelers = [ + { + id: "@Mari_Viaja", + userName: "Maria", + userLastName: "Garcia", + profilePhoto: "https://example.com/maria.jpg", + travelAdvice: "Si visitas Buenos Aires, Argentina, no te pierdas el vibrante barrio de La Boca. Conocido por sus casas coloridas y la famosa calle Caminito, es un gran lugar para experimentar la cultura local. También, visita el Cementerio de la Recoleta donde puedes encontrar la tumba de Eva Perón. Y, por supuesto, disfruta de un tradicional asado argentino en una de las muchas parrillas de la ciudad.", + travelPhotos: ["https://example.com/la_boca.jpg", "https://example.com/recoleta.jpg", "https://example.com/parrilla.jpg"], + location: "Buenos Aires, Argentina", + tags: ["La Boca", "Cementerio de la Recoleta", "Asado Argentino"] + }, + { + id: "@AnneMtz", + userName: "Ana", + userLastName: "Martinez", + profilePhoto: "https://example.com/ana.jpg", + travelAdvice: "En Perú, asegúrate de visitar la impresionante Machu Picchu. La antigua ciudad inca es uno de los monumentos más icónicos del mundo. Para una experiencia inolvidable, camina por el Camino Inca. También, explora la vibrante ciudad de Cusco, con su rica historia y hermosa arquitectura colonial.", + travelPhotos: ["https://example.com/machu_picchu.jpg", "https://example.com/inca_trail.jpg", "https://example.com/cusco.jpg"], + location: "Machu Picchu, Perú", + tags: ["Machu Picchu", "Camino Inca", "Cusco"] + }, + { + id: "@Sofi.Rojas23", + userName: "Sofia", + userLastName: "Rojas", + profilePhoto: "https://example.com/sofia.jpg", + travelAdvice: "Cuando estés en Colombia, no te pierdas la histórica ciudad de Cartagena. Su ciudad vieja, rodeada por murallas construidas en el siglo XVI, es un sitio del Patrimonio Mundial de la UNESCO. Las coloridas calles, hermosas plazas e iglesias históricas son un placer para explorar. Asegúrate de visitar el Castillo San Felipe de Barajas y tomar un tour en barco al atardecer.", + travelPhotos: ["https://example.com/cartagena.jpg", "https://example.com/old_town.jpg", "https://example.com/castillo.jpg"], + location: "Cartagena, Colombia", + tags: ["Cartagena", "Ciudad Vieja", "Castillo San Felipe"] + }, + { + id: "@travelerIsa", + userName: "Isabella", + userLastName: "Perez", + profilePhoto: "https://example.com/isabella.jpg", + travelAdvice: "En Brasil, la ciudad de Río de Janeiro es una visita obligada. Conocida por su icónica estatua del Cristo Redentor y las impresionantes playas de Copacabana e Ipanema, Río ofrece una mezcla de belleza natural y cultura vibrante. No olvides tomar un teleférico hasta el Pan de Azúcar para disfrutar de vistas impresionantes de la ciudad.", + travelPhotos: ["https://example.com/rio.jpg", "https://example.com/copacabana.jpg", "https://example.com/sugarloaf.jpg"], + location: "Río de Janeiro, Brasil", + tags: ["Río de Janeiro", "Cristo Redentor", "Copacabana", "Pan de Azúcar"] + }, + { + id: "@ValGonz4554", + userName: "Valentina", + userLastName: "Gonzalez", + profilePhoto: "https://example.com/valentina.jpg", + travelAdvice: "En México, asegúrate de explorar la rica historia de la Ciudad de México. Visita el Zócalo, la plaza principal de la ciudad, donde puedes ver la Catedral Metropolitana y el Palacio Nacional. Las cercanas ruinas de Teotihuacán también son una visita obligada, con la impresionante Pirámide del Sol. No olvides explorar los vibrantes barrios de Coyoacán y Roma.", + travelPhotos: ["https://example.com/mexico_city.jpg", "https://example.com/teotihuacan.jpg", "https://example.com/coyoacan.jpg"], + location: "CDMX, México", + tags: ["Ciudad de México", "Zócalo", "Teotihuacán", "Coyoacán"] + }, + { + id: "@NomadCami5820", + userName: "Camila", + userLastName: "Lopez", + profilePhoto: "https://example.com/camila.jpg", + travelAdvice: "Visita el Desierto de Atacama en Chile para una experiencia realmente única. El Valle de la Luna es un paisaje impresionante que se asemeja a la superficie de la luna. También puedes visitar los géiseres de El Tatio, el tercer campo de géiseres más grande del mundo, y los impresionantes salares de Salar de Atacama.", + travelPhotos: ["https://example.com/atacama.jpg", "https://example.com/valle_de_la_luna.jpg", "https://example.com/el_tatio.jpg"], + location: "Desierto de Atacama, Chile", + tags: ["Desierto de Atacama", "Valle de la Luna", "El Tatio", "Salar de Atacama"] + }, + { + id: "@Gabi_SoloTravs", + userName: "Gabriela", + userLastName: "Fernandez", + profilePhoto: "https://example.com/gabriela.jpg", + travelAdvice: "Costa Rica es un paraíso para los amantes de la naturaleza. Visita el Parque Nacional Manuel Antonio por sus hermosas playas y abundante vida silvestre. El Volcán Arenal es otro lugar imprescindible, ofreciendo aguas termales y oportunidades para hacer senderismo. No te pierdas el Bosque Nuboso de Monteverde por su ecosistema único y emocionantes tours de canopy.", + travelPhotos: ["https://example.com/manuel_antonio.jpg", "https://example.com/arenal_volcano.jpg", "https://example.com/monteverde.jpg"], + location: "Costa Rica", + tags: ["Manuel Antonio", "Volcán Arenal", "Monteverde"] + }, + { + id: "@Luci1711", + userName: "Lucia", + userLastName: "Silva", + profilePhoto: "https://example.com/lucia.jpg", + travelAdvice: "En Ecuador, un viaje a las Islas Galápagos es una experiencia única en la vida. La fauna única y los impresionantes paisajes no tienen comparación. Explora las islas en barco, haz snorkel con lobos marinos y visita la Estación de Investigación Charles Darwin. Las tierras altas de la Isla Santa Cruz ofrecen hermosas oportunidades para hacer senderismo.", + travelPhotos: ["https://example.com/galapagos.jpg", "https://example.com/sea_lions.jpg", "https://example.com/santa_cruz.jpg"], + location: "Islas Galápagos, Ecuador", + tags: ["Islas Galápagos", "Fauna", "Isla Santa Cruz"] + }, + { + id: "@Elena_Solitaria", + userName: "Elena", + userLastName: "Torres", + profilePhoto: "https://example.com/elena.jpg", + travelAdvice: "En Bolivia, el Salar de Uyuni es un destino imperdible. El salar más grande del mundo ofrece un paisaje surrealista, especialmente durante la temporada de lluvias cuando se convierte en un gigantesco espejo. También puedes visitar el cercano Parque Nacional Eduardo Avaroa para ver flamencos y otras especies en impresionantes entornos naturales.", + travelPhotos: ["https://example.com/salar_de_uyuni.jpg", "https://example.com/uyuni_mirror.jpg", "https://example.com/eduardo_avaroa.jpg"], + location: "Salar de Uyuni, Bolivia", + tags: ["Salar de Uyuni", "Parque Nacional Eduardo Avaroa", "Flamencos"] + }, + { + id: "@CaroTravels", + userName: "Carolina", + userLastName: "Morales", + profilePhoto: "https://example.com/carolina.jpg", + travelAdvice: "La Ciudad de Panamá es un destino vibrante y cosmopolita. El histórico distrito de Casco Viejo está lleno de hitos de la era colonial y cafés de moda. No te pierdas una visita al Canal de Panamá, una de las mayores hazañas de ingeniería del siglo XX. El cercano Parque Nacional Soberanía ofrece excelentes oportunidades para la observación de aves y el senderismo.", + travelPhotos: ["https://example.com/casco_viejo.jpg", "https://example.com/panama_canal.jpg", "https://example.com/soberania.jpg"], + location: "Ciudad de Panamá, Panamá", + tags: ["Casco Viejo", "Canal de Panamá", "Parque Nacional Soberanía"] + } + ]; + + console.log(travelers); + + function toggleImageInput() { + const imageInput = document.getElementById('postImage'); + const includeImageSwitch = document.getElementById('includeImageSwitch'); + if (includeImageSwitch.checked) { + imageInput.style.display = 'block'; + } else { + imageInput.style.display = 'none'; + imageInput.value = ''; // Limpiar el valor del input si se desactiva el switch + } + } + + function addPost() { + // Obtener el contenido del textarea, el archivo de imagen y el tipo de publicación + const postContent = document.getElementById('postContent').value; + const postImage = document.getElementById('postImage').files[0]; + const postType = document.getElementById('postType').value; + + // Verificar si el contenido no está vacío + if (postContent.trim() !== '') { + // Crear un objeto de publicación + let post = { + content: postContent, + type: postType, + image: null, + timestamp: new Date().toLocaleString() + }; + + // Si hay una imagen y el switch está activado, leer la imagen + if (postImage) { + const reader = new FileReader(); + reader.onload = function(e) { + post.image = e.target.result; + posts.unshift(post); // Agregar la publicación al inicio del array + renderPosts(); // Renderizar las publicaciones + }; + reader.readAsDataURL(postImage); + } else { + posts.unshift(post); // Agregar la publicación al inicio del array + renderPosts(); // Renderizar las publicaciones + } + + // Limpiar el textarea y el input de archivo + document.getElementById('postContent').value = ''; + document.getElementById('postImage').value = ''; + document.getElementById('postImage').style.display = 'none'; + document.getElementById('includeImageSwitch').checked = false; + } else { + alert('Por favor, escribe algo antes de publicar.'); + } + } + + function renderPosts() { + const feed = document.getElementById('feed'); + feed.innerHTML = ''; // Limpiar el feed + + posts.forEach(post => { + const newPost = document.createElement('div'); + newPost.classList.add('mb-3'); + + let postHTML = ` + +
    ${post.type}
    +

    ${post.content}

    + `; + + if (post.image) { + postHTML += `Imagen de la publicación`; + } + + newPost.innerHTML = postHTML + '
    '; + feed.appendChild(newPost); + }); + } \ No newline at end of file diff --git a/comunidad/chat.png b/comunidad/chat.png new file mode 100644 index 0000000..23c75ae Binary files /dev/null and b/comunidad/chat.png differ diff --git a/comunidad/chat.svg b/comunidad/chat.svg new file mode 100644 index 0000000..487d142 --- /dev/null +++ b/comunidad/chat.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/comunidad/chat1.png b/comunidad/chat1.png new file mode 100644 index 0000000..ce9889b Binary files /dev/null and b/comunidad/chat1.png differ diff --git a/comunidad/comunidad.css b/comunidad/comunidad.css new file mode 100644 index 0000000..44e4e79 --- /dev/null +++ b/comunidad/comunidad.css @@ -0,0 +1,172 @@ +/*Estilos para la Navbar de comunidad*/ + +.header .navbar-brand { + color: white !important; + +} + +.header .nav-link { + color: white !important; + font-size: 16.5px; +} + +.header .nav-link:hover { + color: rgb(99, 56, 56) !important; +} + +@media(max-width: 700px){ + .nav-link{text-align: center;} +} + +.header .navbar { + background-image: linear-gradient(to right,#f6eaed, #ef1188); + +} + +.nav-user-icon img { +width: 40px; +border-radius: 50%; +cursor: pointer; +} + + +/*Estilo para todo to, incluye las fuentes que se usaran en todos los elementos*/ + body { + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + background-color: #eaf6e2; + } + + + h1,h2 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + padding: 20px; + } + + p{text-align: justify;} + + h3{ + font-family: "Hammersmith One", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 20px; + text-align: center; + + } + + +/*Estilos del sidebar*/ +.container{ + display: flex; + justify-content: space-between; + padding: 13px 5px; +} + + + +.left-sidebar{ +background-color: hsl(318, 69%, 82%); +flex-basis: 25%; + +margin-top: 70px; +align-self: flex-start; +position: sticky; + + +} + +.imp-links a { + +text-decoration: none; +display: flex; +align-items: center; +margin-bottom: 30px; +color: #000000; +width: fit-content; +} + +.imp-links a img { +width: 20px; +margin-right: 15px; +height: 20px; +} + +.imp-links a:last-child{ + color: #0d0dfc; +} +.imp-links { + border-bottom: 1px solid #ccc; +} + + +/*Estilos del fedd*/ +.publish-container{ + width: 100%; + background-color: #ffff; + border-radius: 6px; + padding: 20px; + columns: #626262; + margin-top: 70px; +} + +.user-profile { + display: flex; + + align-items: center; +} + +.user-profile img{ + width: 45px; + border-radius: 50%; + margin-right: 10px; +} + +.user-profile p{ +margin-bottom: -5px; +font-weight: 500; +color: #626262; +} + +.user-profile small{ + font-size: 12px; +} + +.user-profile span{ + font-size: 10px; + +} + +.post-input-container{ + padding-left: 55px; + padding-top: 20px; +} + +.post-input-container textarea{ + width: 100%; + border: 1px solid #64636d; + outline: 1px solid #64636d; + border-bottom: 1px solid #64636d; + background-color: transparent; + resize: none; + +} +.add-post{ +display: flex; +margin-top: 10px; +} +.add-post a{ +text-decoration: none; +display: flex; +align-items: center; +color: #626262; +margin-right: 30px; +font-size: 13px; +} +.add-post a img{ +width: 20px; +margin-right: 30px; +} + diff --git a/comunidad/comunidad.html b/comunidad/comunidad.html new file mode 100644 index 0000000..9c111bd --- /dev/null +++ b/comunidad/comunidad.html @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + + FemTrek + + + +
    + +
    + + + +
    + +
    +
    +

    Viaja al exterior

    +

    Comunidad

    + Mis publicaciones + Actualizaciones + +
    + +
    + + + +
    + + + +
    + + +
    + Foto/Video + Actividad +
    +
    + +
    + +

    Como muchas saben, en 1 mes Taylor Swift hará su concierto en Quito, sin embargo, por tenciones + políticas ahorita hay toque de queda en las principales avenidas después de las 12...

    + + +

    Como muchas saben, en 1 mes Taylor Swift hará su concierto en Quito, sin embargo, por tenciones + políticas ahorita hay toque de queda en las principales avenidas después de las 12...

    + +
    + +
    + + +
    + +
    + + +
    +
    + © 2024 FemTrek +
    +
    + + + \ No newline at end of file diff --git a/comunidad/comunidad2.html b/comunidad/comunidad2.html new file mode 100644 index 0000000..a5eb66e --- /dev/null +++ b/comunidad/comunidad2.html @@ -0,0 +1,164 @@ + + + + + + + + + + + + + + + + + + + + Comunidad FemTrek + + + +
    + +
    + + + + + +
    + + +
    +
    +
    +

    Viaja en tu ciudad

    +

    Comunidad

    + Mis publicaciones + Actualizaciones + Viaje al Exterior +
    +
    +
    + + + + +
    +
    + + + +
    + +
    + + +
    + + + + + +
    + + + +
    +
    +
    + +
    + +
    +
    +
    +
    + + + + + + + + + +
    +
    + © 2024 FemTrek +
    +
    + + \ No newline at end of file diff --git a/comunidad/feed.js b/comunidad/feed.js new file mode 100644 index 0000000..b28e3a5 --- /dev/null +++ b/comunidad/feed.js @@ -0,0 +1,105 @@ +const travelers = [ + { + id: "@Mari_Viaja", + userName: "Maria", + userLastName: "Garcia", + profilePhoto: "https://example.com/maria.jpg", + travelAdvice: "Si visitas Buenos Aires, Argentina, no te pierdas el vibrante barrio de La Boca. Conocido por sus casas coloridas y la famosa calle Caminito, es un gran lugar para experimentar la cultura local. También, visita el Cementerio de la Recoleta donde puedes encontrar la tumba de Eva Perón. Y, por supuesto, disfruta de un tradicional asado argentino en una de las muchas parrillas de la ciudad.", + travelPhotos: ["https://example.com/la_boca.jpg", "https://example.com/recoleta.jpg", "https://example.com/parrilla.jpg"], + location: "Buenos Aires, Argentina", + tags: ["La Boca", "Cementerio de la Recoleta", "Asado Argentino"] + }, + { + id: "@AnneMtz", + userName: "Ana", + userLastName: "Martinez", + profilePhoto: "https://example.com/ana.jpg", + travelAdvice: "En Perú, asegúrate de visitar la impresionante Machu Picchu. La antigua ciudad inca es uno de los monumentos más icónicos del mundo. Para una experiencia inolvidable, camina por el Camino Inca. También, explora la vibrante ciudad de Cusco, con su rica historia y hermosa arquitectura colonial.", + travelPhotos: ["https://example.com/machu_picchu.jpg", "https://example.com/inca_trail.jpg", "https://example.com/cusco.jpg"], + location: "Machu Picchu, Perú", + tags: ["Machu Picchu", "Camino Inca", "Cusco"] + }, + { + id: "@Sofi.Rojas23", + userName: "Sofia", + userLastName: "Rojas", + profilePhoto: "https://example.com/sofia.jpg", + travelAdvice: "Cuando estés en Colombia, no te pierdas la histórica ciudad de Cartagena. Su ciudad vieja, rodeada por murallas construidas en el siglo XVI, es un sitio del Patrimonio Mundial de la UNESCO. Las coloridas calles, hermosas plazas e iglesias históricas son un placer para explorar. Asegúrate de visitar el Castillo San Felipe de Barajas y tomar un tour en barco al atardecer.", + travelPhotos: ["https://example.com/cartagena.jpg", "https://example.com/old_town.jpg", "https://example.com/castillo.jpg"], + location: "Cartagena, Colombia", + tags: ["Cartagena", "Ciudad Vieja", "Castillo San Felipe"] + }, + { + id: "@travelerIsa", + userName: "Isabella", + userLastName: "Perez", + profilePhoto: "https://example.com/isabella.jpg", + travelAdvice: "En Brasil, la ciudad de Río de Janeiro es una visita obligada. Conocida por su icónica estatua del Cristo Redentor y las impresionantes playas de Copacabana e Ipanema, Río ofrece una mezcla de belleza natural y cultura vibrante. No olvides tomar un teleférico hasta el Pan de Azúcar para disfrutar de vistas impresionantes de la ciudad.", + travelPhotos: ["https://example.com/rio.jpg", "https://example.com/copacabana.jpg", "https://example.com/sugarloaf.jpg"], + location: "Río de Janeiro, Brasil", + tags: ["Río de Janeiro", "Cristo Redentor", "Copacabana", "Pan de Azúcar"] + }, + { + id: "@ValGonz4554", + userName: "Valentina", + userLastName: "Gonzalez", + profilePhoto: "https://example.com/valentina.jpg", + travelAdvice: "En México, asegúrate de explorar la rica historia de la Ciudad de México. Visita el Zócalo, la plaza principal de la ciudad, donde puedes ver la Catedral Metropolitana y el Palacio Nacional. Las cercanas ruinas de Teotihuacán también son una visita obligada, con la impresionante Pirámide del Sol. No olvides explorar los vibrantes barrios de Coyoacán y Roma.", + travelPhotos: ["https://example.com/mexico_city.jpg", "https://example.com/teotihuacan.jpg", "https://example.com/coyoacan.jpg"], + location: "CDMX, México", + tags: ["Ciudad de México", "Zócalo", "Teotihuacán", "Coyoacán"] + }, + { + id: "@NomadCami5820", + userName: "Camila", + userLastName: "Lopez", + profilePhoto: "https://example.com/camila.jpg", + travelAdvice: "Visita el Desierto de Atacama en Chile para una experiencia realmente única. El Valle de la Luna es un paisaje impresionante que se asemeja a la superficie de la luna. También puedes visitar los géiseres de El Tatio, el tercer campo de géiseres más grande del mundo, y los impresionantes salares de Salar de Atacama.", + travelPhotos: ["https://example.com/atacama.jpg", "https://example.com/valle_de_la_luna.jpg", "https://example.com/el_tatio.jpg"], + location: "Desierto de Atacama, Chile", + tags: ["Desierto de Atacama", "Valle de la Luna", "El Tatio", "Salar de Atacama"] + }, + { + id: "@Gabi_SoloTravs", + userName: "Gabriela", + userLastName: "Fernandez", + profilePhoto: "https://example.com/gabriela.jpg", + travelAdvice: "Costa Rica es un paraíso para los amantes de la naturaleza. Visita el Parque Nacional Manuel Antonio por sus hermosas playas y abundante vida silvestre. El Volcán Arenal es otro lugar imprescindible, ofreciendo aguas termales y oportunidades para hacer senderismo. No te pierdas el Bosque Nuboso de Monteverde por su ecosistema único y emocionantes tours de canopy.", + travelPhotos: ["https://example.com/manuel_antonio.jpg", "https://example.com/arenal_volcano.jpg", "https://example.com/monteverde.jpg"], + location: "Costa Rica", + tags: ["Manuel Antonio", "Volcán Arenal", "Monteverde"] + }, + { + id: "@Luci1711", + userName: "Lucia", + userLastName: "Silva", + profilePhoto: "https://example.com/lucia.jpg", + travelAdvice: "En Ecuador, un viaje a las Islas Galápagos es una experiencia única en la vida. La fauna única y los impresionantes paisajes no tienen comparación. Explora las islas en barco, haz snorkel con lobos marinos y visita la Estación de Investigación Charles Darwin. Las tierras altas de la Isla Santa Cruz ofrecen hermosas oportunidades para hacer senderismo.", + travelPhotos: ["https://example.com/galapagos.jpg", "https://example.com/sea_lions.jpg", "https://example.com/santa_cruz.jpg"], + location: "Islas Galápagos, Ecuador", + tags: ["Islas Galápagos", "Fauna", "Isla Santa Cruz"] + }, + { + id: "@Elena_Solitaria", + userName: "Elena", + userLastName: "Torres", + profilePhoto: "https://example.com/elena.jpg", + travelAdvice: "En Bolivia, el Salar de Uyuni es un destino imperdible. El salar más grande del mundo ofrece un paisaje surrealista, especialmente durante la temporada de lluvias cuando se convierte en un gigantesco espejo. También puedes visitar el cercano Parque Nacional Eduardo Avaroa para ver flamencos y otras especies en impresionantes entornos naturales.", + travelPhotos: ["https://example.com/salar_de_uyuni.jpg", "https://example.com/uyuni_mirror.jpg", "https://example.com/eduardo_avaroa.jpg"], + location: "Salar de Uyuni, Bolivia", + tags: ["Salar de Uyuni", "Parque Nacional Eduardo Avaroa", "Flamencos"] + }, + { + id: "@CaroTravels", + userName: "Carolina", + userLastName: "Morales", + profilePhoto: "https://example.com/carolina.jpg", + travelAdvice: "La Ciudad de Panamá es un destino vibrante y cosmopolita. El histórico distrito de Casco Viejo está lleno de hitos de la era colonial y cafés de moda. No te pierdas una visita al Canal de Panamá, una de las mayores hazañas de ingeniería del siglo XX. El cercano Parque Nacional Soberanía ofrece excelentes oportunidades para la observación de aves y el senderismo.", + travelPhotos: ["https://example.com/casco_viejo.jpg", "https://example.com/panama_canal.jpg", "https://example.com/soberania.jpg"], + location: "Ciudad de Panamá, Panamá", + tags: ["Casco Viejo", "Canal de Panamá", "Parque Nacional Soberanía"] + } + ]; + + console.log(travelers); + \ No newline at end of file diff --git a/comunidad/logo-vectorizado.png b/comunidad/logo-vectorizado.png new file mode 100644 index 0000000..24cc4f4 Binary files /dev/null and b/comunidad/logo-vectorizado.png differ diff --git a/comunidad/mujer.png b/comunidad/mujer.png new file mode 100644 index 0000000..b08b66c Binary files /dev/null and b/comunidad/mujer.png differ diff --git a/comunidad/publicaciones.js b/comunidad/publicaciones.js new file mode 100644 index 0000000..c41edbf --- /dev/null +++ b/comunidad/publicaciones.js @@ -0,0 +1,62 @@ +function toggleImageInput(){ + const imageInput = document.getElementById('postImage'); + const includeImageSwitch = document.getElementById('includeImageSwitch'); + if (includeImageSwitch.checked) { + imageInput.style.display = 'block'; + } else { + imageInput.style.display = 'none'; + imageInput.value = ''; // Limpiar el valor del input si se desactiva el switch + } + } + +function addPost() { + // Obtener el contenido del textarea + const postContent = document.getElementById('postContent').value; + const postImage = document.getElementById('postImage').files[0]; + const postType = document.getElementById('postType').value; + + // Verificar si el contenido no está vacío + if (postContent.trim() !== '') { + // Crear un nuevo elemento de publicación + const newPost = document.createElement('div'); + newPost.classList.add('mb-3'); + + // Agregar el contenido de la publicación + let postHTML = ` + +
    ${postType}
    +

    ${postContent}

    +
    + `; + + // Si hay una imagen y el switch está activado, agregarla a la publicación + if (postImage) { + const reader = new FileReader(); + reader.onload = function(e) { + postHTML += `Imagen de la publicación`; + newPost.innerHTML = postHTML + '
    '; + document.getElementById('feed').prepend(newPost); + }; + reader.readAsDataURL(postImage); + } else { + newPost.innerHTML = postHTML + '
    '; + document.getElementById('feed').prepend(newPost); + } + + + // Limpiar el textarea + document.getElementById('postContent').value = ''; + document.getElementById('postImage').value = ''; + document.getElementById('postImage').style.display = 'none'; + document.getElementById('includeImageSwitch').checked = false; + } else { + alert('Por favor, escribe algo antes de publicar.'); + } + } \ No newline at end of file diff --git a/mi perfil/Mi-Perfil.js b/mi perfil/Mi-Perfil.js new file mode 100644 index 0000000..1353bba --- /dev/null +++ b/mi perfil/Mi-Perfil.js @@ -0,0 +1,55 @@ +const MyPosts = [ + { + id: "@traveler11", + userName: "Laura", + userLastName: "Vargas", + profilePhoto: "https://example.com/laura.jpg", + travelAdvice: "El sistema de transporte público en Bogotá es amplio y eficiente si sabes cómo utilizarlo. El TransMilenio es la red de autobuses más grande de la ciudad y te permite moverte rápidamente por las principales avenidas. Funciona todos los días desde las 4:30 a.m. hasta las 11:00 p.m., lo que lo hace muy conveniente para los desplazamientos diarios. Actualmente, el sistema cuenta con 12 líneas troncales que cubren gran parte de la ciudad y 9 líneas alimentadoras que conectan los barrios más alejados con las estaciones principales. Te recomiendo evitar las horas pico, ya que puede ser bastante congestionado. Además, siempre mantén tus pertenencias cerca y en un lugar seguro para evitar robos. Puedes usar la aplicación móvil de TransMilenio para planificar tu ruta y conocer los tiempos de llegada en tiempo real.", + travelPhotos: ["https://example.com/transmilenio.jpg"], + location: "Bogotá, Colombia", + tags: ["Transporte Público", "TransMilenio", "Seguridad"] + }, + { + id: "@traveler11", + userName: "Laura", + userLastName: "Vargas", + profilePhoto: "https://example.com/laura.jpg", + travelAdvice: "Bogotá ofrece una gran cantidad de eventos locales durante todo el año. Desde festivales de música hasta ferias de libros y exposiciones de arte. El Festival Iberoamericano de Teatro es uno de los eventos más destacados y atrae a artistas de todo el mundo. No te pierdas la oportunidad de disfrutar de estas experiencias culturales.", + travelPhotos: ["https://example.com/festival_teatro.jpg", "https://example.com/feria_libro.jpg"], + location: "Bogotá, Colombia", + tags: ["Eventos Locales", "Cultura", "Festival Iberoamericano de Teatro"] + }, + { + id: "@traveler11", + userName: "Laura", + userLastName: "Vargas", + profilePhoto: "https://example.com/laura.jpg", + travelAdvice: "La seguridad pública es una prioridad en Bogotá, pero es importante tomar precauciones personales. Evita caminar solo por áreas poco iluminadas o desconocidas durante la noche. Utiliza servicios de transporte confiables y siempre informa a alguien de confianza sobre tu paradero. La policía local y los guardias de seguridad en los lugares públicos están ahí para ayudarte si lo necesitas.", + travelPhotos: [""], + location: "Bogotá, Colombia", + tags: ["Seguridad Pública", "Precauciones", "Consejos de Seguridad"] + }, + { + id: "@traveler11", + userName: "Laura", + userLastName: "Vargas", + profilePhoto: "", + travelAdvice: "Moverse por Bogotá en bicicleta es una excelente opción, especialmente durante los domingos y festivos cuando la ciclovía está abierta. Más de 120 kilómetros de calles se cierran al tráfico vehicular para que los ciclistas, patinadores y peatones puedan disfrutar de la ciudad de manera segura. No olvides llevar casco y mantenerte en los carriles designados para bicicletas.", + travelPhotos: ["https://example.com/ciclovia.jpg"], + location: "Bogotá, Colombia", + tags: ["Ciclismo", "Ciclovía", "Transporte Alternativo"] + }, + { + id: "@traveler11", + userName: "Laura", + userLastName: "Vargas", + profilePhoto: "https://example.com/laura.jpg", + travelAdvice: "La aplicación de tecnologías para mejorar la seguridad pública en Bogotá está en constante desarrollo. Existen aplicaciones móviles que te permiten reportar incidentes y recibir alertas de seguridad en tiempo real. Además, muchas zonas están vigiladas por cámaras de seguridad. Utiliza estos recursos para mantenerte informado y seguro.", + travelPhotos: ["https://example.com/camaras_seguridad.jpg"], + location: "Bogotá, Colombia", + tags: ["Tecnología", "Seguridad Pública", "Aplicaciones Móviles"] + } + ]; + + console.log(MyPosts); + \ No newline at end of file diff --git a/mi perfil/chat1.png b/mi perfil/chat1.png new file mode 100644 index 0000000..ce9889b Binary files /dev/null and b/mi perfil/chat1.png differ diff --git a/mi perfil/logo-vectorizado.png b/mi perfil/logo-vectorizado.png new file mode 100644 index 0000000..24cc4f4 Binary files /dev/null and b/mi perfil/logo-vectorizado.png differ diff --git a/mi perfil/miperfil.css b/mi perfil/miperfil.css new file mode 100644 index 0000000..ef59d08 --- /dev/null +++ b/mi perfil/miperfil.css @@ -0,0 +1,168 @@ +/*Estilos para la Navbar de mi perfil*/ + +.header .navbar-brand { + color: white !important; + +} + +.header .nav-link { + color: white !important; + font-size: 16.5px; +} + +.header .nav-link:hover { + color: rgb(99, 56, 56) !important; +} + +@media(max-width: 700px){ + .nav-link{text-align: center;} +} + +.header .navbar { + background-image: linear-gradient(to right,#f6eaed, #ef1188); + +} + +.nav-user-icon img { +width: 40px; +border-radius: 50%; +cursor: pointer; +} + + +/*Estilo para todo to, incluye las fuentes que se usaran en todos los elementos*/ + body { + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + background-color: #eaf6e2; + } + + + h1,h2 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + padding: 20px; + } + + p{text-align: justify;} + + + +/*Estilos del sidebar*/ +.container{ + display: flex; + justify-content: space-between; + padding: 13px 5px; +} + + + +.left-sidebar{ +background-color: #d3eec1; +flex-basis: 25%; + +margin-top: 70px; +align-self: flex-start; +position: sticky; + +} + +.photo-profile img { + width:90px; + border-radius: 60%; + border-color: #000000; + cursor: pointer; + } + +.imp-links a { + +text-decoration: none; +display: flex; +align-items: center; +margin-bottom: 30px; +color: #000000; +width: fit-content; +} + +.imp-links a img { +width: 25px; +margin-right: 15px; +} + +.imp-links a:last-child{ + color: #0d0dfc; +} +.imp-links { + border-bottom: 1px solid #ccc; +} + + +/*Estilos del fedd*/ +.publish-container{ + width: 100%; + background-color: #ffff; + border-radius: 6px; + padding: 20px; + columns: #626262; + margin-top: 70px; +} + +.user-profile { + display: flex; + + align-items: center; +} + +.user-profile img{ + width: 45px; + border-radius: 50%; + margin-right: 10px; +} + +.user-profile p{ +margin-bottom: -5px; +font-weight: 500; +color: #626262; +} + +.user-profile small{ + font-size: 12px; +} + +.user-profile span{ + font-size: 10px; + +} + +.post-input-container{ + padding-left: 55px; + padding-top: 20px; +} + +.post-input-container textarea{ + width: 100%; + border: 0; + outline: 0; + border-bottom: 1px solid #ccc; + background-color: transparent; + resize: none; +} +.add-post{ +display: flex; +margin-top: 10px; +} +.add-post a{ +text-decoration: none; +display: flex; +align-items: center; +color: #626262; +margin-right: 30px; +font-size: 13px; +} +.add-post a img{ +width: 20px; +margin-right: 30px; +} + diff --git a/mi perfil/miperfil.html b/mi perfil/miperfil.html new file mode 100644 index 0000000..9cc438c --- /dev/null +++ b/mi perfil/miperfil.html @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + -mi perfil + + + +
    + +
    + + + +
    + +
    + + + + + \ No newline at end of file diff --git a/mi perfil/mujer.png b/mi perfil/mujer.png new file mode 100644 index 0000000..b08b66c Binary files /dev/null and b/mi perfil/mujer.png differ diff --git a/principal/assets/friends-travel.jpg b/principal/assets/friends-travel.jpg new file mode 100644 index 0000000..7d856a1 Binary files /dev/null and b/principal/assets/friends-travel.jpg differ diff --git a/principal/assets/logo-vectorizado.png b/principal/assets/logo-vectorizado.png new file mode 100644 index 0000000..24cc4f4 Binary files /dev/null and b/principal/assets/logo-vectorizado.png differ diff --git a/principal/assets/woman-waiting.jpg b/principal/assets/woman-waiting.jpg new file mode 100644 index 0000000..eca5723 Binary files /dev/null and b/principal/assets/woman-waiting.jpg differ diff --git a/principal/assets/women-traveling.jpg b/principal/assets/women-traveling.jpg new file mode 100644 index 0000000..01ebcde Binary files /dev/null and b/principal/assets/women-traveling.jpg differ diff --git a/principal/principal-carrusel.html b/principal/principal-carrusel.html new file mode 100644 index 0000000..819294d --- /dev/null +++ b/principal/principal-carrusel.html @@ -0,0 +1,45 @@ + + + + + + + + Document + + + + +
    + +
    + + + + + \ No newline at end of file diff --git a/principal/principal-carrusel.js b/principal/principal-carrusel.js new file mode 100644 index 0000000..75b38a9 --- /dev/null +++ b/principal/principal-carrusel.js @@ -0,0 +1,33 @@ +//Evento para llamar al carrusel +document.addEventListener('DOMContentLoaded', function () { + let carouselElement = document.getElementById ('carouselHome'); + let carousel = new bootstrap.Carousel (carouselElement); + + //Función para cambiar la imagen cada 6 segundos + function autoMov() { + carousel.next(); + setTimeout(autoMov, 6000); + } + autoMov(); + + //Evento para corregir temporizador al hacer click + + //Anterior + let prevButton = carouselElement.querySelector('.carousel-control-prev'); + prevButton.addEventListener('click', function() { + carousel.prev(); + + clearTimeout(autoMov, 6000); + autoMov(); + }); + + //Siguiente + var nextButton = carouselElement.querySelector('.carousel-control-next'); + nextButton.addEventListener('click', function() { + carousel.next(); + + clearTimeout(autoMov, 6000); + autoMov(); + }); + +}); diff --git a/principal/styles-principal-carrusel.css b/principal/styles-principal-carrusel.css new file mode 100644 index 0000000..6f172fd --- /dev/null +++ b/principal/styles-principal-carrusel.css @@ -0,0 +1,18 @@ +body { + background-color: #F8C0A9; + font-family: "Josefin Sans"; + font-weight: 400; +} + +#logo { + width: 250px; + height: 80px; +} + +img { + width: 10; + height: 400px; + margin: 15px; + padding: 10; + border-radius: 20px; +} \ No newline at end of file diff --git "a/recupera_contrase\303\261a/Logotipo.png" "b/recupera_contrase\303\261a/Logotipo.png" new file mode 100644 index 0000000..f9332e1 Binary files /dev/null and "b/recupera_contrase\303\261a/Logotipo.png" differ diff --git "a/recupera_contrase\303\261a/logo-vectorizado.png" "b/recupera_contrase\303\261a/logo-vectorizado.png" new file mode 100644 index 0000000..24cc4f4 Binary files /dev/null and "b/recupera_contrase\303\261a/logo-vectorizado.png" differ diff --git "a/recupera_contrase\303\261a/recupcontra.css" "b/recupera_contrase\303\261a/recupcontra.css" new file mode 100644 index 0000000..56c2c0f --- /dev/null +++ "b/recupera_contrase\303\261a/recupcontra.css" @@ -0,0 +1,57 @@ +/*Estilos para la Navbar*/ +.header .navbar-brand { + color: white !important; +} + +.header .nav-link { + color: white !important; + font-size: 16.5px; +} + +.header .nav-link:hover { + color: rgb(99, 56, 56) !important; +} + +@media(max-width: 700px){ + .nav-link{text-align: center;} +} + +.header .navbar { + background-image: linear-gradient(to right, #F5E2BE, #e07A76); +} + + +/*Estilos en general para todo nuestro documento, incluye las fuentes que se usaran en todos los elementos*/ + body { + font-family: "IBM Plex Sans", sans-serif; + font-weight: 400; + font-style: normal; + } + + + h1,h2 { + font-family: "Hammersmith One", sans-serif; + font-weight: 400; + font-style: normal; + padding: 20px; + } + + p{text-align: justify;} + + + /*Estilos contenido */ + .container{ + margin-top: 20px; + } + + #titulo{ + text-align: center; + } + + #logodos{ + align-items: center; + margin-top: 80px; + margin-left: 40px; + } + + \ No newline at end of file diff --git "a/recupera_contrase\303\261a/recupcontra.html" "b/recupera_contrase\303\261a/recupcontra.html" new file mode 100644 index 0000000..07d3641 --- /dev/null +++ "b/recupera_contrase\303\261a/recupcontra.html" @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + Recupera contraseña + + +
    + +
    + + + + +
    +
    +
    +
    +

    Recuperar contraseña

    +
    + + + +
    + + + +
    + + +
    + + + +
    + + +
    + + + +
    + +
    + + + +
    + + +
    + + + + + + + + + + +
    + + + + + + + + +
    +
    +
    + + Logo FemTrek + + + +
    + + + + + + + +
    + + +
    + + + + + +
    + + + \ No newline at end of file diff --git a/registro.html b/registro.html deleted file mode 100644 index 45cb3f2..0000000 --- a/registro.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - - - - - - - - - - - - - - - FemTrek - - - - - -
    - -
    - - -
    -

    Hello, world!

    -

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorum ab asperiores, quasi nobis soluta iusto cupiditate? Facere rerum, accusamus quasi illo voluptatum, hic eum iste fuga obcaecati ullam soluta odit accusantium perferendis nam ratione placeat aspernatur, pariatur enim modi quae temporibus. Quidem quibusdam fugiat nostrum reiciendis voluptatibus, placeat, inventore soluta eligendi nobis vitae, est amet consequatur nisi veritatis nam odio ex ut. Dolor, molestiae voluptates. Possimus porro facilis totam asperiores cumque? Necessitatibus saepe voluptatibus iure maxime maiores quibusdam rem fugit ut, eos placeat vero illo deserunt similique dolores quis, sint magni repudiandae suscipit ullam voluptates adipisci! Consequatur corrupti odit, quasi tempora nesciunt amet asperiores aut, modi facere cumque totam rerum hic eum aliquam labore eius suscipit atque quod dolor officiis itaque. Iste cum sint dicta dolor inventore maxime maiores repudiandae ad sequi, atque ratione dolorum vitae velit numquam unde exercitationem beatae blanditiis odit quae sunt tempora expedita natus, tenetur esse. Soluta unde accusamus ab eum? Quasi blanditiis ad reprehenderit pariatur ducimus optio maiores ex, aut dolore, et ullam expedita perspiciatis in dolorem quos minus. Possimus, veniam sint? Autem alias exercitationem eveniet, officiis nisi, impedit vero nulla quis deleniti amet harum quam? Reprehenderit saepe dolore minima sint dignissimos? Sapiente illum est quae quia? Velit voluptatem, temporibus, illo officiis ratione alias commodi deserunt eaque accusamus non quibusdam quod nobis similique asperiores deleniti autem esse odit. Ea quaerat labore corporis, vel atque adipisci a animi aliquid at sapiente obcaecati quod velit consectetur maiores pariatur repellendus ipsum voluptatem dolores quasi eaque! Earum, rem odit?

    -
    - - - - - - \ No newline at end of file diff --git a/style.css b/style.css deleted file mode 100644 index 454fbc4..0000000 --- a/style.css +++ /dev/null @@ -1,25 +0,0 @@ -/* ejemplo */ - -h1 { - - font-family: "Hammersmith One", sans-serif; font-weight: 400; - font-style: bold; - font-size: 38px; -} - -h2{ - font-family: "Hammersmith One", sans-serif; font-weight: 400; - font-style: normal; - font-size: 30px; -} -h3 { - font-family: "Hammersmith One", sans-serif; font-weight: 400; - font-style: normal; - font-size: 26px; -} - -body { - font-family: "IBM Plex Sans", sans-serif; font-weight: 400; font-style: normal; - font-size: 22px; -} -