From e93c89020b180080a58c98a58957b2f625d411b0 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Mon, 12 May 2025 08:45:20 -0600 Subject: [PATCH 1/9] Update README.md Test --- Week 1.1 - HTML/1. Build a Form/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week 1.1 - HTML/1. Build a Form/README.md b/Week 1.1 - HTML/1. Build a Form/README.md index 54a9fabf..23a486e0 100644 --- a/Week 1.1 - HTML/1. Build a Form/README.md +++ b/Week 1.1 - HTML/1. Build a Form/README.md @@ -7,6 +7,6 @@ Build a form with the following specifications: - [ ] The form submits to the a page at `/login/` - [ ] The form uses POST to submit the form data - [ ] Form is accessible to a screen reader -- [ ] Form is keyboard navigable +- [ ] Form is keyboard navigable Build your form in designated area in the provided HTML file. \ No newline at end of file From 00d965d22cff70a06edb31e25810e292abe14705 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Mon, 12 May 2025 18:03:23 -0600 Subject: [PATCH 2/9] Week 1.1. HTML Week 1.1. HTML Practice. --- Week 1.1 - HTML/1. Build a Form/index.html | 13 +++++++ .../index.html | 9 ++++- .../index.html | 5 +++ .../4. Mock Up a Design/index.html | 37 +++++++++++++++++++ 4 files changed, 63 insertions(+), 1 deletion(-) 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..d91ebacf 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -8,6 +8,19 @@ +
+
+ + + + Please enter a valid email address. + + + + + +
+
\ 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..8fc41718 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 @@ -24,7 +24,14 @@ - + + + + + + + Responsive 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..f42f994a 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 @@ -25,6 +25,11 @@ + + + + Responsive 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..41364f90 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 @@ -9,5 +9,42 @@ + + +
+

+ Phase 4: +
Destination Thrive
+

+

Objective: Create omni-channel synergy

+

This is the time to fully leverage your hard work and timing. During this phase, attention should be given to creating omni-channel synergy by syncing your messaging and channels from top to bottom. This will help reinforce channels and fully harness the demand your top of funnel awareness campaigns have been creating. Use insights gained from prior testing, learnings, and what has worked well to do purposeful retargeting that also allows for incremental growth.

+ +

KEY FOCUS:

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

TIME:

+

approx. 24 months and beyond

+
+ \ No newline at end of file From 7612d1a51a59f563b0a3a1ac3dd932d73ee31fdc Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Tue, 13 May 2025 18:04:50 -0600 Subject: [PATCH 3/9] Bootcamp - 2 - CSS Bootcamp - 2 - CSS --- .../1. Selectors - Attributes/index.html | 2 +- .../2. Selectors - Children/index.html | 2 +- .../3. Selectors - Siblings/index.html | 2 +- .../4. Inheritance and Systems/index.html | 34 ++++++++++++++++--- Week 1.2 - CSS/5. Transitions/index.html | 9 ++++- .../6. Tricks - Click Passthrough/index.html | 3 +- 6 files changed, 43 insertions(+), 9 deletions(-) diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html index 3d9c05b8..012bf5c2 100644 --- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html +++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html @@ -9,7 +9,7 @@ diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html index 7ff366db..3a43d88b 100644 --- a/Week 1.2 - CSS/2. Selectors - Children/index.html +++ b/Week 1.2 - CSS/2. Selectors - Children/index.html @@ -9,7 +9,7 @@
    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..45986d91 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -12,6 +12,13 @@ justify-content: center; min-height: 100vh; } + .box:hover { + transform: scale(2); + } + .box.shrink-back{ + transition: transform 160ms ease-in-out; + } + @@ -25,7 +32,7 @@ } -
    +
    \ 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 769c1a18..76c421ae 100644 --- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html +++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html @@ -29,12 +29,13 @@ width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, black); + pointer-events: none; }
    - A placeholder image + A placeholder image
    From 087ee89f031cefcd550e8a2778be4204e4705b23 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Wed, 14 May 2025 18:13:05 -0600 Subject: [PATCH 4/9] Week 1.3 - JavaScript\1. Filter\index.html Week 1.3 - JavaScript\1. Filter\index.html --- Week 1.3 - JavaScript/1. Filter/index.html | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html index e74982a2..74d76c9a 100644 --- a/Week 1.3 - JavaScript/1. Filter/index.html +++ b/Week 1.3 - JavaScript/1. Filter/index.html @@ -13,11 +13,22 @@ // 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; + + //Old ES5 + /*let endingArray = startingArray.filter( + function(number){ + return number % 2 === 0; + } + );*/ + //ES6 + let endingArray = startingArray.filter( + number => number % 2 === 0 + ); // Custom Code END console.log(endingArray); + From fafe497e4df5d196067b48f3ed6762aac661d51c Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Wed, 14 May 2025 18:13:33 -0600 Subject: [PATCH 5/9] Week 1.3 - JavaScript\2. Map\index.html Week 1.3 - JavaScript\2. Map\index.html --- Week 1.3 - JavaScript/2. Map/index.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html index 72fa39ee..7467ffa6 100644 --- a/Week 1.3 - JavaScript/2. Map/index.html +++ b/Week 1.3 - JavaScript/2. Map/index.html @@ -17,6 +17,10 @@ // Custom Code END + endingArray = startingArray.map ( + arrayName => ({ name: arrayName }) + ); + console.log(endingArray); From c0325926aad20d15fe3a361c90933d8cd788103d Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Fri, 16 May 2025 17:11:44 -0600 Subject: [PATCH 6/9] Week 1.3 - JavaScript Week 1.3 - JavaScript --- .../3. Objects as a Map/index.html | 36 +++++++++++++++++-- .../4. Event Listeners/index.html | 3 ++ .../5. DOM Manipulation/index.html | 5 ++- .../Data Fetching/index.html | 17 ++++++++- 4 files changed, 56 insertions(+), 5 deletions(-) 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..2b7a1a5b 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 @@ -8,11 +8,12 @@ + + \ No newline at end of file diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html index d284e48f..b2f0d5a5 100644 --- a/Week 1.3 - JavaScript/4. Event Listeners/index.html +++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html @@ -20,6 +20,9 @@

    0

    } // Add your code here to make clicking the button run the increment function + const button = document.querySelector('[data-action="increment-counter"]'); + button.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..ad6d7ec3 100644 --- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html +++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html @@ -23,7 +23,10 @@

    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..c3d0cc09 100644 --- a/Week 1.3 - JavaScript/Data Fetching/index.html +++ b/Week 1.3 - JavaScript/Data Fetching/index.html @@ -10,7 +10,22 @@
      From 198c332fdbb00bf56b72165591d7adb9ae0f97a6 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Mon, 19 May 2025 11:40:32 -0600 Subject: [PATCH 7/9] Week 2.1 - CSS Grid Week 2.1 - CSS Grid --- .../1. Responsive Grids/index.html | 2 ++ .../2. Placing Items/index.html | 7 ++++- .../3. Placing Items - Advanced/index.html | 26 +++++++++---------- 3 files changed, 21 insertions(+), 14 deletions(-) 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 2d612e63..aaed4dcd 100644 --- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html +++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html @@ -17,6 +17,8 @@ } .cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin: 0 auto; padding: 0 20px; 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..1baa4bd6 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -18,7 +18,12 @@
      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..b92fd474 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 @@ -48,58 +48,58 @@
      -
    • h
      • -
    • e
      • -
    • l
      • -
    • l
      • -
    • o
      • -
    • !
      • + +
    • h
      • +
    • e
      • +
    • l
      • +
    • l
      • +
    • o
      • +
    • !
    • -
    • -
    • -
    • -
    • -
    • -
    • From 8205b7c8074218f79000067ec6bbeb3d5ede7694 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Mon, 19 May 2025 18:17:24 -0600 Subject: [PATCH 8/9] Week 2.2 - Flexbox Week 2.2 - Flexbox --- Week 2.2 - Flexbox/1. Centering/index.html | 3 +++ Week 2.2 - Flexbox/2. Placing Items/index.html | 4 ++++ .../3. Placing Items - Advanced/index.html | 9 +++++++++ Week 2.2 - Flexbox/4. Flexing/index.html | 8 +++++++- 4 files changed, 23 insertions(+), 1 deletion(-) 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 986e0ee4..a910100e 100644 --- a/Week 2.2 - Flexbox/2. Placing Items/index.html +++ b/Week 2.2 - Flexbox/2. Placing Items/index.html @@ -27,7 +27,11 @@ side end of the `.navbar`. The `.logo` and `.links` should also be center aligned with each other. + */ + display: flex; + align-items: center; + justify-content: space-between; } diff --git a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html index 9ff4f7e7..c2bcf3d4 100644 --- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html +++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html @@ -25,6 +25,15 @@
      diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html index 443de97c..f7f96d74 100644 --- a/Week 2.2 - Flexbox/4. Flexing/index.html +++ b/Week 2.2 - Flexbox/4. Flexing/index.html @@ -39,15 +39,21 @@ From 1935a63efcd77c1358f78dcd900da3efb8428649 Mon Sep 17 00:00:00 2001 From: BernanGranicus Date: Wed, 4 Jun 2025 19:12:29 -0600 Subject: [PATCH 9/9] CMS Bootcamp Corrections CMS Bootcamp Corrections --- .../4. Mock Up a Design/index.html | 8 ++-- .../4. Inheritance and Systems/index.html | 19 ++++------ Week 1.2 - CSS/5. Transitions/index.html | 9 +++-- .../3. Objects as a Map/index.html | 14 ++----- .../3. Placing Items - Advanced/index.html | 37 ++++++++++++++++--- 5 files changed, 51 insertions(+), 36 deletions(-) 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 41364f90..e8b33b06 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 @@ -27,11 +27,9 @@
      -

      - Phase 4: -
      Destination Thrive
      -

      -

      Objective: Create omni-channel synergy

      +

      Phase 4:

      +

      Destination Thrive

      +

      Objective: Create omni-channel synergy

      This is the time to fully leverage your hard work and timing. During this phase, attention should be given to creating omni-channel synergy by syncing your messaging and channels from top to bottom. This will help reinforce channels and fully harness the demand your top of funnel awareness campaigns have been creating. Use insights gained from prior testing, learnings, and what has worked well to do purposeful retargeting that also allows for incremental growth.

      KEY FOCUS:

      diff --git a/Week 1.2 - CSS/4. Inheritance and Systems/index.html b/Week 1.2 - CSS/4. Inheritance and Systems/index.html index 66cd22bb..49dbbec1 100644 --- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html +++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html @@ -11,28 +11,25 @@ /* Add your CSS here */ button { - padding: 10px 20px; + padding: 12px 32px; border: none; - border-radius: 5px; + border-radius: 4px; cursor: pointer; - font-size: 16px; + /*font-size: 16px;*/ + color: #000; } .default { - background-color: #f0f0f0; - color: #000; + background-color: #f5f5f5 +; } .primary { - background-color: #007bff; - color: #fff; + background-color: ##90CDF4; } .link { background-color: transparent; - color: #007bff; - text-decoration: underline; } .danger { - background-color: #dc3545; - color: #fff; + background-color: #FEB2B2; } diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 45986d91..ee2d7656 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -12,11 +12,12 @@ justify-content: center; min-height: 100vh; } + .box { + transition: transform 160ms ease; + } .box:hover { transform: scale(2); - } - .box.shrink-back{ - transition: transform 160ms ease-in-out; + transition: transform 200ms ease; } @@ -32,7 +33,7 @@ } -
      +
      \ 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 2b7a1a5b..02243529 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 @@ -29,26 +29,20 @@ return rtn; }*/ - //Option 1 - const getInformation = function (key) { - const map = { + //Option 1 + const map = { date: 'October 6, 1986', time: '21:13 PM', mood:'Powerful, spirited...', }; + const getInformation = function (key) { return map[key] || 'Error: Invalid option selected...'; } // Option 2. Arrow Functions. // This function should be placed on the bottom: const information = getInformation('date'); - /*const getInformation = (key) => { - const map = { - date: 'October 6, 1986', - time: '21:13 PM', - mood:'Powerful, spirited...', - }; - + /*const getInformation = (key) => { return map[key] || 'Error: Invalid option selected...'; };*/ 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 b92fd474..5b54d07e 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 @@ -53,17 +53,42 @@ position: sticky; top: 0; } + .letter:first-child { + grid-column: 1; + grid-row: 2; + } + .letter:nth-child(2) { + grid-column: 2; + grid-row: 3; + } + .letter:nth-child(3) { + grid-column: 3; + grid-row: 4; + } + .letter:nth-child(4) { + grid-column: 4; + grid-row: 5; + } + .letter:nth-child(5) { + grid-column: 5; + grid-row: 6; + } + + .letter:nth-child(6) { + grid-column: 6; + grid-row: 7; + }
      -
    • h
      • -
    • e
      • -
    • l
      • -
    • l
      • -
    • o
      • -
    • !
      • +
    • h
      • +
    • e
      • +
    • l
      • +
    • l
      • +
    • o
      • +
    • !