From 8724fc39a4081ba5045dc8801861813f0df86497 Mon Sep 17 00:00:00 2001 From: Marie Knowlton Date: Mon, 26 Feb 2024 11:10:43 -0800 Subject: [PATCH 1/3] grabbed the h4 and nav item and rendered them onto the page --- src/index.js | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/src/index.js b/src/index.js index e3fb5d7143..2a435ce1ee 100644 --- a/src/index.js +++ b/src/index.js @@ -38,5 +38,40 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT "accent-img": "http://localhost:9000/img/accent.png", }, }; +//images +const logoImg = document.querySelector('#logo-img') +logoImg.src = siteContent.images['logo-img'] + +const ctaImg = document.querySelector('#cta-img') +ctaImg.src = siteContent.images['cta-img'] + +const midImg = document.querySelector('#middle-img') +midImg.setAttribute('src', siteContent.images['accent-img']) + +const h1 = document.querySelector('h1'); +h1.textContent = siteContent['cta']['button']; + +const button = document.querySelector('button'); +button.textContent = siteContent['cta']['button'] + +// Nav +const nav = document.querySelectorAll('nav a'); +nav[0].textContent = siteContent['nav']['nav-item-1']; +nav[1].textContent = siteContent['nav']['nav-item-2']; +nav[2].textContent = siteContent['nav']['nav-item-3']; +nav[3].textContent = siteContent['nav']['nav-item-4']; +nav[4].textContent = siteContent['nav']['nav-item-5']; +nav[5].textContent = siteContent['nav']['nav-item-6']; +// Top Content +const h4 = document.querySelectorAll('h4'); +h4[0].textContent = siteContent["main-content"]['features-h4']; +h4[1].textContent = siteContent["main-content"]['about-h4']; +h4[2].textContent = siteContent["main-content"]['services-h4']; +h4[3].textContent = siteContent["main-content"]['product-h4']; +h4[4].textContent = siteContent["main-content"]['vision-h4']; +h4[5].textContent = siteContent["main-content"]['contact-h4']; + + + console.log('project wired!') From fdfa007541f763d4c12edd7d6c433d75b8339e5d Mon Sep 17 00:00:00 2001 From: Marie Knowlton Date: Mon, 26 Feb 2024 13:19:25 -0800 Subject: [PATCH 2/3] grabbed the rest of the content now will add functionality --- src/index.js | 40 ++++++++++++++++++++++++++++++---------- 1 file changed, 30 insertions(+), 10 deletions(-) diff --git a/src/index.js b/src/index.js index 2a435ce1ee..62076984c5 100644 --- a/src/index.js +++ b/src/index.js @@ -49,29 +49,49 @@ const midImg = document.querySelector('#middle-img') midImg.setAttribute('src', siteContent.images['accent-img']) const h1 = document.querySelector('h1'); -h1.textContent = siteContent['cta']['button']; +h1.textContent = siteContent['cta']['h1']; const button = document.querySelector('button'); -button.textContent = siteContent['cta']['button'] +button.textContent = siteContent['cta']['button']; + + // Nav -const nav = document.querySelectorAll('nav a'); -nav[0].textContent = siteContent['nav']['nav-item-1']; -nav[1].textContent = siteContent['nav']['nav-item-2']; -nav[2].textContent = siteContent['nav']['nav-item-3']; -nav[3].textContent = siteContent['nav']['nav-item-4']; -nav[4].textContent = siteContent['nav']['nav-item-5']; -nav[5].textContent = siteContent['nav']['nav-item-6']; +const topNav = document.querySelectorAll('nav a'); +topNav[0].textContent = siteContent['nav']['nav-item-1']; +topNav[1].textContent = siteContent['nav']['nav-item-2']; +topNav[2].textContent = siteContent['nav']['nav-item-3']; +topNav[3].textContent = siteContent['nav']['nav-item-4']; +topNav[4].textContent = siteContent['nav']['nav-item-5']; +topNav[5].textContent = siteContent['nav']['nav-item-6']; +// to add style use a forEach function +topNav.forEach ((e) => { + e.style.color = 'red'; +}) + // Top Content const h4 = document.querySelectorAll('h4'); + h4[0].textContent = siteContent["main-content"]['features-h4']; h4[1].textContent = siteContent["main-content"]['about-h4']; h4[2].textContent = siteContent["main-content"]['services-h4']; h4[3].textContent = siteContent["main-content"]['product-h4']; h4[4].textContent = siteContent["main-content"]['vision-h4']; -h4[5].textContent = siteContent["main-content"]['contact-h4']; +h4[5].textContent = siteContent['contact']['contact-h4'] +const p = document.querySelectorAll('p'); +p[0].textContent = siteContent['main-content']['features-content']; +p[1].textContent = siteContent['main-content']['about-content']; +p[2].textContent = siteContent['main-content']['services-content']; +p[3].textContent = siteContent['main-content']['product-content']; +p[4].textContent = siteContent['main-content']['vision-content']; +p[5].textContent = siteContent['contact']['address']; +p[6].textContent = siteContent['contact']['phone']; +p[7].textContent = siteContent['contact']['email']; +// footer +const bottomContent = document.querySelector('footer'); +bottomContent.textContent = siteContent['footer']['copyright'] console.log('project wired!') From 66666271ac97fa42f795f6f6f2940b86d95ac9d0 Mon Sep 17 00:00:00 2001 From: Marie Knowlton Date: Mon, 26 Feb 2024 13:42:23 -0800 Subject: [PATCH 3/3] grabbed the rest of the content now will add functionality --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 62076984c5..99373598f3 100644 --- a/src/index.js +++ b/src/index.js @@ -57,7 +57,7 @@ button.textContent = siteContent['cta']['button']; // Nav -const topNav = document.querySelectorAll('nav a'); +const topNav = document.querySelectorAll('nav a '); topNav[0].textContent = siteContent['nav']['nav-item-1']; topNav[1].textContent = siteContent['nav']['nav-item-2']; topNav[2].textContent = siteContent['nav']['nav-item-3'];