diff --git a/docs/css/estilos.css b/docs/css/estilos.css index 5e7a548..56467b5 100644 --- a/docs/css/estilos.css +++ b/docs/css/estilos.css @@ -229,7 +229,7 @@ a.botonGetStarted:hover { .boxFeatures { padding: 50px; background-color: #f6f6f6; - height: 100vh; + min-height: 80vh; } .features { @@ -294,7 +294,7 @@ a.botonGetStarted:hover { background-color: #fff; overflow: hidden; position: relative; - height: 100vh; + min-height: 80vh; } .callToActions { @@ -403,7 +403,7 @@ a.botonGetStarted:hover { .boxAbout { padding: 50px; background-color: #f6f6f6; - height: 100vh; + min-height: 80vh; } .about { @@ -496,7 +496,7 @@ a.botonGetStarted:hover { .boxContacto { padding: 50px; background-color: #f6f6f6; - height: 100%; + min-height: 80vh; } .contacto { diff --git a/docs/index.html b/docs/index.html index d5b5510..215d333 100644 --- a/docs/index.html +++ b/docs/index.html @@ -35,7 +35,7 @@ About
  • - Testimonial + Testimonial
  • Contact @@ -129,20 +129,12 @@

    Our Mission

    -
    +

    Testimonials

    @@ -150,7 +142,7 @@

    Testimonials

    -

    Get Involved

    +

    Contact

    Interested in contributing or need help? Join the community or report an issue!

    @@ -182,8 +174,8 @@

    Report Issues on GitHub

    - - + + diff --git a/docs/js/app.js b/docs/js/app.js index 2ff6e81..a33d643 100644 --- a/docs/js/app.js +++ b/docs/js/app.js @@ -1,34 +1,43 @@ +import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.8.1/firebase-app.js' +import { getAnalytics } from 'https://www.gstatic.com/firebasejs/10.8.1/firebase-analytics.js' +//import { getAuth } from 'https://www.gstatic.com/firebasejs/10.8.1/firebase-auth.js' +import { getQuotes } from './dataApi.js' + + const firebaseConfig = { + apiKey: "AIzaSyCRMzakhggi4fRmL3aE8DFFIXMeu_lY_0Y", + authDomain: "bgrabitmap.firebaseapp.com", + projectId: "bgrabitmap", + storageBucket: "bgrabitmap.appspot.com", + messagingSenderId: "728161949558", + appId: "1:728161949558:web:175524e00c53eab0e04c57", + measurementId: "G-BQSSMRXTS8" +}; +export const app = initializeApp(firebaseConfig); +const analytics = getAnalytics(); + // AGREGA CLASE boxCardAnimated AL HACER SCROLL PARA ANIMAR COMPONENTE CARD window.onscroll = function() { let scrollPosY = window.pageYOffset | document.body.scrollTop; if (scrollPosY >= 400) { - subir = document.querySelector('#subir'); + const subir = document.querySelector('#subir'); subir.classList.add("irArriba"); } else { - subir = document.querySelector('#subir'); + const subir = document.querySelector('#subir'); subir.classList.remove("irArriba"); } - - if (scrollPosY >= 910) { - cardAnimated = document.getElementById('cardAnimada'); - cardAnimated.classList.add("boxCardAnimated"); - } else { - cardAnimated = document.getElementById('cardAnimada'); - cardAnimated.classList.remove("boxCardAnimated"); - } - }; // AGREGA CLASE current AL HACER SCROLL -let mainNavLinks = document.querySelectorAll("nav div ul li a"); +const mainNavLinks = document.querySelectorAll("nav div ul li a"); +const mainNav = document.getElementById("navFixed"); window.addEventListener("scroll", event => { event.preventDefault(); - let fromTop = window.scrollY; + let fromTop = window.scrollY + mainNav.offsetHeight + (window.innerHeight - mainNav.offsetHeight) * 0.3; mainNavLinks.forEach(link => { let section = document.querySelector(link.hash); @@ -47,7 +56,8 @@ window.addEventListener("scroll", event => { // DESPLAZAMIENTO SMOOTH SCROLL window.onload = function() { - const easeInCubic = function(t) { return t * t * t } + fillSite(); + const easeInCubic = function(t) { return 0.5 - Math.cos(t * Math.PI)/2 } const scrollElems = document.getElementsByClassName('scroll'); const scrollToElem = (start, stamp, duration, scrollEndElemTop, startScrollOffset) => { @@ -79,12 +89,12 @@ window.onload = function() { const anim = requestAnimationFrame(() => { const stamp = new Date().getTime(); - const duration = 1200; + const duration = 800; const start = stamp; const startScrollOffset = window.pageYOffset; - const scrollEndElemTop = scrollEndElem.getBoundingClientRect().top; + const scrollEndElemTop = scrollEndElem.getBoundingClientRect().top - mainNav.offsetHeight; scrollToElem(start, stamp, duration, scrollEndElemTop, startScrollOffset); }) @@ -92,7 +102,40 @@ window.onload = function() { } } -function enviarMensaje() { - alert('Mensaje enviado con éxito!'); - document.getElementById("miForm").reset(); +async function fillSite() { + await getQuotes() + .then((quotes) => { + let index = 0; + let indicators = document.getElementById('testimonioIndicators'); + let texto = document.getElementById('testimonio'); + quotes.forEach((row) => { + const quote = row.data(); + let string = ''; + let indicator = ''; + + if (index == 0) { + string += ` +
    + + `; + indicator = `
  • `; + } else { + string += ` +
    + ${quote.name} + `; + indicator = `
  • `; + } + + string += `

    ${quote.quote}

    `; + string += `

    ${quote.name}

    `; + string += `
    `; + + texto.innerHTML += string; + indicators.innerHTML += indicator; + index++; + }); + }).catch((error) => { + console.log('ERROR: ', error); + }); } \ No newline at end of file diff --git a/docs/js/dataApi.js b/docs/js/dataApi.js index 4a4717a..469ee57 100644 --- a/docs/js/dataApi.js +++ b/docs/js/dataApi.js @@ -1,60 +1,6 @@ -let texto = document.getElementById('testimonio'); +import { getFirestore, collection, getDocs } from 'https://www.gstatic.com/firebasejs/10.8.1/firebase-firestore.js' -// MÉTODO PARA OBTENER POSTS -async function getPosts(id) { - - return await fetch(`https://jsonplaceholder.typicode.com/posts?userId=${id}`) - .then((resp) => { - return resp.json(); - }) - .then((post) => { - for (let i = 0; i < 4; i++) { - return post; - } - }).catch((error) => { - console.log('ERROR: ', error); - }); -} - -// MÉTODO PARA OBTENER USUARIOS -async function getUsers() { - await fetch('https://jsonplaceholder.typicode.com/users') - .then((resp) => { - return resp.json(); - }) - .then((user) => { - - for (let i = 0; i < 4; i++) { - const usuario = user[i]; - getPosts(usuario.id).then(resp => { - usuario.posts = resp; - user[i] = usuario; - let string = ''; - - if (user[i].id === 1) { - string += ` -
    - - `; - } else { - string += ` -
    - - `; - } - - string += `

    ${usuario.posts[0].body}

    `; - string += `

    ${usuario.name}

    `; - string += `
    `; - - texto.innerHTML += string; - - ; - }); - } - }).catch((error) => { - console.log('ERROR: ', error); - }); -} - -getUsers(); \ No newline at end of file +export async function getQuotes() { + const db = getFirestore(); + return getDocs(collection(db, "quotes")); +} \ No newline at end of file