From 7d0e166f2de594e2169bc20c1f344bed8c29d931 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 12:26:24 -0700 Subject: [PATCH 1/6] images and footer completed --- src/index.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/index.js b/src/index.js index e3fb5d7143..9e1e08f253 100644 --- a/src/index.js +++ b/src/index.js @@ -40,3 +40,19 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }; console.log('project wired!') + +//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 middleImg = document.querySelector('#middle-img'); +middleImg.src = siteContent['images']['accent-img']; + +//footer +const footer = document.querySelector('footer'); +const footerLink = document.querySelector('footer a'); +footerLink.classList.add('bold') +footerLink.textContent = siteContent['footer']['copyright']; \ No newline at end of file From 6cc33cd929e44891ea3b5d5a12a9b32015fdcb74 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 13:00:41 -0700 Subject: [PATCH 2/6] bottom content completed --- src/index.js | 37 ++++++++++++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 9e1e08f253..9c570b6935 100644 --- a/src/index.js +++ b/src/index.js @@ -55,4 +55,39 @@ middleImg.src = siteContent['images']['accent-img']; const footer = document.querySelector('footer'); const footerLink = document.querySelector('footer a'); footerLink.classList.add('bold') -footerLink.textContent = siteContent['footer']['copyright']; \ No newline at end of file +footerLink.textContent = siteContent['footer']['copyright']; + +//contact +const contact = document.querySelector('.contact'); +const contactHeading = document.querySelector('.contact h4'); +const address = document.querySelector('.contact p:nth-of-type(1)'); +const phone = document.querySelector('.contact p:nth-of-type(2)'); +const email = document.querySelector('.contact p:nth-of-type(3)'); + +contactHeading.textContent = siteContent['contact']['contact-h4']; +address.textContent = siteContent['contact']['address']; +phone.textContent = siteContent['contact']['phone']; +email.textContent = siteContent['contact']['email']; + +//middle content +const mainContent = document.querySelector('.main-content'); +const topContent = mainContent.children[0]; +const bottomContent = mainContent.children[2]; +const services = bottomContent.children[0]; +const servicesH4 = services.querySelector('h4'); +const servicesText = services.querySelector('p'); +const product = bottomContent.children[1]; +const productH4 = product.querySelector('h4'); +const productText = product.querySelector('p'); +const vision = bottomContent.children[2]; +const visionH4 = vision.querySelector('h4'); +const visionText = vision.querySelector('p'); + +servicesH4.textContent = siteContent['main-content']['services-h4']; +servicesText.textContent = siteContent['main-content']['services-content']; +productH4.textContent = siteContent['main-content']['product-h4']; +productText.textContent = siteContent['main-content']['product-content']; +visionH4.textContent = siteContent['main-content']['vision-h4']; +visionText.textContent = siteContent['main-content']['vision-content']; + + From 00bf6e8eee413e403bbfbd96bb029ea7fddec595 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 13:05:52 -0700 Subject: [PATCH 3/6] top content completed --- src/index.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/index.js b/src/index.js index 9c570b6935..2abd603dc4 100644 --- a/src/index.js +++ b/src/index.js @@ -72,6 +72,20 @@ email.textContent = siteContent['contact']['email']; //middle content const mainContent = document.querySelector('.main-content'); const topContent = mainContent.children[0]; +const features = topContent.children[0]; +const featuresH4 = features.querySelector('h4'); +const featuresText = features.querySelector('p'); +const about = topContent.children[1]; +const aboutH4 = about.querySelector('h4'); +const aboutText = about.querySelector('p'); + +featuresH4.textContent = siteContent['main-content']['features-h4']; +featuresText.textContent = siteContent['main-content']['features-content']; +aboutH4.textContent = siteContent['main-content']['about-h4']; +aboutText.textContent = siteContent['main-content']['about-content']; + + + const bottomContent = mainContent.children[2]; const services = bottomContent.children[0]; const servicesH4 = services.querySelector('h4'); From 8cfafbf4ec9e40626c2a25ebb7e92717f9d08834 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 13:09:54 -0700 Subject: [PATCH 4/6] cta completed --- src/index.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/index.js b/src/index.js index 2abd603dc4..ded94a83e1 100644 --- a/src/index.js +++ b/src/index.js @@ -104,4 +104,10 @@ productText.textContent = siteContent['main-content']['product-content']; visionH4.textContent = siteContent['main-content']['vision-h4']; visionText.textContent = siteContent['main-content']['vision-content']; +//cta +const cta = document.querySelector('.cta-text'); +const ctaHeader = cta.querySelector('h1'); +const ctaButton = cta.querySelector('button'); +ctaHeader.textContent = siteContent['cta']['h1']; +ctaButton.textContent = siteContent['cta']['button']; From 86be911d39c0214b277aa02c2817ac1abcf59019 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 13:20:18 -0700 Subject: [PATCH 5/6] nav completed --- src/index.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/index.js b/src/index.js index ded94a83e1..00b0dc1dba 100644 --- a/src/index.js +++ b/src/index.js @@ -111,3 +111,20 @@ const ctaButton = cta.querySelector('button'); ctaHeader.textContent = siteContent['cta']['h1']; ctaButton.textContent = siteContent['cta']['button']; + +//header +const headerNav = document.querySelector('header nav'); +const servicesNav = headerNav.querySelector('a:nth-of-type(1)'); +const productNav = headerNav.querySelector('a:nth-of-type(2)'); +const visionNav = headerNav.querySelector('a:nth-of-type(3)'); +const featuresNav = headerNav.querySelector('a:nth-of-type(4)'); +const aboutNav = headerNav.querySelector('a:nth-of-type(5)'); +const contactNav = headerNav.querySelector('a:nth-of-type(6)'); + +servicesNav.textContent = siteContent['nav']['nav-item-1']; +productNav.textContent = siteContent['nav']['nav-item-2']; +visionNav.textContent = siteContent['nav']['nav-item-3']; +featuresNav.textContent = siteContent['nav']['nav-item-4']; +aboutNav.textContent = siteContent['nav']['nav-item-5']; +contactNav.textContent = siteContent['nav']['nav-item-6']; +//product, vision, feature, about, contact \ No newline at end of file From 48fd0c89e2050e914f506661e3cc0cd2964b76f6 Mon Sep 17 00:00:00 2001 From: Ryan Berry Date: Mon, 7 Mar 2022 13:23:26 -0700 Subject: [PATCH 6/6] all tasks completed --- src/index.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/index.js b/src/index.js index 00b0dc1dba..0750d3a027 100644 --- a/src/index.js +++ b/src/index.js @@ -127,4 +127,11 @@ visionNav.textContent = siteContent['nav']['nav-item-3']; featuresNav.textContent = siteContent['nav']['nav-item-4']; aboutNav.textContent = siteContent['nav']['nav-item-5']; contactNav.textContent = siteContent['nav']['nav-item-6']; + +servicesNav.classList.add('italic'); +productNav.classList.add('italic'); +visionNav.classList.add('italic'); +featuresNav.classList.add('italic'); +aboutNav.classList.add('italic'); +contactNav.classList.add('italic'); //product, vision, feature, about, contact \ No newline at end of file