From 7ba0b207f33967e29c2e3df67a728f208922eb87 Mon Sep 17 00:00:00 2001 From: Gage Clancy Date: Mon, 7 Mar 2022 15:24:11 -0600 Subject: [PATCH 1/5] fixed up the header --- src/index.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/index.js b/src/index.js index e3fb5d7143..2ed29877c7 100644 --- a/src/index.js +++ b/src/index.js @@ -40,3 +40,13 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }; console.log('project wired!') + +const headerNav = document.querySelectorAll('nav a'); +const headerNavLinks=Array.from(headerNav); +headerNavLinks[0].textContent="Services"; +headerNavLinks[1].textContent="Product"; +headerNavLinks[2].textContent="Vision"; +headerNavLinks[3].textContent="Features"; +headerNavLinks[4].textContent="About"; +// headerNavLinks[5].textContent="Contact"; + From 355658676ebd75a233709797fd199ae8ac10175d Mon Sep 17 00:00:00 2001 From: Gage Clancy Date: Mon, 7 Mar 2022 15:43:59 -0600 Subject: [PATCH 2/5] got the second section lookin spiffy --- src/index.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/index.js b/src/index.js index 2ed29877c7..825f3aa751 100644 --- a/src/index.js +++ b/src/index.js @@ -40,7 +40,7 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT }; console.log('project wired!') - +//fixing the header const headerNav = document.querySelectorAll('nav a'); const headerNavLinks=Array.from(headerNav); headerNavLinks[0].textContent="Services"; @@ -48,5 +48,16 @@ headerNavLinks[1].textContent="Product"; headerNavLinks[2].textContent="Vision"; headerNavLinks[3].textContent="Features"; headerNavLinks[4].textContent="About"; -// headerNavLinks[5].textContent="Contact"; +headerNavLinks[5].textContent="Contact"; +const headerLogo = document.querySelector('#logo-img'); +headerLogo.src="http://localhost:9000/img/logo.png"; + +// fixing the area directly under the header +const secondSection = document.querySelector('.cta'); +const secondSectionTitle=secondSection.querySelector('h1'); +const secondSectionButton=secondSection.querySelector('button'); +const secondSectionImg=secondSection.querySelector('img'); +secondSectionTitle.textContent="DOM Is Awesome"; +secondSectionButton.textContent="Get Started"; +secondSectionImg.src='http://localhost:9000/img/cta.png'; From 0fd3d444e2ac0fde5672a48dc1330b66e21f9c7f Mon Sep 17 00:00:00 2001 From: Gage Clancy Date: Mon, 7 Mar 2022 16:14:35 -0600 Subject: [PATCH 3/5] got the body lookin spiffy --- src/index.js | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/src/index.js b/src/index.js index 825f3aa751..463993ab7a 100644 --- a/src/index.js +++ b/src/index.js @@ -61,3 +61,36 @@ secondSectionTitle.textContent="DOM Is Awesome"; secondSectionButton.textContent="Get Started"; secondSectionImg.src='http://localhost:9000/img/cta.png'; +// fixing the top of the website body +const mainContent=document.querySelector(".main-content"); +const mainContentTop=mainContent.querySelector('.top-content'); +const mainContentTopText=mainContentTop.querySelectorAll('.text-content'); +const mainContentArray=Array.from(mainContentTopText); +const mainContentFeatures=mainContentArray[0].querySelector('h4'); +const mainContentFeaturesContent=mainContentArray[0].querySelector('p'); +mainContentFeatures.textContent="Features"; +mainContentFeaturesContent.textContent='Features content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.'; +const mainContentAbout=mainContentArray[1].querySelector('h4'); +const mainContentAboutContent=mainContentArray[1].querySelector('p'); +mainContentAbout.textContent="About"; +mainContentAboutContent.textContent='About content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis'; +//adding an image in the middle +const middleImage=mainContent.querySelector('img'); +middleImage.src="http://localhost:9000/img/accent.png"; +// fixing the bottom of the website body +const mainContentBottom=mainContent.querySelector('.bottom-content'); +const mainContentBottomText=mainContentBottom.querySelectorAll('.text-content'); +const bottomContentArray=Array.from(mainContentBottomText); +console.log(bottomContentArray); +const mainContentServices=bottomContentArray[0].querySelector('h4'); +const mainContentServicesContent=bottomContentArray[0].querySelector('p'); +mainContentServices.textContent="Services"; +mainContentServicesContent.textContent='Services content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.'; +const mainContentProduct=bottomContentArray[1].querySelector('h4'); +const mainContentProductContent=bottomContentArray[1].querySelector('p'); +mainContentProduct.textContent="Product"; +mainContentProductContent.textContent='Product content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.'; +const mainContentVision=bottomContentArray[2].querySelector('h4'); +const mainContentVisionContent=bottomContentArray[2].querySelector('p'); +mainContentVision.textContent='Vision'; +mainContentVisionContent.textContent='Vision content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.'; From 4c90c2797a9432948ec89434b2a81deb9d84159f Mon Sep 17 00:00:00 2001 From: Gage Clancy Date: Mon, 7 Mar 2022 16:54:34 -0600 Subject: [PATCH 4/5] everything but one test is passing and it all looks good --- src/index.js | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 463993ab7a..7abc0e1585 100644 --- a/src/index.js +++ b/src/index.js @@ -44,11 +44,17 @@ console.log('project wired!') const headerNav = document.querySelectorAll('nav a'); const headerNavLinks=Array.from(headerNav); headerNavLinks[0].textContent="Services"; +headerNavLinks[0].classList.add('italic'); headerNavLinks[1].textContent="Product"; +headerNavLinks[1].classList.add('italic'); headerNavLinks[2].textContent="Vision"; +headerNavLinks[2].classList.add('italic'); headerNavLinks[3].textContent="Features"; +headerNavLinks[3].classList.add('italic'); headerNavLinks[4].textContent="About"; +headerNavLinks[4].classList.add('italic'); headerNavLinks[5].textContent="Contact"; +headerNavLinks[5].classList.add('italic'); const headerLogo = document.querySelector('#logo-img'); headerLogo.src="http://localhost:9000/img/logo.png"; @@ -81,7 +87,6 @@ middleImage.src="http://localhost:9000/img/accent.png"; const mainContentBottom=mainContent.querySelector('.bottom-content'); const mainContentBottomText=mainContentBottom.querySelectorAll('.text-content'); const bottomContentArray=Array.from(mainContentBottomText); -console.log(bottomContentArray); const mainContentServices=bottomContentArray[0].querySelector('h4'); const mainContentServicesContent=bottomContentArray[0].querySelector('p'); mainContentServices.textContent="Services"; @@ -94,3 +99,16 @@ const mainContentVision=bottomContentArray[2].querySelector('h4'); const mainContentVisionContent=bottomContentArray[2].querySelector('p'); mainContentVision.textContent='Vision'; mainContentVisionContent.textContent='Vision content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.'; +// fixing the contacts +const contacts=document.querySelector('.contact'); +const contactsTitle=contacts.querySelector('h4'); +contactsTitle.textContent='Contacts'; +const contactsList= contacts.querySelectorAll('p'); +const contactsArray=Array.from(contactsList); +contactsArray[0].textContent='123 Way 456 Street Somewhere, USA'; +contactsArray[1].textContent='1 (888) 888-8888'; +contactsArray[2].textContent='sales@greatidea.io'; +//fixing the footer +const footerCopyright=document.querySelector("footer a"); +footerCopyright.classList.add('bold'); +footerCopyright.textContent="Copyright Great Idea! 2021"; \ No newline at end of file From fd29177f6dce996263b2412b8946a766f58b40c0 Mon Sep 17 00:00:00 2001 From: Gage Clancy Date: Mon, 7 Mar 2022 17:00:45 -0600 Subject: [PATCH 5/5] fixed the spelling error that was messing me up --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 7abc0e1585..f03a212489 100644 --- a/src/index.js +++ b/src/index.js @@ -102,7 +102,7 @@ mainContentVisionContent.textContent='Vision content elementum magna eros, ac po // fixing the contacts const contacts=document.querySelector('.contact'); const contactsTitle=contacts.querySelector('h4'); -contactsTitle.textContent='Contacts'; +contactsTitle.textContent='Contact'; const contactsList= contacts.querySelectorAll('p'); const contactsArray=Array.from(contactsList); contactsArray[0].textContent='123 Way 456 Street Somewhere, USA';