updated python example IDE naming convention

DagaVedant · DagaVedant · commit 53e48cd625cd · 2026-06-10T17:48:25.000-04:00
diff --git a/Unit 1/lesson 1/data.js b/Unit 1/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A program is just a list of instructions the computer follows from top to bottom. print() is how you make Python show something on the screen. A comment is a note you write for yourself. In Python, a comment is written using a #.",
 
     code: {
-        filename: "lesson_1_1.py",
+        filename: "Unit_1_Lesson_1.py",
         lines: [
             `# This is my first program`,
             `print("Hello, world!")`,
diff --git a/Unit 1/lesson 2/data.js b/Unit 1/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "You can pass several things to print() separated by commas and it will put a space between them automatically. If you need a quote character inside your text, you can mix single and double quotes. A backslash lets you add special characters like a new line.",
 
     code: {
-        filename: "lesson_1_2.py",
+        filename: "Unit_1_Lesson_2.py",
         lines: [
             `# Printing multiple values at once`,
             `print("Score:", 10, "points")`,
diff --git a/Unit 1/lesson 3/data.js b/Unit 1/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "a variable is like a container that can hold a value. Instead of writing the same value over and over again, you can store it inside a variable and use it by calling the variable's name. This makes your code easier to read and maintain. You can also update the value of the variable whenever you need to.",
 
     code: {
-        filename: "lesson_1_3.py",
+        filename: "Unit_1_Lesson_3.py",
         lines: [
             `# Store values in variables`,
             `player = "Messi"`,
diff --git a/Unit 1/lesson 4/data.js b/Unit 1/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "input() pauses the program and waits for the user to type something. Whatever they type comes back as text, which you can store in a variable and use later. The string you put inside input() is the prompt.",
 
     code: {
-        filename: "lesson_1_4.py",
+        filename: "Unit_1_Lesson_4.py",
         lines: [
             `# Ask the user for their name`,
             `name = input("What is your name? ")`,
diff --git a/Unit 1/lesson 5/data.js b/Unit 1/lesson 5/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Every value in Python has a type. Text is a string (str), whole numbers are integers (int), and decimal numbers are floats (float). Because input() always returns a string, you have to convert it before you can do math, or otherwise known as casting.",
 
     code: {
-        filename: "lesson_1_5.py",
+        filename: "Unit_1_Lesson_5.py",
         lines: [
             `# input() gives back a string, so we cast it to do math`,
             `age_text = input("How old are you? ")`,
diff --git a/Unit 2/lesson 1/data.js b/Unit 2/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Python works like a calculator. You can write math expressions directly in your code and Python will compute them. The order of operations is the same as in maths class (PEMDAS): Parentheses, Exponents, Multiplication and Division (left to right), Addition and Subtraction (left to right).",
 
     code: {
-        filename: "lesson_2_1.py",
+        filename: "Unit_2_Lesson_1.py",
         lines: [
             `# Basic arithmetic`,
             `print(10 + 3)`,
diff --git a/Unit 2/lesson 2/data.js b/Unit 2/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Python has three division operators. A single slash / always gives you a decimal answer. A double slash // throws away the decimal and gives you only the whole number. The percent sign % gives you what is left over after dividing (the remainder or modulus).",
 
     code: {
-        filename: "lesson_2_2.py",
+        filename: "Unit_2_Lesson_2.py",
         lines: [
             `# Regular division always gives a float`,
             `print(7 / 2)`,
diff --git a/Unit 2/lesson 3/data.js b/Unit 2/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Every value that comes back from input() is a string. That means you cannot do math with it until you convert it. Wrap it in int() for whole numbers or float() for decimals. Once you have real numbers you can use them in any calculation you like.",
 
     code: {
-        filename: "lesson_2_3.py",
+        filename: "Unit_2_Lesson_3.py",
         lines: [
             `# Get numbers from the user and do maths`,
             `price = float(input("Price per item: "))`,
diff --git a/Unit 2/lesson 4/data.js b/Unit 2/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Python comes with a math library full of useful tools that are not available by default. You unlock them by writing import math at the top of your program. After that you can call any of the library's functions using math.function_name(). Think of it like opening a maths toolbox that was sitting in a drawer.",
 
     code: {
-        filename: "lesson_2_4.py",
+        filename: "Unit_2_Lesson_4.py",
         lines: [
             `import math`,
             ``,
diff --git a/Unit 3/lesson 1/data.js b/Unit 3/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A comparison is a question with a yes or no answer. Python answers it with either True or False (also called Booleans). You can compare numbers, strings, or variables. Comparisons are neccesary for decision making in a program.",
  
     code: {
-        filename: "lesson_3_1.py",
+        filename: "Unit_3_Lesson_1.py",
         lines: [
             `# Comparing numbers`,
             `print(5 > 3)`,
diff --git a/Unit 3/lesson 2/data.js b/Unit 3/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "An if statement runs a block of code only when a condition is True. If the condition is False, Python skips that block and runs the else block instead. The indented lines underneath if or else are the code that is being excuted when that conditon is true.",
  
     code: {
-        filename: "lesson_3_2.py",
+        filename: "Unit_3_Lesson_1.py",
         lines: [
             `age = int(input("How old are you? "))`,
             ``,
diff --git a/Unit 3/lesson 3/data.js b/Unit 3/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "elif stands for 'else if'. It lets you check a second condition when the first one was False, then a third, and so on. Python works through each branch from top to bottom and runs the first one that is True.",
  
     code: {
-        filename: "lesson_3_3.py",
+        filename: "Unit_3_Lesson_3.py",
         lines: [
             `score = int(input("Enter your score: "))`,
             ``,
diff --git a/Unit 3/lesson 4/data.js b/Unit 3/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Sometimes one condition is not enough. You can join multiple comparisons together with and, or, and not. With and, every condition must be True. With or, only one has to be True. With not, you reverse whatever comes after it.",
 
     code: {
-        filename: "lesson_3_4.py",
+        filename: "Unit_3_Lesson_4.py",
         lines: [
             `age    = int(input("Age: "))`,
             `height = int(input("Height in cm: "))`,
diff --git a/Unit 4/lesson 1/data.js b/Unit 4/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A for loop runs a block of code once for each item in a sequence. Each time through the loop, the loop variable holds the current item. This lets you repeat the same action over and over.",
 
     code: {
-        filename: "lesson_4_1.py",
+        filename: "Unit_4_Lesson_1.py",
         lines: [
             `# Print numbers 1 to 5`,
             `for i in range(1, 6):`,
diff --git a/Unit 4/lesson 2/data.js b/Unit 4/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "range() can take up to three arguments: where to start, where to stop, and how much to step each time. A step of 2 skips every other number. A negative step counts backwards. The stop value is never included in the sequence.",
 
     code: {
-        filename: "lesson_4_2.py",
+        filename: "Unit_4_Lesson_2.py",
         lines: [
             `# Count up by 2`,
             `for n in range(0, 11, 2):`,
diff --git a/Unit 4/lesson 3/data.js b/Unit 4/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A while loop keeps going as long as its condition is True. Unlike a for loop, you don't tell it how many times to run, it keeps running this a condition is True. IMPORTANT: You must make sure something inside the loop eventually makes the condition False, otherwise it runs forever.",
 
     code: {
-        filename: "lesson_4_3.py",
+        filename: "Unit_4_Lesson_3.py",
         lines: [
             `# Countdown with while`,
             `count = 5`,
diff --git a/Unit 4/lesson 4/data.js b/Unit 4/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Loops and decisions are extremly useful when you combine them. You can check a condition on every value the loop visits, and count the ones that match and skip the ones that don't, or stop the loop when you find what you need using `break`.",
 
     code: {
-        filename: "lesson_4_4.py",
+        filename: "Unit_4_Lesson_4.py",
         lines: [
             `# Count even numbers from 1 to 20`,
             `count = 0`,
diff --git a/Unit 5/lesson 1/data.js b/Unit 5/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A function is a named block of code that you define once and can run as many times as you like just by calling its name. This keeps your code organised and avoids copying the same lines over and over. Everything inside the function must be indented.",
 
     code: {
-        filename: "lesson_5_1.py",
+        filename: "Unit_5_Lesson_1.py",
         lines: [
             `# Define a function`,
             `def greet():`,
diff --git a/Unit 5/lesson 2/data.js b/Unit 5/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A parameter is a variable you list inside the brackets of def. An argument is the actual value you pass in when you call the function. Parameters let you write one function that works for many different inputs rather than writing a separate function for each case.",
 
     code: {
-        filename: "lesson_5_2.py",
+        filename: "Unit_5_Lesson_2.py",
         lines: [
             `# One parameter`,
             `def greet(name):`,
diff --git a/Unit 5/lesson 3/data.js b/Unit 5/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "return sends a value back to whoever called the function. This is much more flexible than just printing inside the function, because you can store the result, use it in a calculation, or pass it to another function. Once Python hits a return statement it exits the function immediately.",
 
     code: {
-        filename: "lesson_5_3.py",
+        filename: "Unit_5_Lesson_3.py",
         lines: [
             `def add(a, b):`,
             `    return a + b`,
diff --git a/Unit 5/lesson 4/data.js b/Unit 5/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Good programs are built from small functions that each do exactly one thing. When something goes wrong it is easy to find the broken function. When you want to reuse a piece of logic you just call the function again. One function can call another, building up complex behaviour from simple pieces.",
 
     code: {
-        filename: "lesson_5_4.py",
+        filename: "Unit_5_Lesson_4.py",
         lines: [
             `def get_name():`,
             `    return input("Enter your name: ")`,
diff --git a/Unit 6/lesson 1/data.js b/Unit 6/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A list stores many values in order inside one variable. You reach each item using its index (its position in the list). Python counts positions starting from 0, so the first item is at index 0, the second at index 1, and so on. You can also use negative indexes to count from the end.",
 
     code: {
-        filename: "lesson_6_1.py",
+        filename: "Unit_6_Lesson_1.py",
         lines: [
             `# Creating a list`,
             `fruits = ["apple", "banana", "cherry"]`,
diff --git a/Unit 6/lesson 2/data.js b/Unit 6/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Lists are mutable, which means you can change them after you create them. append() adds a new item to the end. pop() removes the last item (or the item at a given index). remove() searches for a value and removes the first match. len() tells you how many items are in the list.",
 
     code: {
-        filename: "lesson_6_2.py",
+        filename: "Unit_6_Lesson_2.py",
         lines: [
             `tasks = ["buy milk", "do homework"]`,
             ``,
diff --git a/Unit 6/lesson 3/data.js b/Unit 6/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A for loop can go through every item in a list one by one. Each time through the loop, the loop variable holds the current item. This lets you process an entire list with just a few lines by adding everything up, comparing items, or printing each one with extra formatting.",
 
     code: {
-        filename: "lesson_6_3.py",
+        filename: "Unit_6_Lesson_3.py",
         lines: [
             `scores = [72, 88, 91, 65, 79]`,
             ``,
diff --git a/Unit 6/lesson 4/data.js b/Unit 6/lesson 4/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "Python lists come with built-in methods that handle common tasks. sort() rearranges items in order. reverse() flips the list. in checks whether a value exists anywhere in the list without needing a loop. count() tells you how many times a value appears. index() gives you the position of the first match.",
 
     code: {
-        filename: "lesson_6_4.py",
+        filename: "Unit_6_Lesson_4.py",
         lines: [
             `numbers = [4, 1, 9, 2, 7, 3]`,
             ``,
diff --git a/Unit 7/lesson 1/data.js b/Unit 7/lesson 1/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "A 2D list is just a list where every item is itself another list. You can think of it as a table, where the outer list holds the rows, and each inner list holds the values in that row. This is perfect for grids, game boards, spreadsheets, or any data that naturally has rows and columns.",
 
     code: {
-        filename: "lesson_7_1.py",
+        filename: "Unit_7_Lesson_1.py",
         lines: [
             `# A 2D list as a grid`,
             `grid = [`,
diff --git a/Unit 7/lesson 2/data.js b/Unit 7/lesson 2/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "To get to a single cell you use two indexes in a row: the first picks the row, the second picks the position within that row. grid[1][2] means row 1, column 2. You can use the same syntax on the left of an = sign to change a value.",
 
     code: {
-        filename: "lesson_7_2.py",
+        filename: "Unit_7_Lesson_2.py",
         lines: [
             `grid = [`,
             `    [1, 2, 3],`,
diff --git a/Unit 7/lesson 3/data.js b/Unit 7/lesson 3/data.js
@@ -17,7 +17,7 @@ export default {
     idea: "To visit every cell in a 2D list you need two loops nested inside each other. The outer loop picks each row one at a time. The inner loop then goes through every item in that row. Together they reach every single cell like reading a table left to right and up to down.",
 
     code: {
-        filename: "lesson_7_3.py",
+        filename: "Unit_7_Lesson_3.py",
         lines: [
             `grid = [`,
             `    [1, 2, 3],`,
diff --git a/lesson.html b/lesson.html
@@ -327,6 +327,84 @@
 
 .output-error { color: #f87171 !important; }
 
+[data-theme="light"] .code-wrap,
+[data-theme="light"] .practice-editor-wrap { background: #f8fafc; }
+[data-theme="light"] .code-header          { border-bottom-color: #d0d7de; }
+[data-theme="light"] .output-box,
+[data-theme="light"] .practice-output-box  { background: #f0f4f8; border-top-color: #d0d7de; }
+[data-theme="light"] .output-label         { color: var(--text3); }
+[data-theme="light"] .output-line          { color: #166534; }
+[data-theme="light"] .code-filename        { color: var(--text3); }
+[data-theme="light"] .copy-btn             { color: var(--text3); background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.12); }
+[data-theme="light"] .run-btn              { color: #166534; background: rgba(22,101,52,.08); border-color: rgba(22,101,52,.2); }
+
+.practice-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: .6rem;
+}
+
+.practice-toggle-btn {
+  align-self: flex-start;
+  font-size: 12px;
+  color: var(--blue-tx);
+  background: var(--blue-lt);
+  border: 1px solid var(--blue-md);
+  border-radius: 5px;
+  padding: 3px 10px;
+  cursor: pointer;
+  font-family: 'DM Sans', sans-serif;
+  transition: background .15s;
+}
+.practice-toggle-btn:hover { opacity: .8; }
+
+.practice-editor-wrap {
+  display: none;
+  background: var(--code);
+  border-radius: var(--r);
+  overflow: hidden;
+}
+
+.practice-ide-footer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: .5rem .8rem;
+  border-top: 1px solid var(--code-sep);
+  background: var(--code);
+}
+
+.practice-save-btn {
+  font-size: 12px;
+  color: var(--ccm);
+  background: rgba(255,255,255,.06);
+  border: 1px solid rgba(255,255,255,.12);
+  border-radius: 5px;
+  padding: 3px 10px;
+  cursor: pointer;
+  font-family: 'DM Sans', sans-serif;
+  transition: background .15s;
+}
+.practice-save-btn:hover { background: rgba(255,255,255,.13); color: #cdd6f4; }
+.practice-save-btn:disabled { opacity: .5; cursor: default; }
+
+.practice-save-status {
+  font-size: 11px;
+  color: var(--ccm);
+  font-family: 'DM Mono', monospace;
+}
+
+.practice-output-box {
+  background: var(--code-out);
+  border-top: 1px solid var(--code-sep);
+  padding: .75rem 1.2rem;
+}
+
+[data-theme="light"] .practice-ide-footer { background: #f0f4f8; border-top-color: #d0d7de; }
+[data-theme="light"] .practice-save-btn   { color: var(--text3); background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.12); }
+[data-theme="light"] .practice-save-status { color: var(--text3); }
+
 .code-body .cm-editor {
   font-size: 13.5px;
   background: #1e1e2e;
