From ec654978f3d31f89d453669151196bd554d9902f Mon Sep 17 00:00:00 2001 From: Terri Archer Date: Tue, 25 Oct 2022 13:49:32 -0400 Subject: [PATCH] completed coursework --- src/index.html | 1 + src/index.js | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 74 insertions(+) diff --git a/src/index.html b/src/index.html index 833c4b3272..7074768f48 100644 --- a/src/index.html +++ b/src/index.html @@ -8,6 +8,7 @@ Great Idea! + diff --git a/src/index.js b/src/index.js index e3fb5d7143..ceb70c41cd 100644 --- a/src/index.js +++ b/src/index.js @@ -39,4 +39,77 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }, }; +const headEL = document.querySelector('header'); +const navLinks = document.querySelector('nav'); +const bodySection = document.querySelector("#main-content"); +const footer = document.querySelector('footer'); +const logo = document.querySelector('#logo-img'); +const ctaImg = document.querySelector('#cta-img'); +const midIMG = document.querySelector('#middle-img') + + +logo.src = siteContent.images["logo-img"]; +ctaImg.src = siteContent.images['cta-img']; +midIMG.src = siteContent.images['accent-img']; + +//text + +const cta = document.querySelector('.cta-text'); +cta.querySelector('h1').textContent = siteContent.cta['h1']; +cta.querySelector('button').textContent = siteContent.cta['button'] + + +//footer +const footerLink = document.querySelector('footer a') +footerLink.classList.add('bold'); +footerLink.textContent = siteContent.footer.copyright + + +//contact +const contact = document.querySelector('.contact'); +contact.children[0].textContent = siteContent.contact['contact-h4'] +contact.children[1].textContent = siteContent.contact['address'] +contact.children[2].textContent = siteContent.contact['phone'] +contact.children[3].textContent = siteContent.contact['email'] + +//header +navLinks.children[0].textContent = siteContent.nav['nav-item-1'] +navLinks.children[0].classList.add('italic') + +navLinks.children[1].textContent = siteContent.nav['nav-item-2'] +navLinks.children[1].classList.add('italic') + +navLinks.children[2].textContent = siteContent.nav['nav-item-3'] +navLinks.children[2].classList.add('italic') + +navLinks.children[3].textContent = siteContent.nav['nav-item-4'] +navLinks.children[3].classList.add('italic') + +navLinks.children[4].textContent = siteContent.nav['nav-item-5'] +navLinks.children[4].classList.add('italic') + +navLinks.children[5].textContent = siteContent.nav['nav-item-6'] +navLinks.children[5].classList.add('italic') + +//top +const tContent = document.querySelectorAll('.top-content .text-content'); +tContent[0].querySelector('h4').textContent = siteContent["main-content"]['features-h4'] +tContent[0].querySelector('p').textContent = siteContent['main-content']['features-content'] + +tContent[1].querySelector('h4').textContent = siteContent["main-content"]['about-h4'] +tContent[1].querySelector('p').textContent = siteContent['main-content']['about-content'] + +//bottom +const bContent = document.querySelectorAll('.bottom-content .text-content'); +bContent[0].querySelector('h4').textContent = siteContent["main-content"]['services-h4'] +bContent[0].querySelector('p').textContent = siteContent['main-content']['services-content'] + +bContent[1].querySelector('h4').textContent = siteContent["main-content"]['product-h4'] +bContent[1].querySelector('p').textContent = siteContent['main-content']['product-content'] + +bContent[2].querySelector('h4').textContent = siteContent["main-content"]['vision-h4'] +bContent[2].querySelector('p').textContent = siteContent['main-content']['vision-content'] + + + console.log('project wired!')