diff --git a/01week/helloworld/index.html b/01week/helloworld/index.html index e69de29bb2..43d1c14226 100644 --- a/01week/helloworld/index.html +++ b/01week/helloworld/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + Hello world! + + \ No newline at end of file diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css index e69de29bb2..e7f1134a78 100644 --- a/02week/bio/css/style.css +++ b/02week/bio/css/style.css @@ -0,0 +1,24 @@ +body { + background-image: url(../images/logo.png); + background-repeat: no-repeat; + background-position: bottom left; + background-color: blue; + background-size: 25% +} + +p {color: whitesmoke; + font-family: Arial; +} + +h2 {color: whitesmoke; + font-family: Arial; + } + +#container { + width: 300px; + border: 25px solid whitesmoke; + border-radius: 25px; + padding: 50px; + margin: 0 auto; +} + diff --git a/02week/bio/images/biopicture.jpg b/02week/bio/images/biopicture.jpg new file mode 100644 index 0000000000..f0edc42373 Binary files /dev/null and b/02week/bio/images/biopicture.jpg differ diff --git a/02week/bio/images/logo.png b/02week/bio/images/logo.png new file mode 100644 index 0000000000..b0ac40625a Binary files /dev/null and b/02week/bio/images/logo.png differ diff --git a/02week/bio/index.html b/02week/bio/index.html index e69de29bb2..5f10886811 100644 --- a/02week/bio/index.html +++ b/02week/bio/index.html @@ -0,0 +1,33 @@ + + + + + + + + CEO Bio + + +
+
+

Shellye's Biography

+ + +

+ +

As the CEO of MetricStream, Shellye Archambeau is responsible for running all facets of the business. + Shellye has a proven executive management track record and over 20 years of experience driving sales + growth in the technology industry. Prior to joining MetricStream, Shellye was Chief Marketing Officer and + Executive Vice President of Sales for Loudcloud, Inc, responsible for all global sales and marketing + activities. At Loudcloud she led the transformation into an enterprise-focused company while growing sales + 50% year over year. Previously, she served as Chief Marketing Officer of NorthPoint Communications, + where she led the design and implementation of all sales and marketing strategies. Shellye also served as + President of Blockbuster, Inc.'s e-commerce division and was recognized by Internet World as one of the + Top 25 'Click and Mortar' executives in the country in June of 2000. She spent the prior 15 years at IBM, + holding several domestic and international executive positions. Shellye serves on the board of directors of + Arbitron, Inc. and the Forum for Women Entrepreneurs and Executives. She earned a BS degree at the + University of Pennsylvania, Wharton School of Business.

+
+
+ + \ No newline at end of file diff --git a/02week/blog/css/style.css b/02week/blog/css/style.css index e69de29bb2..d901892abc 100644 --- a/02week/blog/css/style.css +++ b/02week/blog/css/style.css @@ -0,0 +1,38 @@ +body{ + background-color: lightgrey; +} + +main{ + width: 600px; + margin: auto; +} + +article{ + background-color: white; + padding: 10px; + margin: 20px; + font-family: 'Mali', cursive; + +} + +p::first-letter{ + font-size: 200% +} + +p:hover:first-letter{ + color: red; +} + +article:nth-child(even) { + font-family: Arial, Helvetica, sans-serif +} + +article > p { + background-color: lightgray +} + +h2 {border-style: double;} + +small:active { + color: lightgrey; +} diff --git a/02week/blog/index.html b/02week/blog/index.html index e69de29bb2..ff847b5332 100644 --- a/02week/blog/index.html +++ b/02week/blog/index.html @@ -0,0 +1,43 @@ + + + + + + + + Document + + + +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
Jan 1 2018
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.

+ Article by Jim Schaefer +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
Jan 1 2018
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.

+ Article by Jim Schaefer +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
Jan 1 2018
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.

+ Article by Jim Schaefer +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit.

+
Jan 1 2018
+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam accusamus quia in fugiat laboriosam dignissimos at tempora deleniti sed. Veniam iusto in mollitia soluta deleniti? Vel reprehenderit et eveniet qui.

+ Article by Jim Schaefer +
+
+ + \ No newline at end of file diff --git a/03week/airplane/css/reset.css b/03week/airplane/css/reset.css new file mode 100644 index 0000000000..69471553d4 --- /dev/null +++ b/03week/airplane/css/reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video, { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} \ No newline at end of file diff --git a/03week/airplane/css/style.css b/03week/airplane/css/style.css index e69de29bb2..e8851f4b0a 100644 --- a/03week/airplane/css/style.css +++ b/03week/airplane/css/style.css @@ -0,0 +1,88 @@ +html, body{ +height: 100%; +margin: 0px; +padding: 0px; +} + +body { + background-image: url("../img/airline.jpg"); + background-size: cover; + background-attachment: fixed; + background-repeat: no-repeat; + font-family: 'Roboto', sans-serif; + } + + header{ + width: 100%; + height: 85px; + margin: 0px; + position: absolute; + top: 0px; + background-color: #183A55 + } + + .logo{ + position: absolute; + top: 0px; + } + +.navmenu{ + height: 40px; + position: absolute; + bottom: 0px; + right: 0px; +} + +a{ + color: white; + text-decoration: none; + margin: 15px; +} + +.home::before{ + content: url("../img/home-icon.png"); +} + +.traveldeals::before{ + content: url("../img/deal-icon.png"); +} + +.flightschedule::before{ + content: url("../img/schedule-icon.png"); +} + +.register::before{ + content: url("../img/login-icon.png"); +} + +.mainbox{ + width: 300px; + height: 300px; + background-color: #183A55; + margin-top: 200px; + margin-left: 100px; +} + +button{ + float: left; + margin: 0px; + border: 0px; + width: 100px; + height: 50px; + background-color: #048c80; +} + +input{ + margin: 10px; + height: 30px; + width: 122px; + background-color: #183A55; +} + +radio{ + margin: 0px; + border: 0px; + padding: 0px; + width: 13px; + height: 13px; +} \ No newline at end of file diff --git a/03week/airplane/index.html b/03week/airplane/index.html index e69de29bb2..7678997fe0 100644 --- a/03week/airplane/index.html +++ b/03week/airplane/index.html @@ -0,0 +1,49 @@ + + + + + + + UX Atlantic + + + + + +
+ + +
+ +
+
+
+ + + +
+
+ + +
+
+ + +
+
+ + + + +
+
+
+ + \ No newline at end of file diff --git a/04week/nasa/css/style.css b/04week/nasa/css/style.css index e69de29bb2..200cb7c53f 100644 --- a/04week/nasa/css/style.css +++ b/04week/nasa/css/style.css @@ -0,0 +1,56 @@ +body{ + font-family: 'Roboto', sans-serif; +} + +header{ + background-image: url("../img/nasa-background.jpg"); + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; + height: 450px; + width: 850px; +} + +h1{ + font-size: 150%; +} + +main{ + height: 324px; + width: 850px; + margin-top: 20px; + display: flex; + flex-wrap: nowrap; + flex-direction: row; + background-color: #E6E6E6; +} + +div{ + height: 324px; + width: 270px; + padding: 20px; +} + +input{ + width: 100%; +} + +.name{ + resize: none; + width: 90%; +} + +.message{ + resize: none; + width: 90%; + height: 70px; +} + +button{ + width: 80px; + height: 30px; + font-size: 20px; + color: white; + background-color: #4D4D4D; +} \ No newline at end of file diff --git a/04week/nasa/index.html b/04week/nasa/index.html index e69de29bb2..6eceafb58b 100644 --- a/04week/nasa/index.html +++ b/04week/nasa/index.html @@ -0,0 +1,50 @@ + + + + + + + + + NASA + + + +
+

NASA

+
+
+
+

Social Media

+

+ Twitter - @nasa
+ Facebook - fb.com/nasa
+ Instagram - @nasa
+ Youtube - youtube.com/NASA +

+
+
+

OFFICE INFO


+

+ Public Communications Office
+ NASA Headquarters
+ 300 E. Street SW, Suite SR30
+ Washington, DC 20546
+ (202) 358-0001 (Office)
+ (202) 358-4338 (Fax) +

+
+
+

CONTACT US

+

+ Name
+ +

+ Message
+ +

+ +
+
+ + \ No newline at end of file diff --git a/04week/tomorrows-technology/css/style.css b/04week/tomorrows-technology/css/style.css index e69de29bb2..c56a9777ff 100644 --- a/04week/tomorrows-technology/css/style.css +++ b/04week/tomorrows-technology/css/style.css @@ -0,0 +1,102 @@ +body{ + display: flex; + flex-wrap: nowrap; + flex-direction: row; + padding-left: 10px; + font-family: 'Roboto', sans-serif; +} + +img { + width: 100%; + height: auto; + max-width: 100%; + max-height: 100%; +} + +main { + width: 70%; + padding-right: 50px; + padding-bottom: 30px; + padding-top: 40px; + height: auto; +} + +button { + background-color: grey; + color: white; + height: 30px; + width: 90px; +} + +section { + padding-right: 30px; + padding-top: 40px; + width: 30%; + height: auto; +} + +h2 { + border-bottom: 1px solid black; + padding-bottom: 5px; +} + +.bottomnav { + display: none; +} + +.usefullinks { + width: 50%; + height: auto; +} + +.socialmedia { + width: 50%; + height: auto; +} + +ul { + list-style-type: none; +} + +li { + padding-top: 2px; + padding-bottom: 2px; +} +/* All following CSS is for media queries */ + +@media (max-width: 1000px) { + + section { + display: none} + + main { + width: 100%; + height: auto; + padding: 30px;} + +} +/* ^media query for tablet^ */ + +@media (max-width: 675px) { + body{ + display: flex; + flex-wrap: nowrap; + flex-direction: column; + } + + main { + padding-top: 30px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 10px; + } + + .bottomnav { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + background-color: #5D5D5D; + color: white; + } +} +/* ^media query for mobile^ */ \ No newline at end of file diff --git a/04week/tomorrows-technology/index.html b/04week/tomorrows-technology/index.html index e69de29bb2..9f043354c4 100644 --- a/04week/tomorrows-technology/index.html +++ b/04week/tomorrows-technology/index.html @@ -0,0 +1,58 @@ + + + + + + + + + Tomorrow's Technology, Yesterday's Insights + + + +
+ +

Tomorrow's Technology, Yesterday's Insights

+

Sometimes what the tech world comes up with has already been tried and rejected and really doesn't need to be resurrected--like the Taylorist view...

+ +
+ +
+

TOP STORIES

+ + Standford Researchers Make Artificial Skin That Senses Touch +

+ 3 New Ways To Wear Your Favorite Chambray Shirt +

+ Where to Buy Your Next Rug +

+ Chukkas that Offer Casual, Comfortable Style + +
+ +
+
+ +
+
+ +
+
+ + \ No newline at end of file diff --git a/04week/welcome-to-our-site/css/style.css b/04week/welcome-to-our-site/css/style.css index e69de29bb2..68ad5e2e6a 100644 --- a/04week/welcome-to-our-site/css/style.css +++ b/04week/welcome-to-our-site/css/style.css @@ -0,0 +1,77 @@ +body { + vertical-align: middle; +} + +header{ + background-color: #2CCDC0; + display: flex; + justify-content: center; + align-items: center; + height: 350px; + width: 960px; + color: white; +} + +h1{ + font-size: 70px; +} + +main{ + height: 350px; + width: 960px; + display: flex; + flex-wrap: nowrap; + flex-direction: row; + background-color: black; +} + +div{ + height: 350px; + width: 170px; + color: white; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding-left: 75px; + padding-right: 75px; +} + +p{ + margin: 0px; +} + +.blueblock{ + height: 30px; + width: 30px; + background-color: #28A0E3; +} +.orangeblock{ + height: 30px; + width: 30px; + background-color: #F46731; +} +.greenblock{ + height: 30px; + width: 30px; + background-color: #2CCDC0; +} + +@media (max-width: 1000px) { + header{ + background-color: #32A8DD; + width: 500px; + height: 380px; + } + main{ + width: 500px; + height: 1050px; + background-color: #F7F5F6; + display: flex; + flex-wrap: nowrap; + flex-direction: column; + } + div{ + color: black; + } +} \ No newline at end of file diff --git a/04week/welcome-to-our-site/index.html b/04week/welcome-to-our-site/index.html index e69de29bb2..e91994d64d 100644 --- a/04week/welcome-to-our-site/index.html +++ b/04week/welcome-to-our-site/index.html @@ -0,0 +1,36 @@ + + + + + + + + + Welcome to our site! + + + +
+

Welcome to our site

+
+ +
+
+
+

Title

+

Bacon ipsum dolor amen pig porchetta tongue tenderloin ham hock Cupid strip steak sausage beef hamburger meatball ribeye. Landjaeger drumstick

+
+
+
+

Title

+

Bacon ipsum dolor amen pig porchetta tongue tenderloin ham hock Cupid strip steak sausage beef hamburger meatball ribeye. Landjaeger drumstick

+
+
+
+

Title

+

Bacon ipsum dolor amen pig porchetta tongue tenderloin ham hock Cupid strip steak sausage beef hamburger meatball ribeye. Landjaeger drumstick

+
+
+ + + \ No newline at end of file diff --git a/05week/transitions-and-transformations/css/style.css b/05week/transitions-and-transformations/css/style.css index e69de29bb2..a9983ba1ed 100644 --- a/05week/transitions-and-transformations/css/style.css +++ b/05week/transitions-and-transformations/css/style.css @@ -0,0 +1,46 @@ +main { + width: 50px; + margin: auto; +} + +.box1 {background-color: red;} +.box2 {background-color: orange;} +.box3 {background-color: yellow} +.box4 {background-color: green} +.box5 {background-color: blue} +.box6 {background-color: indigo} +.box7 {background-color: violet} +.box8 {background-color: red;} +.box9 {background-color: orange} +.box10 {background-color: yellow} +.box11 {background-color: green} +.box12 {background-color: blue} + +.box:nth-child(even) { + height: 48px; + width: 48px; + border: 1px black solid; + margin-bottom: 20px; + transition: width 2s, height 2s, transform 2s; + transition-timing-function: ease-out; + } + + .box:nth-child(even):hover, .box:nth-child(even):active { + width: 100px; + height: 100px; + transform: translate(100px, 0%) rotate(180deg); + } + +.box:nth-child(odd) { + height: 48px; + width: 48px; + border: 1px black solid; + margin-bottom: 20px; + transition: width 1s, height 1s, transform 1s; + } + + .box:nth-child(odd):hover, .box:nth-child(odd):active { + width: 25px; + height: 25px; + transform: translate(-100px, 0%) rotate(-180deg); + } diff --git a/05week/transitions-and-transformations/index.html b/05week/transitions-and-transformations/index.html index 8b13789179..78121d08bc 100644 --- a/05week/transitions-and-transformations/index.html +++ b/05week/transitions-and-transformations/index.html @@ -1 +1,26 @@ - + + + + + + + + transitions-and-transformations + + +
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+ + diff --git a/05week/travel-gram/css/reset.css b/05week/travel-gram/css/reset.css new file mode 100644 index 0000000000..e9e771a842 --- /dev/null +++ b/05week/travel-gram/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/05week/travel-gram/css/style.css b/05week/travel-gram/css/style.css index d3f5a12faa..4336d82b88 100644 --- a/05week/travel-gram/css/style.css +++ b/05week/travel-gram/css/style.css @@ -1 +1,202 @@ +.wrapper { + padding: 30px; + max-width: 1200px; + margin: 0 auto; +} +.tablet-view, +.mobile-view { + display: none; +} + +h1 { + font-size: 30px; + margin-bottom: 20px; +} + +h4 { + font-size: 15px; +} + +.title-w { + text-align: center; + margin-bottom: 40px; +} + +.box { + display: flex; + border: 1px solid black; + padding: 15px; + margin: 2%; +} + +.box--inline { + flex-direction: column; +} + +.xbox-w { + margin-right: 20px; +} +.xbox { + height: 160px; + width: 160px; + border: 2px solid black; +} +.box--inline .xbox { + width: 100%; + margin-bottom: 20px; +} + +.article-w { + display: flex; + flex-direction: column; +} +.article-w p { + margin-bottom: 30px; + padding-bottom: 10px; + border-bottom: 1px solid black; +} + +.article-action-w { + display: flex; + justify-content: space-between; +} + +.redcircle-w { + display: flex; + justify-content: center; + align-items: center; +} + +.redcircle { + display: block; + border: 2px solid black; + height: 17px; + width: 17px; + border-radius: 50%; + background-color: #ED6C51; + margin-right: 7px; +} + +.orange-box { + display: inline-block; + width: 50%; + max-width: 150px; + height: 30px; + border: 2px solid black; + background-color: #ED6C51; +} + + + +.grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-areas: + "box1 box1 box2 box2" + "box3 box3 box4 box5" + "box3 box3 box6 box6" + "box7 box8 box9 box10" + "box7 box8 box9 box10"; +} + +.box1 {grid-area: box1;} +.box2 {grid-area: box2;} +.box3 {grid-area: box3;} +.box4 {grid-area: box4;} +.box5 {grid-area: box5;} +.box6 {grid-area: box6;} +.box7 {grid-area: box7;} +.box8 {grid-area: box8;} +.box9 {grid-area: box9;} +.box10 {grid-area: box10;} + +.box1 .box2 .box6 { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + padding-left: 10px; +} + +.box3 .box4 .box5 .box7 .box8 .box9 .box10 { + display: flex; + flex-wrap: nowrap; + flex-direction: column; + padding-left: 10px; +} + +@media (max-width: 1000px) { + .desktop-view, + .mobile-view { + display: none; + } + .tablet-view { + display: block; + } + + .box--inline-tablet { + flex-direction: column; + } + .box--inline-tablet .xbox { + width: 100%; + margin-bottom: 20px; + } + + .box--inline { + flex-direction: row; + } + .box--inline .xbox { + width: 160px; + margin-bottom: 0; + } + + .grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-areas: + "box1 box1 box1 box1" + "box2 box2 box3 box3" + "box4 box4 box4 box4" + "box5 box6 box7 box8" + "box9 box9 box10 box10" + ; + } + .hidden { + display: none; + } +} +@media (max-width: 675px) { + + .desktop-view, + .tablet-view { + display: none; + } + .mobile-view { + display: block; + } + + .box { + flex-direction: column !important; + } + .xbox { + width: 100% !important; + margin-bottom: 20px !important; + } + + .grid { + display: grid; + grid-template-columns: 1fr; + grid-template-areas: + "box1" + "box2" + "box3" + "box4" + "box5" + "box6" + "box7" + "box8" + "box9" + "box10" + ; + } +} \ No newline at end of file diff --git a/05week/travel-gram/index.html b/05week/travel-gram/index.html index 8b13789179..0e449f630f 100644 --- a/05week/travel-gram/index.html +++ b/05week/travel-gram/index.html @@ -1 +1,181 @@ - + + + + + + + + + Travel-Gram + + +
+
+

Travel-Gram

+

Desktop

+

Tablet

+

Mobile

+
+
+
+
+
+
+
+

+ Bacon ipsum dolor amet pork chop burgdoggen pig ground round corned beef capicola cow. Venison chicken filet mignon doner bacon landjaeger, turducken meatloaf kevin flank pork hamburger. Biltong cupim turducken bacon andouille kielbasa chuck tenderloin salami swine beef jerky sausage. +

+
+
3
+ +
+
+
+
+
+
+
+
+

+ Bacon ipsum dolor amet pork chop burgdoggen pig ground round corned beef capicola cow. Venison chicken filet + mignon doner bacon landjaeger, turducken meatloaf kevin flank pork hamburger. Biltong cupim turducken bacon + andouille kielbasa chuck tenderloin salami swine beef jerky sausage. +

+
+
3
+ +
+
+
+
+
+
+
+
+

+ Bacon ipsum dolor amet pork chop burgdoggen pig ground round corned beef capicola cow. Venison chicken filet + mignon doner bacon landjaeger, turducken meatloaf kevin flank pork hamburger. Biltong cupim turducken bacon + andouille kielbasa chuck tenderloin salami swine beef jerky sausage. +

+
+
3
+ +
+
+
+
+
+
+
+
+

+ Bacon ipsum dolor amet pork chop burgdoggen pig ground round corned beef capicola cow. Venison chicken filet + mignon doner bacon landjaeger, turducken meatloaf kevin flank pork hamburger. Biltong cupim turducken bacon + andouille kielbasa chuck tenderloin salami swine beef jerky sausage. +

+
+
3
+ +
+
+
+ + + + + + +
+
+ + \ No newline at end of file diff --git a/06week/JSPractice/index.html b/06week/JSPractice/index.html new file mode 100644 index 0000000000..de3ba32acb --- /dev/null +++ b/06week/JSPractice/index.html @@ -0,0 +1,103 @@ + + + Practice + + + + +

When you're finshed see if you can bring in some of these other + built in methods +

+ + \ No newline at end of file diff --git a/07week/dom-practice/index.html b/07week/dom-practice/index.html index e69de29bb2..42ef67dfb4 100644 --- a/07week/dom-practice/index.html +++ b/07week/dom-practice/index.html @@ -0,0 +1,32 @@ + + + + + + + DOM Practice + + +

Shopping Cart

+ + + +
+ +

All-New Fire 7 Tablet: The next generation of our best-selling Fire tablet ever - now thinner, lighter, and with longer battery life and an improved display. More durable than the latest iPad.

+ +

Flash Furniture Yellow Metal Indoor-Outdoor Chair with Arms: Completely transform your living or restaurant space with this vintage style chair. Adding colorful chairs can rev up any setting. The versatility of this chair easily conforms in different environments. Chairs are lightweight and easily stack for storing. A cross brace underneath the seat adds extra stability and features plastic caps that prevent the finish from scratching when stacked. The frame is designed for all-weather use making it a great option for indoor and outdoor settings. For longevity, care should be taken to protect from long periods of wet weather. The legs have protective rubber feet that prevent damage to flooring. So whether you're using this chair for your kitchen, patio or bistro, it is sure to liven up your decor.

+ +

Amazon Echo: Amazon Echo is a hands-free speaker you control with your voice. Echo connects to the Alexa Voice Service to play music, make calls, send and receive messages, provide information, news, sports scores, weather, and more—instantly. All you have to do is ask.

+ +

Coleman Lay Z Spa Inflatable Hot Tub: Pamper yourself in relaxing heated water surrounded by soothing bubble jets. Easy to operate digital control panel; automatic start/stop timer-controlled heating system. 4-6 Person Capacity. Inflated walls are made of TriTech material that provides ultimate durability and comfort. Fast, easy set up - inflates using the spa's pump - NO tools needed.

+ +
+ + + \ No newline at end of file diff --git a/07week/dom-practice/js/script.js b/07week/dom-practice/js/script.js index c1dcbe6c5c..65adb8582b 100644 --- a/07week/dom-practice/js/script.js +++ b/07week/dom-practice/js/script.js @@ -1,5 +1,60 @@ 'use strict'; document.addEventListener("DOMContentLoaded", function(event) { - // You code here + + + var lists = document.querySelectorAll('li'); +listAlert(lists); +shoppingCart(lists) +clickAbility(); }); + + +function listAlert(lists) { + var listCount = lists.length; + alert("There are " + listCount + " list items."); +} + +function shoppingCart(lists) { + var currentSubHeading = document.getElementById('subheading') + console.log( currentSubHeading); + if (currentSubHeading != null) { + currentSubHeading.parentNode.removeChild(currentSubHeading); + } + var heading = document.getElementsByTagName("h1")[0]; + var cartItems = updateCart(); + heading.insertAdjacentHTML('afterend', '

There are ' + cartItems + ' items in your cart

'); +} + +function updateCart() { + var items = document.querySelectorAll("li"); + return items.length; +} + +function clickAbility() { +var pTags = document.getElementsByClassName("paragraph"); + + for(var i = 0; i' + itemAdded + ''); + shoppingCart(document.querySelectorAll('li')); +} + +function removeItem() { +var itemRemoved = event.srcElement; +itemRemoved.parentNode.removeChild(itemRemoved); +shoppingCart(document.querySelectorAll('li')); +} diff --git a/08week/tic-tac-toe/script.js b/08week/tic-tac-toe/script.js index 0509eaee74..6c97b10df9 100644 --- a/08week/tic-tac-toe/script.js +++ b/08week/tic-tac-toe/script.js @@ -2,4 +2,58 @@ $(document).ready(function() { // Put app logic in here + + // Listen for a click and put an "X" in an empty space. + // Flip the turn to "O". + // Check if it's a good click and if not then ignore it. + // Check for endgame + // Wire up reset button + + let turn = "X"; + + Const winState = [ + // horizontal + [0, 1, 2], + [3, 4, 5], + [6, 7, 8], + // vertical + [0, 3, 6], + [1, 4, 7], + [2, 5, 8], + // diagonal + [0, 4, 8], + [2, 4, 6] + ]; + + $(".row div").click(function() { + if($(this).text()===""){ + $(this).text(turn); + console.log($(this).data("cell")) + endgame(); + + if(turn=="X"){ + turn = "O"; + } else { + turn = "X"; + } + }; + }) + + function endgame() { + console.log("Did "+turn+" win?"); + let emptySpaces = 0; + for(a=0;a<=8;a++){ + console.log($('div[data-cell="'+a+'"]').text() == ""){ // figure out whats broken with this bracket + emptySpaces ++; + }; + } + + if ( emptySpaces == 0 ) { + console.log("its a tie"); + } else { + console.log("the game is not over"); + } + } + }); + diff --git a/09week/towers-of-hanoi/index.html b/09week/towers-of-hanoi/index.html old mode 100644 new mode 100755 index 2c7189c758..46bf46cb0a --- a/09week/towers-of-hanoi/index.html +++ b/09week/towers-of-hanoi/index.html @@ -21,3 +21,4 @@ + diff --git a/09week/towers-of-hanoi/script.js b/09week/towers-of-hanoi/script.js old mode 100644 new mode 100755 index ba46e37e29..effa38fdde --- a/09week/towers-of-hanoi/script.js +++ b/09week/towers-of-hanoi/script.js @@ -1,5 +1,17 @@ 'use strict'; -$(document).ready(function() { - // Put app logic here +$(document).ready(function () { + + var $block = null; + $('[data-stack]').click(function () { + if ($block && ($block.data("block") < $(this).children().last().data("block") || $(this).children().last().data() == undefined)) { + $(this).append($block); + $block = null; + } else if ($block && ($block.data("block") > $(this).children().last().data("block"))) { + return; + } else { + $block = $(this).children().last().detach(); + } + }); + }); diff --git a/09week/towers-of-hanoi/style.css b/09week/towers-of-hanoi/style.css old mode 100644 new mode 100755 index 2fc6989236..3d4f845f6e --- a/09week/towers-of-hanoi/style.css +++ b/09week/towers-of-hanoi/style.css @@ -1,34 +1,42 @@ +body { + display: flex; + flex-direction: row; +} + + [data-stack] { display: flex; - justify-content: flex-start; + justify-content: space-evenly; + flex-direction: column-reverse; align-items: center; - height: 101px; + padding-top: 200px; + width: 101px; background-color: aliceblue; margin: 25px; } [data-block] { - width: 25px; + height: 25px; float: left; } [data-block="25"] { - height: 25px; + width: 25px; background-color: blue; } [data-block="50"] { - height: 50px; + width: 50px; background-color: green; } [data-block="75"] { - height: 75px; + width: 75px; background-color: red; } [data-block="100"] { - height: 100px; + width: 100px; background-color: yellow; } diff --git a/09week/towers-of-hanoi/test.js b/09week/towers-of-hanoi/test.js old mode 100644 new mode 100755 diff --git a/checkpoint-one/Thirdcoastwebsite/images/footer-banner.jpg b/checkpoint-one/Thirdcoastwebsite/images/footer-banner.jpg new file mode 100644 index 0000000000..721b204bef Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/footer-banner.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/gallery-6.jpg b/checkpoint-one/Thirdcoastwebsite/images/gallery-6.jpg new file mode 100644 index 0000000000..8cc63bbbd4 Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/gallery-6.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/gotostore.png b/checkpoint-one/Thirdcoastwebsite/images/gotostore.png new file mode 100644 index 0000000000..347a002a2e Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/gotostore.png differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/icon-fb.jpg b/checkpoint-one/Thirdcoastwebsite/images/icon-fb.jpg new file mode 100644 index 0000000000..0a361a2da2 Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/icon-fb.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/icon-insta.jpg b/checkpoint-one/Thirdcoastwebsite/images/icon-insta.jpg new file mode 100644 index 0000000000..b88e12187f Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/icon-insta.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/icon-twt.jpg b/checkpoint-one/Thirdcoastwebsite/images/icon-twt.jpg new file mode 100644 index 0000000000..d13b165680 Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/icon-twt.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/images/logo.jpg b/checkpoint-one/Thirdcoastwebsite/images/logo.jpg new file mode 100644 index 0000000000..71df5bc081 Binary files /dev/null and b/checkpoint-one/Thirdcoastwebsite/images/logo.jpg differ diff --git a/checkpoint-one/Thirdcoastwebsite/reset.css b/checkpoint-one/Thirdcoastwebsite/reset.css new file mode 100644 index 0000000000..69471553d4 --- /dev/null +++ b/checkpoint-one/Thirdcoastwebsite/reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video, { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} \ No newline at end of file diff --git a/checkpoint-one/Thirdcoastwebsite/thirdcoast.css b/checkpoint-one/Thirdcoastwebsite/thirdcoast.css new file mode 100644 index 0000000000..c3c2a1ca5c --- /dev/null +++ b/checkpoint-one/Thirdcoastwebsite/thirdcoast.css @@ -0,0 +1,56 @@ +html{ + background-color: #3C3C40 +} + +.container{ + margin: 20px 250px; +} + +.subsection{ + width: 100%; +} + +p { + text-align: center; +} + +.menu{ + display: inline-block; + background-color: #742F22; + color: #E7DCB5; + font-family: 'Open Sans', sans-serif; + text-align: center; + padding: 10px; + width: 100%; + text-align: center; +} + +.drop-down { + padding: 0 15px; +} + +.info{ + background-color: #E7DCB5; + display: inline-block; +} + +.info section { + display: inline-block; + width: 49%; +} + + +#photos { + width: 400px; +} + +.links{ + display: inline-block; + background-image: url(./images/footer-banner.jpg); + color: #E7DCB5; + font-family: 'Open Sans', sans-serif; + text-align: center; + padding: 0px; + width: 100%; + text-align: center; +} \ No newline at end of file diff --git a/checkpoint-one/Thirdcoastwebsite/thirdcoast.html b/checkpoint-one/Thirdcoastwebsite/thirdcoast.html new file mode 100644 index 0000000000..8c88a6fbed --- /dev/null +++ b/checkpoint-one/Thirdcoastwebsite/thirdcoast.html @@ -0,0 +1,55 @@ + + + + + + + + + + Third Coast Coffee + + +
+ +
+
+
+

We are a Fair Trade, Organic and Transitional coffee roasting company, importing directly from small farmer cooperatives through Cooperative Coffees. Our 25 years experience as a small batch roaster gives us the flexibility to roast to order. We are in service to our clients, ourselves, and especially our farmers. +
+ For more information email us at + contact@thirdcoastcoffee.com + or call our roastery 512-444-7820.

+ +

Monday - Friday 9:00am – 6:00pm

+

4402 S Congress Ave #109, Austin, Texas. 78745

+ +
+
+
+
+ +
+
+
+
    +
  • Events
    • +
  • Featured Coffee
    • +
  • Contact
    • +
+ +
+
+ + \ No newline at end of file diff --git a/checkpoint-three/css/style.css b/checkpoint-three/css/style.css index 8b13789179..54b1592699 100644 --- a/checkpoint-three/css/style.css +++ b/checkpoint-three/css/style.css @@ -1 +1,81 @@ +h1 { + text-align: center; + color: white; +} + +body { + background-color: black; +} + +h1 { + +} + +.container { + /* max-width: 500px; */ + width: fit-content; + display: flex; + flex-direction: column; + margin: auto; + height: 500px; + position: relative; +} + +main { + border: 1px white; + display: flex; + flex-direction: row-reverse; + margin: 0 auto; + height: 400px; +} + +#rpm { + width: 300px; + height: 100px; + border: 3px solid white; + position: absolute; + right: 0px; + bottom: 0px; + color: white; +} +#hypnoPoints { + border: 1px solid white; + width: 300px; + height: 55px; + color: white; +} + +#wheel { + width:300px; + height:300px; + background-color: white; + border-radius:150px; + transform: rotate(); + } + + #currentTotal { + width:300px; + height:52px; + border:1px solid white; + text-align: center; + color: white; + font-size: 48px; + } + + .button { + width:300px; + height:55px; + border:1px solid white; + color: white; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + cursor:pointer; + } + + #buttoncontainer { + vertical-align: text-top; + color: white; + } diff --git a/checkpoint-three/images/hypnowheel.png b/checkpoint-three/images/hypnowheel.png new file mode 100644 index 0000000000..d7b1ef0f62 Binary files /dev/null and b/checkpoint-three/images/hypnowheel.png differ diff --git a/checkpoint-three/index.html b/checkpoint-three/index.html index 8b13789179..84406c9b21 100644 --- a/checkpoint-three/index.html +++ b/checkpoint-three/index.html @@ -1 +1,42 @@ + + + + + + + Hypno Wheel + + + + +

HYPNO WHEEL

+
+ +
+
+ +
+
+ +
+ Hypno Points: +
0
+
+
+
You're getting sleepy
+
Really sleepy
+
Super sleepy
+
Super duper sleepy
+
+
+ +
+
RPM:
+
+ + + + + + diff --git a/checkpoint-three/js/script.js b/checkpoint-three/js/script.js new file mode 100644 index 0000000000..469ce94b2e --- /dev/null +++ b/checkpoint-three/js/script.js @@ -0,0 +1,72 @@ +$(document).ready(function(){ + let sleepy1 = 10; + let sleepy2 = 100; + let sleepy3 = 1000; + let sleepy4 = 10000; + + var totalCount = 0 + var rpm = 0 + + $('#hypnowheel').click(function(){ + + totalCount ++ + updateBoxes() + }) + + $('#sleepy1').click(function(){ + console.log("total amount of hypno points before purchase: " + totalCount) + if(!(totalCount < sleepy1)){ + totalCount -= sleepy1; + console.log("total amount of hypno points after purchase: " + totalCount) + console.log("total amount of RPMS before purchase: " + rpm) + rpm += .1 + console.log("total amount of RPMS after purchase: " + rpm) + + } + }) + + + function updateBoxes(){ + console.log(totalCount) + + $('#hypnoPoints').text(totalCount); + } +}); + +// var data = { +// totalRevs:360, +// totalCurrent:0, +// totalRPS: 0 +// }; + +// setInterval(goGo,1000); + +// function goGo() { +// data.totalRevs += data.totalRPS; +// data.totalCurrent += data.totalRPS; +// $("#wheel").css({ 'transform': 'rotate(' + data.totalRevs + 'deg)'}); +// updateReport(); +// } + +// function updateReport() { +// $("#currentTotal").text(Math.floor(data.totalCurrent)); +// $("#rps").text((data.totalRPS/70.4).toFixed(3)); +// } + + +// $("#wheel").click(function (){ +// data.totalRevs ++; +// data.totalCurrent ++; +// updateReport(); +// }) + +// $(".button").click(function (){ +// var addVal = $(this).data( "cost" ); +// if ($(this).data( "cost" ) < data.totalCurrent ) { +// data.totalCurrent -= parseFloat($(this).data( "cost" ).toPrecision(2)); +// data.totalRPS += parseFloat($(this).data( "val" )); +// $( this ).children("span").html( parseInt($( this ).children("span").html()*1.15)); +// $( this ).data( "cost", parseInt($(this).data( "cost" ) * 1.15) ); +// } +// updateReport(); +// }) \ No newline at end of file diff --git a/checkpoint-two/css/reset.css b/checkpoint-two/css/reset.css new file mode 100644 index 0000000000..df2ba29226 --- /dev/null +++ b/checkpoint-two/css/reset.css @@ -0,0 +1,28 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +html { + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} \ No newline at end of file diff --git a/checkpoint-two/css/style.css b/checkpoint-two/css/style.css index 8b13789179..5bf4ef8648 100644 --- a/checkpoint-two/css/style.css +++ b/checkpoint-two/css/style.css @@ -1 +1,212 @@ +body { + display: flex; + align-items: flex-start; + background-color: gray; + font-family: 'Chakra Petch', sans-serif; + font-size: 1rem; + max-width: 1200px; + margin: auto; + margin-top: 50px; +} + +h4 { + font-size: 0.8em; + margin: 0; + margin-bottom: 15px; +} + +main { + width: 100%; + height: 579px; + padding: 30px; + border-radius: 5px; + background-color: #a7a7a7; +} + +.scrollbox { + height: 400px; + padding: 10px; + background-color: gray; + overflow: auto; +} + +.scrollbox a { + text-decoration: none; + color: #55b5ff; + transition: color 300ms; +} + +.scrollbox a:hover { + color: #c7f1ff; +} + +.mybigdumbface { + border-radius: 50%; + display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: 21px; + max-width: 175px; +} + + + +.grid { + display: grid; + grid-template-columns: 1fr; + grid-template-areas: + "resume" + "portfolio" + "about" + "contact"; + justify-items: center; + font-size: 2em; + margin-right: 15px; +} +/* ^^grid for main nav bar^^ */ + +.nav-wrapper { + width: 100%; +} + +.nav-item { + display: flex; + justify-content: center; + align-items: center; + min-height: 67px; + width: 100%; +} + +.about { + grid-area: about; + background-color: #ffffff; +} +.about:after { + width: 50px; +} + +.bio { + grid-area: about; + background-color: #c7f1ff; +} +.bio:after { + width: 83px; +} + + +.resume { + grid-area: resume; + background-color: #8fc6e6; +} +.resume:after { + width: 69px; +} + +.portfolio { + grid-area: portfolio; + background-color: #7bcaff; +} +.portfolio:after { + width: 75px; +} + +.contact { + grid-area: contact; + background-color: #55b5ff; +} +.contact:after { + width: 69px; +} + +.grid a { + z-index: 2; + display: flex; + justify-content: center; + align-items: center; + position: relative; + color: #000; + text-decoration: none; + width: 80%; + padding: 15px 5px; + transition: padding 300ms; + border-radius: 5px; + font-size: 0.6em; +} +/* ^^nav bar button styling^^ */ + +.grid a:hover, .grid .active { + padding: 20px 10px; +} +/* ^^Keeps underline transition aligned with text^^ */ + +nav a:before { + content: ""; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #2098D1; + transform: scaleX(0); + transition-property: transform; + transition-duration: 0.4s; + transition-timing-function: ease-out; + border-radius: 5px; +} + +nav a:hover:before, .active:before { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} +/* ^^main nav bar color change^^ */ + +nav a:after { + content: ""; + position: absolute; + width: 0; + height: 1px; + bottom: 15px; + background-color: #000; + visibility: hidden; + transform: scaleX(0); + transition: all 300ms ease-in-out 0s; +} + +nav a:hover:after, .active:after { + visibility: visible; + transform: scaleX(1); + bottom: 18px; +} +/* ^^link underline transition^^ */ + +video { + width: 50%; + height: auto; + } + + +@media (max-width: 784px) { + +body { + flex-direction: column; + margin-top: 15px; +} + +.grid { + width: 100%; + margin-right: 0px; + margin-bottom: 15px; +} + +.nav-wrapper { + display: flex; +} + +video { + width: 100%; + height: auto; + } + +} diff --git a/checkpoint-two/images/headshot.jpg b/checkpoint-two/images/headshot.jpg new file mode 100644 index 0000000000..cf2fb7958a Binary files /dev/null and b/checkpoint-two/images/headshot.jpg differ diff --git a/checkpoint-two/index.html b/checkpoint-two/index.html index 8b13789179..6c08111072 100644 --- a/checkpoint-two/index.html +++ b/checkpoint-two/index.html @@ -1 +1,40 @@ + + + + + + + + + + Jim Schaefer + + + +
+

About

+
+

Lorem ipsum dolor amet hot chicken neutra beard viral microdosing pabst tattooed put a bird on it cornhole. Readymade street art wayfarers, ennui affogato tote bag whatever. Chicharrones distillery craft beer small batch, tbh man bun pour-over pinterest swag coloring book meh. Semiotics bushwick organic hashtag sustainable. Taiyaki hot chicken pinterest cardigan. XOXO swag gentrify cliche polaroid.

+

hoodie small batch tousled kinfolk, bitters copper mug church-key franzen selfies unicorn hella squid occupy tofu. Kombucha iceland activated charcoal biodiesel franzen quinoa cred vaporware four loko next level. Pok pok hell of vegan hashtag actually marfa chambray readymade church-key flexitarian skateboard iceland. Direct trade health goth wolf vegan brunch crucifix. Umami crucifix poke meditation, narwhal celiac meggings gentrify hell of franzen ramps. Lumbersexual chillwave DIY meh stumptown pabst cornhole.

+ +

Flexitarian cray beard mixtape before they sold out try-hard. Cloud bread poutine normcore irony kombucha. Whatever seitan normcore messenger bag occupy, kinfolk wolf readymade adaptogen cloud bread cold-pressed etsy hella try-hard. Biodiesel tilde messenger bag vaporware. Whatever church-key banh mi echo park viral semiotics. Succulents gochujang venmo disrupt, air plant pabst tousled truffaut.

+ +

Gastropub hella mlkshk artisan twee irony bicycle rights readymade fixie pour-over. Biodiesel butcher crucifix, raclette sustainable hashtag master cleanse stumptown cold-pressed air plant bespoke unicorn four loko. Gluten-free YOLO readymade kogi activated charcoal XOXO snackwave freegan iPhone pabst put a bird on it wayfarers typewriter try-hard. Quinoa kogi slow-carb authentic jean shorts copper mug YOLO vice, neutra irony brunch celiac narwhal small batch ethical.

+ +

Cred church-key cloud bread lyft freegan paleo woke selfies kogi 90's direct trade taiyaki. Truffaut church-key master cleanse kale chips, hashtag distillery keytar mumblecore wolf. Vinyl air plant venmo ugh wolf. Bitters DIY iceland keffiyeh vexillologist chartreuse paleo yuccie four loko. Direct trade you probably haven't heard of them green juice lumbersexual try-hard.

+
+
+ + + \ No newline at end of file diff --git a/checkpoint-two/js/script.js b/checkpoint-two/js/script.js new file mode 100644 index 0000000000..671d363f9a --- /dev/null +++ b/checkpoint-two/js/script.js @@ -0,0 +1,30 @@ +var canvasElement = document.querySelector("#myCanvas"); +var context = canvasElement.getContext("2d"); + +// the triangle +context.beginPath(); +context.moveTo(200, 100); +context.lineTo(100, 300); +context.lineTo(300, 300); +context.closePath(); + +// the outline +context.lineWidth = 5; +context.strokeStyle = '#000000'; +context.stroke(); + +// the fill color +context.fillStyle = "#32CD32"; +context.fill(); + +var c = document.getElementById("myCanvas"); +var ctx = c.getContext("2d"); + +// Create gradient +var grd = ctx.createRadialGradient(75, 50, 5, 90, 60, 100); +grd.addColorStop(0, "red"); +grd.addColorStop(1, "white"); + +// Fill with gradient +ctx.fillStyle = grd; +ctx.fillRect(10, 10, 150, 80); \ No newline at end of file diff --git a/checkpoint-two/pages/bio.html b/checkpoint-two/pages/bio.html new file mode 100644 index 0000000000..c5a7721111 --- /dev/null +++ b/checkpoint-two/pages/bio.html @@ -0,0 +1,43 @@ + + + + + + + + + + Bio Part 2 + + + +
+

Bio Part 2

+
+ +

+ + + +
+
+ + + + \ No newline at end of file diff --git a/checkpoint-two/pages/contact.html b/checkpoint-two/pages/contact.html new file mode 100644 index 0000000000..3da3129197 --- /dev/null +++ b/checkpoint-two/pages/contact.html @@ -0,0 +1,64 @@ + + + + + + + + + + Contact + + + +
+

Contact

+
+ Email
+ jschaef80@gmail.com

+ + Github
+ jschaef80

+ + LinkedIn
+ Jim Schaefer

+ + Forms Demonstration +
+
+
+
+

+ + Please select all ingredients needed to make a peanut butter and jelly sandwhich:
+ Bread
+ Peanut Butter
+ Jelly
+ Potato

+ + Which animal makes the best pet?
+ Cat
+ A rock
+ Alligator

+ + How many licks does it actually take to get to the center of a Tootsie Pop?
+ 1 100 + + +
+ + +
+
+ + diff --git a/checkpoint-two/pages/portfolio.html b/checkpoint-two/pages/portfolio.html new file mode 100644 index 0000000000..ab0c0cfe4b --- /dev/null +++ b/checkpoint-two/pages/portfolio.html @@ -0,0 +1,39 @@ + + + + + + + + + + Portfolio + + + +
+

Portfolio

+
+

Lorem ipsum dolor amet hot chicken neutra beard viral microdosing pabst tattooed put a bird on it cornhole. Readymade street art wayfarers, ennui affogato tote bag whatever. Chicharrones distillery craft beer small batch, tbh man bun pour-over pinterest swag coloring book meh. Semiotics bushwick organic hashtag sustainable. Taiyaki hot chicken pinterest cardigan. XOXO swag gentrify cliche polaroid.

+ +

hoodie small batch tousled kinfolk, bitters copper mug church-key franzen selfies unicorn hella squid occupy tofu. Kombucha iceland activated charcoal biodiesel franzen quinoa cred vaporware four loko next level. Pok pok hell of vegan hashtag actually marfa chambray readymade church-key flexitarian skateboard iceland. Direct trade health goth wolf vegan brunch crucifix. Umami crucifix poke meditation, narwhal celiac meggings gentrify hell of franzen ramps. Lumbersexual chillwave DIY meh stumptown pabst cornhole.

+ +

Flexitarian cray beard mixtape before they sold out try-hard. Cloud bread poutine normcore irony kombucha. Whatever seitan normcore messenger bag occupy, kinfolk wolf readymade adaptogen cloud bread cold-pressed etsy hella try-hard. Biodiesel tilde messenger bag vaporware. Whatever church-key banh mi echo park viral semiotics. Succulents gochujang venmo disrupt, air plant pabst tousled truffaut.

+ +

Gastropub hella mlkshk artisan twee irony bicycle rights readymade fixie pour-over. Biodiesel butcher crucifix, raclette sustainable hashtag master cleanse stumptown cold-pressed air plant bespoke unicorn four loko. Gluten-free YOLO readymade kogi activated charcoal XOXO snackwave freegan iPhone pabst put a bird on it wayfarers typewriter try-hard. Quinoa kogi slow-carb authentic jean shorts copper mug YOLO vice, neutra irony brunch celiac narwhal small batch ethical.

+ +

Cred church-key cloud bread lyft freegan paleo woke selfies kogi 90's direct trade taiyaki. Truffaut church-key master cleanse kale chips, hashtag distillery keytar mumblecore wolf. Vinyl air plant venmo ugh wolf. Bitters DIY iceland keffiyeh vexillologist chartreuse paleo yuccie four loko. Direct trade you probably haven't heard of them green juice lumbersexual try-hard.

+
+
+ + diff --git a/checkpoint-two/pages/resume.html b/checkpoint-two/pages/resume.html new file mode 100644 index 0000000000..64bb9ed1c9 --- /dev/null +++ b/checkpoint-two/pages/resume.html @@ -0,0 +1,39 @@ + + + + + + + + + + Resume + + + +
+

Resume

+
+

Lorem ipsum dolor amet hot chicken neutra beard viral microdosing pabst tattooed put a bird on it cornhole. Readymade street art wayfarers, ennui affogato tote bag whatever. Chicharrones distillery craft beer small batch, tbh man bun pour-over pinterest swag coloring book meh. Semiotics bushwick organic hashtag sustainable. Taiyaki hot chicken pinterest cardigan. XOXO swag gentrify cliche polaroid.

+ +

hoodie small batch tousled kinfolk, bitters copper mug church-key franzen selfies unicorn hella squid occupy tofu. Kombucha iceland activated charcoal biodiesel franzen quinoa cred vaporware four loko next level. Pok pok hell of vegan hashtag actually marfa chambray readymade church-key flexitarian skateboard iceland. Direct trade health goth wolf vegan brunch crucifix. Umami crucifix poke meditation, narwhal celiac meggings gentrify hell of franzen ramps. Lumbersexual chillwave DIY meh stumptown pabst cornhole.

+ +

Flexitarian cray beard mixtape before they sold out try-hard. Cloud bread poutine normcore irony kombucha. Whatever seitan normcore messenger bag occupy, kinfolk wolf readymade adaptogen cloud bread cold-pressed etsy hella try-hard. Biodiesel tilde messenger bag vaporware. Whatever church-key banh mi echo park viral semiotics. Succulents gochujang venmo disrupt, air plant pabst tousled truffaut.

+ +

Gastropub hella mlkshk artisan twee irony bicycle rights readymade fixie pour-over. Biodiesel butcher crucifix, raclette sustainable hashtag master cleanse stumptown cold-pressed air plant bespoke unicorn four loko. Gluten-free YOLO readymade kogi activated charcoal XOXO snackwave freegan iPhone pabst put a bird on it wayfarers typewriter try-hard. Quinoa kogi slow-carb authentic jean shorts copper mug YOLO vice, neutra irony brunch celiac narwhal small batch ethical.

+ +

Cred church-key cloud bread lyft freegan paleo woke selfies kogi 90's direct trade taiyaki. Truffaut church-key master cleanse kale chips, hashtag distillery keytar mumblecore wolf. Vinyl air plant venmo ugh wolf. Bitters DIY iceland keffiyeh vexillologist chartreuse paleo yuccie four loko. Direct trade you probably haven't heard of them green juice lumbersexual try-hard.

+
+
+ + diff --git a/checkpoint-two/video/funnyface.mov b/checkpoint-two/video/funnyface.mov new file mode 100644 index 0000000000..4e67be610c Binary files /dev/null and b/checkpoint-two/video/funnyface.mov differ diff --git a/checkpoint-two/video/whyicode.mov b/checkpoint-two/video/whyicode.mov new file mode 100644 index 0000000000..1a74ce7208 Binary files /dev/null and b/checkpoint-two/video/whyicode.mov differ