replace scrimba with khan academy (#1103)

I have not replaced the next step yet - this is for people to look at and discuss.

org-cyf-itd/content/blocks/step-3/acceptance/index.md

@@ -14,10 +14,7 @@ A volunteer will review your submission and check it meets the acceptance criter
 Here is the criteria you need to meet:
 
 ```objectives
-- You have shared a link to your personal website deployed on Netlify
-- You have shared a link to your Google.com clone website deployed on Netlify
-- You have shared a link to your Digital Business Card website deployed on Netlify
-- You have shared a link to your Space Exploration website deployed on Netlify
-- You have shared a link to your Birthday GIFt website deployed on Netlify
-- Each of your links includes your name
+- You confirm you have completed Unit 2 of Khan Academy Computer Programming course: HTML/CSS Making Webpages
+- You have shared a link to your Invitation project on GitHub Pages
+- Your website link includes your name
 ```

org-cyf-itd/content/blocks/step-3/extend/index.md

@@ -2,7 +2,7 @@
 title ="Step 3: Extend Your Skills"
 description= "Build your first portfolio website"
 emoji= "💪🏾"
-time= 5
+time=0
 [build]
   render = 'never'
   list = 'local'
@@ -13,6 +13,7 @@ time= 5
 
 This optional step is just for you. You don't need to submit it. Next, build a website to show your skills and experience. It's a great way to show potential employers what you can do.
 
-{{<note type="tip" title="Portfolio">}}
 A site like this is called a portfolio. It's a collection of your work and skills. Start now and keep adding to it as you learn new things.
-{{</note>}}
+
+> [!TIP]
+> This four hour video course [Learn HTML: Full Tutorial for Beginners (2022)](https://www.youtube.com/watch?v=kUMe1FH4CHE) answers most of the common questions beginners have.

org-cyf-itd/content/blocks/step-3/instructions/index.md

@@ -1,35 +1,35 @@
 +++
-title ="Step 1: What to do"
-description= "Use AI software to make a customised CV for a particular job. Include important words related to the job so that employers can find this CV more easily."
+title ="Step 3: What to do"
+description= "Learn HTML and CSS fundamentals with Khan Academy"
 emoji= "🤖"
-time= 300
+time= 360
 [build]
   render = 'never'
   list = 'local'
   publishResources = false 
 +++
 
-This course teaches you HTML and CSS by helping you make five great projects. You'll also get to do over 75 coding tasks. You don't need to know anything about coding to start - it's good for complete beginners.
+<iframe width="560" height="315" src="https://www.youtube.com/embed/9i83JvV6Cdo?si=jkSSHxEfr1fiV3Bh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 
-1. Create an [account on Scrimba](https://v2.scrimba.com/home)
-1. Learn [what to do and what to avoid when taking the Scrimba course](https://docs.google.com/presentation/d/1Z10grrFWQcKeEb2iD84ljhq9vzLMPWL5ny6oaotpb8E/edit?usp=sharing)
-1. Go to the course: [Learn HTML and CSS](https://v2.scrimba.com/learn-html-and-css-c0p) on Scrimba
-1. Follow along and build the first five projects
-1. Make a public Google doc to collect the links to all your deployed projects on Netlify
-1. Add the links to your projects to your Google doc as you complete them
-1. Share the link to your Google doc on the CYF Course Platform when you have finished all five projects
+Learn HTML and CSS by completing Unit 2 of [Khan Academy](https://www.khanacademy.org)'s Computer Programming course. You don't need to know anything about coding to start - it's good for complete beginners. There are 9 lessons in Unit 2. The [video playlist](https://www.youtube.com/playlist?list=PLC51FJvpvRvyK3n1d-Kth7ldHO__Tpygr) is ~2 hours long, and the whole course will take 4-10 hours. This course is completely free.
 
-#### The 5 projects you will do are:
+1. Create an [account on Khan Academy](https://www.khanacademy.org/computing/computer-programming/html-css)
+1. Go to the course: [Computer Programming: Unit 2](https://www.khanacademy.org/computing/computer-programming/html-css) HTML/CSS Making webpages
+1. Follow along and build the projects.
+1. Deploy the Lesson 6 project "Event Invitation" to GitHub Pages and share the link in the submission form
 
-1. _Build and deploy your first website_: add your link to your doc, and move on to...
-1. _Build a Google.com clone_: add the link to your doc, and move on to...
-1. _Build a Digital Business_ card: add your link to your doc, and move on to...
-1. _Build a Space Exploration site_: add your link to your doc, and move on to...
-1. _Build a Birthday GIFt site_: add your link to your doc, and...
+#### The 4 projects you will do are:
 
-When you have finished all five projects, add the link to your Google doc to the CYF Course Platform to complete the step.
+1. Project: Travel webpage
+1. Project: Recipe book
+1. Project: Blog
+1. Project: Event invite
+
+#### The project you will deploy to GitHub Pages is:
+
+4. Project: [Event invite](https://www.khanacademy.org/computing/computer-programming/html-css/css-layout-properties/pp/project-event-invite)
 
 {{<blocklink
-  src="https://v2.scrimba.com/learn-html-and-css-c0p"
-  name="Learn HTML and CSS"
-  caption="Scrimba">}}
+  src="https://www.khanacademy.org/computing/computer-programming/html-css"
+  name="Computer Programming: Unit 2"
+  caption="Khan Academy">}}

org-cyf-itd/content/blocks/step-3/submission/index.md

@@ -13,13 +13,8 @@ time= 5
 
 You must submit a link to your work in the CYF Course platform
 
-1. You have completed all five projects on Scrimba
-1. You have deployed all five projects on Netlify
-1. You have created a public Google doc to collect the links to all your deployed projects
-1. You have shared the link to your Google doc on the CYF Course Platform
+1. Share a link to your Invitation project on GitHub Pages
 
 ### Personalise your URLs
 
-Before you share your links with your mentors, change your Netlify URL to include your name. You can use your first name or last name. To learn how to do this, follow this guide: [Modify your domain name on Netlify](https://www.makeuseof.com/netlify-free-domain-name-modify/).
-
-You'll share one document containing five links in total.
+Before you share your link with your mentors, set your Github Pages URL to include your name. You can use your first name or last name.

org-cyf-itd/content/steps/three/index.md

@@ -1,6 +1,6 @@
 +++
 title = 'Three'
-description = 'Build and deploy five websites to Netlify with Scrimba'
+description = 'Build four simple projects using HTML and CSS'
 layout = 'prep'
 emoji= '🚀'
 menu_level = ['module']