Commit1cb6b3b

committed

add terminal JS

1 parent344983e commit1cb6b3bCopy full SHA for 1cb6b3b

File tree

+60

-9

lines changed

+60

-9

lines changed

Lines changed: 7 additions & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -42,22 +42,21 @@ <h3>Find me online:</h3>`
`42`	`42`	`</div>`
`43`	`43`	`<divclass="hidden">`
`44`	`44`	`<divid="about-content">`
`45`		`-<h2>about-me:$</h2>`
	`45`	`+<h2>about-me:$<spanclass="cursor">\|</span></h2>`
`46`	`46`	`<p>`
`47`		`-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, soluta?`
	`47`	`+My name is Dagny Taggart and I have been programming for 14 years.`
`48`	`48`	`</p>`
`49`	`49`	`<p>`
`50`		`- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, soluta?`
	`50`	`+ Some of the languages that I am fluent in include JavaScript, Python`
	`51`	`+ and PHP.`
`51`	`52`	`</p>`
`52`	`53`	`</div>`
`53`	`54`	`<divid="contact-content">`
`54`		`-<h2>contact-me:$</h2>`
`55`		`-<p>`
`56`		`- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, soluta?`
`57`		`-</p>`
	`55`	`+<h2>contact-me:$<spanclass="cursor">\|</span></h2>`
	`56`	`+<p>You can contact me at the email and phone number below</p>`
`58`	`57`	`<ul>`
`59`	`58`	`<li>Phone: 555-555-5555</li>`
`60`		`-<li>Email:brad@email.com</li>`
	`59`	`+<li>Email:dagny@taggart.com</li>`
`61`	`60`	`</ul>`
`62`	`61`	`</div>`
`63`	`62`	`</div>`

Lines changed: 43 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,43 @@`
	`1`	`+constabout=document.querySelector("#about");`
	`2`	`+constcontact=document.querySelector("#contact");`
	`3`	`+constaboutContent=document.querySelector("#about-content");`
	`4`	`+constcontactContent=document.querySelector("#contact-content");`
	`5`	`+`
	`6`	`+about.addEventListener("click",()=>{`
	`7`	`+constaboutBox=newWinBox({`
	`8`	`+title:"About Me",`
	`9`	`+// modal: true,`
	`10`	`+width:"400px",`
	`11`	`+height:"400px",`
	`12`	`+top:50,`
	`13`	`+right:50,`
	`14`	`+bottom:50,`
	`15`	`+left:50,`
	`16`	`+mount:aboutContent,`
	`17`	`+onfocus:function(){`
	`18`	`+this.setBackground("var(--text-color)");`
	`19`	`+},`
	`20`	`+onblur:function(){`
	`21`	`+this.setBackground("#777");`
	`22`	`+},`
	`23`	`+});`
	`24`	`+});`
	`25`	`+`
	`26`	`+contact.addEventListener("click",()=>{`
	`27`	`+constcontactBox=newWinBox({`
	`28`	`+title:"Contact Me",`
	`29`	`+width:"400px",`
	`30`	`+height:"400px",`
	`31`	`+top:100,`
	`32`	`+right:50,`
	`33`	`+bottom:50,`
	`34`	`+left:150,`
	`35`	`+mount:contactContent,`
	`36`	`+onfocus:function(){`
	`37`	`+this.setBackground("var(--text-color)");`
	`38`	`+},`
	`39`	`+onblur:function(){`
	`40`	`+this.setBackground("#777");`
	`41`	`+},`
	`42`	`+});`
	`43`	`+});`

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,15 @@ a {`
`71`	`71`	`display: none;`
`72`	`72`	`}`
`73`	`73`
	`74`	`+.wb-body {`
	`75`	`+background-color:#111;`
	`76`	`+padding:20px;`
	`77`	`+}`
	`78`	`+`
	`79`	`+p {`
	`80`	`+margin:20px0;`
	`81`	`+}`
	`82`	`+`
`74`	`83`	`.cursor {`
`75`	`84`	`font-weight:700;`
`76`	`85`	`animation:1s blink step-end infinite;`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@`
`102`	`102`	`\| 94\|[Laptop UI](https://github.com/solygambas/html-css-fifty-projects/tree/master/94-laptop%20UI)\|[Live Demo](https://codepen.io/solygambas/full/eYgoxMo)\|`
`103`	`103`	`\| 95\|[Headphones Product Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/95-headphones%20product%20page)\|[Live Demo](https://codepen.io/solygambas/full/KKaLmEr)\|`
`104`	`104`	`\| 96\|[Cloud Hosting Service](https://github.com/solygambas/html-css-fifty-projects/tree/master/96-cloud%20hosting%20service)\|[Live Demo](https://codepen.io/solygambas/full/oNBrXYr)\|`
`105`		`-\| 97\|[Terminal Style Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/97-terminal%20style%20landing%20page)\|[Live Demo](#)\|`
	`105`	`+\| 97\|[Terminal Style Landing Page](https://github.com/solygambas/html-css-fifty-projects/tree/master/97-terminal%20style%20landing%20page)\|[Live Demo](https://codepen.io/solygambas/full/BaWvXLG)\|`
`106`	`106`
`107`	`107`	`This repository is mostly based on 2 courses by Brad Traversy (2020):`
`108`	`108`

Comments

(0)