Python Den levels page

[lauracumming]

Task Description

We would like to build the page for the Python Den levels - it will replicate Rapid Router levels page. In order to complete this task, the Python levels will be separated from RR, and the new mapping will be applied throughout. There will be levels that need remapping, and button with links to videos and resources.

Acceptance Criteria

• Remove Python levels from Rapid Router levels page
• Add Python levels to Python Hub levels page

Analytics Requirements

• Track page views through GA (docs: update readme, remove docker files and references #1178)
• Track button clicks through tag manager (docs: update readme, remove docker files and references #1178)

Copywrite Requirements

• Copy for page is here

Note: There are different views for different users

[evemartin]

Important links:

• Figma designs https://www.figma.com/design/9pMg7hFzK5YkjcnmwZsFl1/Portal-UI?node-id=182-2184&t=VWyykF7x3I4EB9kB-0
• Level mapping layout https://docs.google.com/document/d/1y_HvqeOQ9gY4IABN47XEYjNSDwNqWVlZm02psUtibMA/edit
• Design components https://www.figma.com/design/YKyygZLaS9LipvkyahRFxW/Design-system?node-id=1836-1252&t=ERfZuF92CrbmCHgh-0

[lauracumming]

Updated designs for high level build

[lauracumming]

[lauracumming]

Levels page - student

[lauracumming]

[evemartin]

@lauracumming the String Manipulation episode doesn't have any traditional numbered levels in it but the Indeterminate Loops episode right before it does - when the user finishes the last level in the Indeterminate Loops episode, should they be able to go straight to the next level, skipping the String Manipulation episode entirely, or should they get some kind of other prompt to go back to the main levels page instead?

[lauracumming]

Good question. It's tricky without the embedded text editor. Maybe go back to levels page and it opens the relevant section? Does that make sense?

[lauracumming]

Then they have the option to either open the worksheet or skip?

[evemartin]

Handover notes: there are just a few things left to do for this task!

• there are still some resource links missing - right now these are marked with "TODO"
• some parts of the PR can be optimised - some repeated bits of code in python_den_level_selection.html could be extracted into a custom HTML element, and there's one hardcoded worksheet/IDE level (at the end of the "Counted Loops Using While" episode that might be better if not hardcoded
• we still need to add the functionality Laura mentioned above: when the user gets to the end of an episode that's followed by an episode with no levels, they should get directed back to the main level selection page instead of the next level (since that would skip over the next episode with no levels)

[lauracumming]

Couldn't see these when I clicked to continue. I wasn't logged in - is this an edge case that we need different messaging for?

[lauracumming]

LGTM (apart from 'next level')

[lauracumming]

Broken link in Procedures episode

[faucomte97]

@lauracumming Can be updated in admin panel

[faucomte97]

But actually since it's not fully deployed yet we should fix it in the initial migration

[faucomte97]

@lauracumming @evemartin correct me if I'm wrong but it doesn't look like we have a worksheet for that?

[lauracumming]

Ah let me take a look. It may have not saved

[lauracumming]

This is the list for the episodes

[lauracumming]

Why is the banner a different depth to RR levels page? Do you need a new image?

[faucomte97]

Depth? You mean height? @evemartin

[evemartin]

Oh yes, I think it's just the dimensions of the image - if you have another image for one of the headers that matches the other image's dimensions I can update! @lauracumming

[lauracumming]

LGTM, apart from I just noticed the styling for the inactive button isn't consistent with the newsletter button.