diff --git a/Week 1.1 - HTML/1. Build a Form/index.html b/Week 1.1 - HTML/1. Build a Form/index.html index 50432a8b..cd4ce1db 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -1,13 +1,44 @@ + + + + + + Build a Form + - + +
+
+ +

Login Form

+ + +
+ + +
+ + +
+ + +
+ + + + +
+
+ \ No newline at end of file diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html index a132ac2a..7d97c122 100644 --- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html +++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html @@ -1,14 +1,22 @@ + + + + + + Create a Responsive Image - Resolution + - + + + + + + + + + Default Placeholder Image + + + \ No newline at end of file diff --git a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html index d8bb518c..28cf3977 100644 --- a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html +++ b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html @@ -1,14 +1,21 @@ + + + + + Create a Responsive Image - Aspect Ratio + - + + + + + + Responsive Placeholder Image + + \ No newline at end of file diff --git a/Week 1.1 - HTML/4. Mock Up a Design/index.html b/Week 1.1 - HTML/4. Mock Up a Design/index.html index a7252a6f..052c1c39 100644 --- a/Week 1.1 - HTML/4. Mock Up a Design/index.html +++ b/Week 1.1 - HTML/4. Mock Up a Design/index.html @@ -1,13 +1,73 @@ + Mock Up a Design + - + + + + + +
+ +
+ +
+

Phase 4:

+

Destination Thrive

+

Objective: Create Omni-channel synergy

+

This is the time to fully leverage your hard work and thrive. During this phase, attention should be + given to + omni-channel synergy, + syncing your messaging and channels from top to bottom. Scale high performing channels and fully + harvest the demand of + your top of + funnel awareness campaigns have been creating. Use insights gained from your contact lists, data, + and web analytics to + do prospecting + and build look-a-like audiences for incremental growth.

+
+ +
+ + +
+

Key focus:

+
    +
  • Harvesting the demand created by your content marketing efforts
    • +
  • Scale paid media and social efforts
    • +
  • Leverage your new audiences
    • +
  • Omni-channel synergy
    • +
+

Time Clock icon

+

approx. 24 months and beyond

+
+ +
+
+ + \ No newline at end of file diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html index 3d9c05b8..09851493 100644 --- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html +++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html @@ -1,15 +1,20 @@ + Selectors - Attributes + - + @@ -23,4 +28,5 @@ + \ No newline at end of file diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html index 7ff366db..4eee8595 100644 --- a/Week 1.2 - CSS/2. Selectors - Children/index.html +++ b/Week 1.2 - CSS/2. Selectors - Children/index.html @@ -1,15 +1,19 @@ + Selectors - Children + - + + \ No newline at end of file diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html index b6086a75..1b683a91 100644 --- a/Week 1.2 - CSS/3. Selectors - Siblings/index.html +++ b/Week 1.2 - CSS/3. Selectors - Siblings/index.html @@ -16,7 +16,7 @@ - - - - + + + + + \ No newline at end of file diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 4fa3bd71..58392e1d 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -1,5 +1,6 @@ + @@ -14,18 +15,27 @@ } + - +
+ \ No newline at end of file diff --git a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html index f20d4534..8ec4f8cb 100644 --- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html +++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html @@ -29,6 +29,7 @@ width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, black); + pointer-events: none; } diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html index e74982a2..dfc5703b 100644 --- a/Week 1.3 - JavaScript/1. Filter/index.html +++ b/Week 1.3 - JavaScript/1. Filter/index.html @@ -13,7 +13,7 @@ // Custom Code BEGIN // Modify the code in this block however you need to get the desired ending array. // You must store your new array in the `endingArray` variable for it to log out properly. - let endingArray; + let endingArray = startingArray.filter(number => number % 2 === 0); // Custom Code END diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html index 72fa39ee..3e848400 100644 --- a/Week 1.3 - JavaScript/2. Map/index.html +++ b/Week 1.3 - JavaScript/2. Map/index.html @@ -1,19 +1,23 @@ + Map + - + + \ No newline at end of file diff --git a/Week 1.3 - JavaScript/3. Objects as a Map/index.html b/Week 1.3 - JavaScript/3. Objects as a Map/index.html index 3004949a..2e64c604 100644 --- a/Week 1.3 - JavaScript/3. Objects as a Map/index.html +++ b/Week 1.3 - JavaScript/3. Objects as a Map/index.html @@ -13,19 +13,13 @@ // Rewrite this function to replace the if/else logic with a map lookup. function getInformation(key) { - let rtn; - - if (key === 'date') { - rtn = 'October 6, 1986'; - } else if (key === 'time') { - rtn = '21:13 PM'; - } else if (key === 'mood') { - rtn = 'Powerful, spirited...'; - } else { - rtn = 'Error: Invalid option selected...'; + const infoData = { + date: "October 6, 1986", + time: "21:13 PM", + mood: "Powerful, spirited" } - return rtn; + return infoData[key] || 'Invalid option selected.'; } diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html index d284e48f..6b041df9 100644 --- a/Week 1.3 - JavaScript/4. Event Listeners/index.html +++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html @@ -20,6 +20,8 @@

0

} // Add your code here to make clicking the button run the increment function + const buttonEl = document.querySelector('[data-action="increment-counter"]'); + buttonEl.addEventListener('click', increment); diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html index ba0e04f2..338b03b1 100644 --- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html +++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html @@ -24,6 +24,9 @@

More Jeff Goldblum

diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html index c1da8137..0466bce5 100644 --- a/Week 1.3 - JavaScript/Data Fetching/index.html +++ b/Week 1.3 - JavaScript/Data Fetching/index.html @@ -1,17 +1,34 @@ + Data Fetching + - + - + + \ No newline at end of file diff --git a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html index c0fcd851..aed452b9 100644 --- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html +++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html @@ -1,5 +1,6 @@ + @@ -8,7 +9,9 @@ + - +
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, + you do plan to have dinosaurs on your dinosaur tour, right?

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine?

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine?

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine?

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine?

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

Read More
placeholder

Lorem Ipsum Dolor

-

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

+

Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, + you do plan to have dinosaurs on your dinosaur tour, right?

Read More
- + \ No newline at end of file diff --git a/Week 2.1 - CSS Grid/2. Placing Items/index.html b/Week 2.1 - CSS Grid/2. Placing Items/index.html index fcd7781b..36b00a9e 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -1,5 +1,6 @@ + @@ -12,13 +13,20 @@ max-width: 800px; } - .photo > * { mix-blend-mode: multiply; } + .photo>* { + mix-blend-mode: multiply; + } +
@@ -27,6 +35,7 @@ yellow black
- + + \ No newline at end of file diff --git a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html index 0161e9be..d3aa26ad 100644 --- a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html +++ b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html @@ -1,5 +1,6 @@ + @@ -14,7 +15,7 @@ max-width: 776px; } - .grid > * { + .grid>* { grid-column: span 1; grid-row: span 1; display: flex; @@ -39,16 +40,51 @@ background-color: lightcoral; } - .placeholder { + /* .placeholder { border-color: mediumslateblue; background-color: lightcyan; - } + } */ + - +
@@ -64,42 +100,42 @@
  • -
  • -
  • -
  • -
  • -
  • -
  • +
  • +
  • +
  • +
  • +
  • +
  • @@ -109,4 +145,5 @@
    + \ No newline at end of file diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html index 5283be49..89ae2f99 100644 --- a/Week 2.2 - Flexbox/1. Centering/index.html +++ b/Week 2.2 - Flexbox/1. Centering/index.html @@ -25,6 +25,9 @@ background-color: whitesmoke; /* Add to your code here to center the box within the container */ + display: flex; + justify-content: center; + align-items: center; } diff --git a/Week 2.2 - Flexbox/2. Placing Items/index.html b/Week 2.2 - Flexbox/2. Placing Items/index.html index d167cd76..c268ca17 100644 --- a/Week 2.2 - Flexbox/2. Placing Items/index.html +++ b/Week 2.2 - Flexbox/2. Placing Items/index.html @@ -1,5 +1,6 @@ + @@ -13,6 +14,7 @@ } + - +