Replace blocks with personal home page step (#1237)

* replace scrimba with khan academy

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

* tweak step 0 to be less police state

* add php and bump everything else over

* formatting

* times are still weird

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

@@ -15,8 +15,7 @@ Here is the criteria you need to meet:
 
 ```objectives
 - You have joined the CodeYourFuture ITD Slack
-- You have added a profile picture to your Slack profile
-- You have used your real name on your Slack profile
+- You have used the same name on the Slack as you have on this platform so we can tell who you are
 - You have introduced yourself on the #introduce-yourself-to-codeyourfuture channel
 - You have taken a screenshot of your introduction on the channel
 - You have uploaded the screenshot to this platform

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

@@ -13,7 +13,7 @@ time= 30
 
 We have an environment in which you can ask for help and build your local community. Slack helps us have asynchronous conversations with our community. It is used by most tech teams.
 
-Please use your real name on Slack and add a consistent profile picture. We ask this so we can recognise each other.
+Please use a consistent professional name on Slack and add a consistent profile picture. We ask this so we can recognise each other. You don't have to share any information you are not comfortable with.
 
 1. Accept this invite _(invite available in Learner view on CYF Platform, not on this public copy)_ to our Introduction to Digital Slack
 2. [Read the Slack tutorial](https://slack.com/intl/en-gb/help/articles/360059928654-How-to-use-Slack--your-quick-start-guide) to get started on Slack

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

@@ -11,6 +11,6 @@ time= 5
 
 ### Submission
 
-You must do this in CYF Course platform
+You must do this in the [CYF Course platform](https://application-process.codeyourfuture.io/)
 
 1. Upload the screenshot of your introduction on Slack

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

@@ -11,7 +11,7 @@ time= 5
 
 ### Submission
 
-You must do this in the CYF Course platform
+You must do this in the [CYF Course platform](https://application-process.codeyourfuture.io/)
 
 1. Upload the document containing the cover letter to this site
 2. Add a comment with at least one comment (positive or negative) on the AI’s work

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

@@ -11,7 +11,7 @@ time= 5
 
 ### Submission
 
-You must do this in CYF Course platform
+You must do this in the [CYF Course platform](https://application-process.codeyourfuture.io)
 
 1. Share a link to the spreadsheet you made
 

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

@@ -11,10 +11,11 @@ time= 5
 
 ### Submission
 
-You must submit a link to your work in the CYF Course platform
+You must submit a link to your work in the [CYF Course platform](https://application-process.codeyourfuture.io)
 
-1. Share a link to your Invitation project on GitHub Pages
+1. Share a link to your Invitation project on [GitHub Pages](https://pages.github.com/)
 
 ### Personalise your URLs
 
-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.
+Before you share your link, set your [Github](https://github.com/) Pages URL to include your name, so we can tell who you are. You can use your first name or last name.
+

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

@@ -0,0 +1,22 @@
++++
+title ="Step 4: How to check your work"
+description= "How to check your work"
+emoji= "🤖"
+time= 5
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+You will be asking for code review feedback on this project in the CYF Slack workspace, so make sure you have joined. Please make sure you check back to review your feedback. You will need to take this feedback and implement it to complete this step.
+
+Here is the criteria you need to meet:
+
+```objectives
+- You have built a website by yourself
+- Your website expresses something personal about your home town or a place you like
+- You have asked for code review in the ITD Slack workspace
+- You have made changes based on the feedback you received
+- You have deployed your site to Netlify and shared the link here
+```

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

@@ -0,0 +1,18 @@
++++
+title ="Step 1: Extend Your Skills"
+description= "Help someone else in the ITD Slack by giving them a code review"
+emoji= "🤖"
+time= 60
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+#### Use your new skill in real life:
+
+This step is just for you. You don't need to submit it. Next, help someone else in the ITD Slack by giving them a code review.
+
+{{<note type="tip" title="Code Review">}}
+A code review is when you look at someone else's code and give them feedback. It's a great way to learn from each other and improve your skills.
+{{</note>}}

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

@@ -0,0 +1,42 @@
++++
+title ="Step 4: What to do"
+description= "Complete the final project in Scrimba: Solo Project: Hometown Homepage"
+emoji= "🤖"
+time= 240
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+Complete the final project in Scrimba: [Solo Project: Hometown Homepage](https://v2.scrimba.com/learn-html-and-css-c0p/).
+
+Ask for a code review in the CYF Slack workspace. Make sure you check back to review your feedback. You will need to take this feedback and implement it to complete this step.
+
+{{<note type="tip" title="Get your code reviewed in the CYF Slack">}}
+_You should not pay for a pro account on Scrimba._ As a CYF learner, you are eligible to ask for code review in the CYF Slack.
+{{</note>}}
+
+Use this template:
+
+```markdown
+Code Review Request
+
+Hello. I have completed Step 3 of Intro to Digital. I would be grateful if someone could review my code.
+
+Link to my project on GitHub : URL
+Link to my project on Netlify : URL
+```
+
+#### Rules
+
+This is all about you, so be as creative as you like! We know that people who do well on our courses show creativity, curiosity, persistence, and rigour. That’s what we’re looking for from you in this project.
+
+{{<note type="tip" title="Skip the paywalled video">}}
+You do not need to watch the subscriber-only video titled "Solo Project: Hometown Homepage" at Scrimba. You can design your Hometown Homepage freely.
+{{</note>}}
+
+{{<blocklink
+  src="https://v2.scrimba.com/learn-html-and-css-c0p"
+  name="Learn HTML and CSS"
+  caption="Scrimba">}}

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

@@ -0,0 +1,22 @@
++++
+title ="Step 1: How to show us"
+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."
+emoji= "📩"
+time= 5
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+### Submission
+
+You must do this in CYF Course platform
+
+1. Share a link to your Hometown Homepage deployed on Netlify
+
+### Personalise your URLs
+
+Before you share your link 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/).
+
+Once you have personalised it, share the website link in the CYF course platform.

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

@@ -2,21 +2,30 @@
 title ="Step 4: How to check your work"
 description= "How to check your work"
 emoji= "🤖"
-time= 5
+time= 20
 [build]
   render = 'never'
   list = 'local'
   publishResources = false 
 +++
 
-You will be asking for code review feedback on this project in the CYF Slack workspace, so make sure you have joined. Please make sure you check back to review your feedback. You will need to take this feedback and implement it to complete this step.
+We have written this criteria in a special format called _Given/When/Then_ . It is called a "specification".
 
-Here is the criteria you need to meet:
+Here are the acceptance criteria for your project:
 
-```objectives
-- You have built a website by yourself
-- Your website expresses something personal about your home town or a place you like
-- You have asked for code review in the ITD Slack workspace
-- You have made changes based on the feedback you received
-- You have deployed your site to Netlify and shared the link here
-```
+### Given a personal home page
+
+**When** I look in the test console  
+_Then_ all 10 tests are passing
+
+**When** I read the content  
+_Then_ I learn something about you
+
+**When** I view the page  
+_Then_ the design is unique
+
+**When** I [validate the HTML](https://validator.w3.org/#validate_by_input+with_options)  
+_Then_ the HTML is valid
+
+> [!TIP]
+> Your work is not judged on aesthetics in this project. We are interested in code correctness and specification compliance.

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

@@ -1,6 +1,6 @@
 +++
-title ="Step 1: Extend Your Skills"
-description= "Help someone else in the ITD Slack by giving them a code review"
+title ="Step 4: Extend Your Skills"
+description= "Deploy your personal home page to GitHub Pages"
 emoji= "🤖"
 time= 60
 [build]
@@ -11,8 +11,4 @@ time= 60
 
 #### Use your new skill in real life:
 
-This step is just for you. You don't need to submit it. Next, help someone else in the ITD Slack by giving them a code review.
-
-{{<note type="tip" title="Code Review">}}
-A code review is when you look at someone else's code and give them feedback. It's a great way to learn from each other and improve your skills.
-{{</note>}}
+This step is just for you. You don't need to submit it. Next, deploy your personal home page to GitHub Pages, using what you learned in Khan Academy.

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

@@ -1,6 +1,6 @@
 +++
 title ="Step 4: What to do"
-description= "Complete the final project in Scrimba: Solo Project: Hometown Homepage"
+description= "Build a personal home page with CodePen"
 emoji= "🤖"
 time= 240
 [build]
@@ -9,34 +9,19 @@ time= 240
   publishResources = false 
 +++
 
-Complete the final project in Scrimba: [Solo Project: Hometown Homepage](https://v2.scrimba.com/learn-html-and-css-c0p/).
+You must now build your own home page, and get all of the tests to pass. Give it your own personal touch. We know that people who do well on our courses show **creativity**, **curiosity**, **persistence**, and **rigour**. That’s what we’re looking for from you in this project.
 
-Ask for a code review in the CYF Slack workspace. Make sure you check back to review your feedback. You will need to take this feedback and implement it to complete this step.
+1. Make a free account on [Codepen](https://codepen.io/)
+2. [Fork](https://blog.codepen.io/documentation/forks/) the CYF starter page[ Personal Home Page Template ](https://codepen.io/IntroToTech/pen/PomeEod)
+3. Read the instructions in the code panels and edit the code to meet all the criteria you discover
 
-{{<note type="tip" title="Get your code reviewed in the CYF Slack">}}
-_You should not pay for a pro account on Scrimba._ As a CYF learner, you are eligible to ask for code review in the CYF Slack.
-{{</note>}}
+Use HTML and CSS to complete this project. Codepen has options to use extensions like SASS and Pug and feel free to use those if you want!
 
-Use this template:
+> [!TIP]
+> Make sure you’re [logged in to Codepen](https://codepen.io/your-work) when you [fork](https://blog.codepen.io/documentation/forks/) so your work is saved.
 
-```markdown
-Code Review Request
+### Advice
 
-Hello. I have completed Step 3 of Intro to Digital. I would be grateful if someone could review my code.
+**Use and read the tests** to discover the other 10 requirements. Build, test, and improve your code progressively. The tests are written in the Javascript window in Codepen for you to see, and there’s a readout in the main view showing the results. Don’t worry that you don’t understand the brackets and arrows, **read the words**. The tests will rerun every time you make a change in your code.
 
-Link to my project on GitHub : URL
-Link to my project on Netlify : URL
-```
-
-#### Rules
-
-This is all about you, so be as creative as you like! We know that people who do well on our courses show creativity, curiosity, persistence, and rigour. That’s what we’re looking for from you in this project.
-
-{{<note type="tip" title="Skip the paywalled video">}}
-You do not need to watch the subscriber-only video titled "Solo Project: Hometown Homepage" at Scrimba. You can design your Hometown Homepage freely.
-{{</note>}}
-
-{{<blocklink
-  src="https://v2.scrimba.com/learn-html-and-css-c0p"
-  name="Learn HTML and CSS"
-  caption="Scrimba">}}
+Once you're done, submit the URL of your working project with all its tests passing, to the dashboard.

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

@@ -11,12 +11,6 @@ time= 5
 
 ### Submission
 
-You must do this in CYF Course platform
+You must do this in the [CYF Course platform](https://application-process.codeyourfuture.io/)
 
-1. Share a link to your Hometown Homepage deployed on Netlify
-
-### Personalise your URLs
-
-Before you share your link 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/).
-
-Once you have personalised it, share the website link in the CYF course platform.
+1. Share a link to your personal homepage on CodePen with all the tests passing

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

@@ -0,0 +1,22 @@
++++
+title ="Step 5: How to check your work"
+description= "How to check you have completed the step"
+emoji= "🤖"
+time= 5
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+A volunteer will review your submission and check it meets the acceptance criteria. They will give you feedback on your submission and help you make any changes to meet the criteria.
+
+Here is the criteria you need to meet:
+
+```objectives
+- You have completed the first 16 lessons in CYF Blocks
+- You have completed at least one project from lessons 17-23 in CYF Blocks
+- You have shared a CYF Blocks sharelink to your project
+- You have used what you learned to add a dynamic feature to your Hometown Homepage
+- You have shared a link to your new Hometown Homepage version with the dynamic feature
+```

org-cyf-itd/content/blocks/step-6/extend/index.md → org-cyf-itd/content/blocks/step-5-blocks/extend/index.md

@@ -1,6 +1,6 @@
 +++
 title ="Step 1: Extend Your Skills"
-description= "Explore and develop professional English speaking and writing"
+description= "Explore more concepts in CYF Blocks"
 emoji= "💪🏾"
 time= 5
 [build]
@@ -11,7 +11,7 @@ time= 5
 
 #### Use your new skill in real life:
 
-This optional step is just for you. You don't need to submit it. Next, complete the lessons in [BBC Learning English: Office English](https://www.bbc.co.uk/learningenglish/english/business-english).
+This optional step is just for you. You don't need to submit it. Next, complete more of the projects in CYF Blocks, and write down your definitions of each of the terms listed on the home page.
 
 {{<note type="tip" title="Do the stretch">}}
 We know that people who do well on our courses make sure they are secure in their understanding before they move on.

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

@@ -0,0 +1,29 @@
++++
+title ="Step 1: What to do"
+description= "Use block programming to produce real web code"
+emoji= "🤖"
+time= 360
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+1. Go to the [CYF Blocks](https://blocks.codeyourfuture.io/#introduction) page:
+1. Read the [instructions](https://blocks.codeyourfuture.io/#introduction)
+1. Complete lessons 1 through 16
+1. Build at least one project
+1. Use what you learned to improve your Hometown Homepage. Add at least one dynamic element to your page. For example, you could add a menu that opens when you click a button, or a counter that adds stars to your page.
+1. Make a Google docs document with a link to your improved Hometown Homepage and a CYF Blocks sharelink from a project you have completed.
+
+> [!TIP]
+> Use [the examples section](https://blocks.codeyourfuture.io/examples#understanding_cyf_blocks_interface) to help you understand how to use blocks.
+
+1. Share _one_ project. For example, once you have completed* Project: Build an image carousel*, press the [Share] button and paste the very very long URL in here. The URL will begin with `https://blocks.codeyourfuture.io/share.html?v=`
+
+2. The **goal** is to use the generated code to add a {{<tooltip title="dynamic feature">}}A dynamic feature means the website changes with some input or interaction.{{</tooltip>}} to your own project. Copy paste your block-generated code into a single `.js` file and add it, with the html and css, to your Hometown Homepage project. Share the link to your improved website.
+
+{{<blocklink
+  src="https://blocks.codeyourfuture.io/#introduction"
+  name="CYF Blocks"
+  caption="Code Your Future">}}

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

@@ -0,0 +1,21 @@
++++
+title ="Step 1: How to show us"
+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."
+emoji= "🤖"
+time= 5
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false 
++++
+
+### Submission
+
+Make a public Google Doc. Add a link to your revised Hometown Homepage. Add a CYF blocks sharelink from a project you have completed. Share the link to your Google Doc on the CYF Course Platform.
+
+### Checklist
+
+- [ ] I have made a public Google Doc.
+- [ ] I have added a link to my revised Hometown Homepage.
+- [ ] I have added a CYF blocks sharelink.
+- [ ] I have shared the link to my Google Doc on the CYF Course Platform.