From 91d3206af745bcc02003178e3c25c0ee0b64c389 Mon Sep 17 00:00:00 2001 From: Alexander Treimanis Date: Mon, 7 Mar 2022 17:24:20 -0600 Subject: [PATCH 1/3] added pics and text content --- src/index.js | 37 ++++++++++++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index e3fb5d7143..972a39a5fa 100644 --- a/src/index.js +++ b/src/index.js @@ -39,4 +39,39 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }, }; -console.log('project wired!') +const logoPic = document.querySelector('header img'); +logoPic.src = siteContent['images']['logo-img']; + +const headerText = document.querySelector('.cta-text h1'); +headerText.textContent = siteContent['cta']['h1']; + +const headerButton = document.querySelector('.cta-text button'); +headerButton.textContent = siteContent['cta']['button']; + +const ctaPic = document.querySelector('.cta img'); +ctaPic.src = siteContent['images']['cta-img']; + +const firstHeadline = document.querySelector('h4:nth-of-type(1)'); +firstHeadline.textContent = siteContent['main-content']['features-h4']; + +const headlinesNL = document.querySelectorAll('h4'); +const headlinesArray = Array.from(headlinesNL); +headlinesArray[1].textContent = siteContent['main-content']['about-h4']; +headlinesArray[2].textContent = siteContent['main-content']['services-h4']; +headlinesArray[3].textContent = siteContent['main-content']['product-h4']; +headlinesArray[4].textContent = siteContent['main-content']['vision-h4']; + +const contentNL = document.querySelectorAll('p'); +const contentArray = Array.from(contentNL); +contentArray[0].textContent = siteContent['main-content']['features-content']; +contentArray[1].textContent = siteContent['main-content']['about-content']; +contentArray[2].textContent = siteContent['main-content']['services-content']; +contentArray[3].textContent = siteContent['main-content']['product-content']; +contentArray[4].textContent = siteContent['main-content']['vision-content']; + +const midImg = document.querySelector('.main-content img') +midImg.src = siteContent['images']['accent-img'] + +const contacth4 = document.querySelector('.contact h4'); +contacth4.textContent = siteContent['contact']['contact-h4']; + From 06c70f498d970cdd3e8f81c79e9053af0adfc694 Mon Sep 17 00:00:00 2001 From: Alexander Treimanis Date: Mon, 7 Mar 2022 19:09:55 -0600 Subject: [PATCH 2/3] added nav and footer --- src/index.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/index.js b/src/index.js index 972a39a5fa..8bc950a2f7 100644 --- a/src/index.js +++ b/src/index.js @@ -75,3 +75,18 @@ midImg.src = siteContent['images']['accent-img'] const contacth4 = document.querySelector('.contact h4'); contacth4.textContent = siteContent['contact']['contact-h4']; +contentNL[5].textContent = siteContent['contact']['address'] +contentNL[6].textContent = siteContent['contact']['phone'] +contentNL[7].textContent = siteContent['contact']['email'] + +const copyrightText = document.querySelector('footer a') +copyrightText.textContent = siteContent['footer']['copyright'] + +const navNL = document.querySelectorAll('nav a'); +const navArray = Array.from(navNL); +navArray[0].textContent = siteContent['nav']['nav-item-1'] +navArray[1].textContent = siteContent['nav']['nav-item-2'] +navArray[2].textContent = siteContent['nav']['nav-item-3'] +navArray[3].textContent = siteContent['nav']['nav-item-4'] +navArray[4].textContent = siteContent['nav']['nav-item-5'] +navArray[5].textContent = siteContent['nav']['nav-item-6'] \ No newline at end of file From 81c1cc56d633d216ee44f7ffa450531bee3cfb6f Mon Sep 17 00:00:00 2001 From: Alexander Treimanis Date: Mon, 7 Mar 2022 19:26:20 -0600 Subject: [PATCH 3/3] finished project --- src/index.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 8bc950a2f7..5d812c7f10 100644 --- a/src/index.js +++ b/src/index.js @@ -80,6 +80,7 @@ contentNL[6].textContent = siteContent['contact']['phone'] contentNL[7].textContent = siteContent['contact']['email'] const copyrightText = document.querySelector('footer a') +copyrightText.classList.add('bold') copyrightText.textContent = siteContent['footer']['copyright'] const navNL = document.querySelectorAll('nav a'); @@ -89,4 +90,7 @@ navArray[1].textContent = siteContent['nav']['nav-item-2'] navArray[2].textContent = siteContent['nav']['nav-item-3'] navArray[3].textContent = siteContent['nav']['nav-item-4'] navArray[4].textContent = siteContent['nav']['nav-item-5'] -navArray[5].textContent = siteContent['nav']['nav-item-6'] \ No newline at end of file +navArray[5].textContent = siteContent['nav']['nav-item-6'] + +const navClassAdder = document.querySelectorAll('nav a'); +navClassAdder.classList.add('italic') \ No newline at end of file