fix: figures in posts

Author: cssmagic

content/chapter-2/203.md

@@ -20,7 +20,7 @@ We highlighted the Copilot logo in the bottom right of figure 2.1 as you should
 
 > Figure 2.1 The VSCode Interface [3].
 
-![](chapter-2.files/chapter-29250.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/2.1.png)
 
 ### 2.3.1 Set up your working folder
 
@@ -36,12 +36,12 @@ Let’s check to see if we’ve set up everything properly and that Copilot is w
 
 > Figure 2.2 How to create a new file in VSCode.
 
-![](chapter-2.files/chapter-210805.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/2.2.png)
 
 
 > Figure 2.3 Select to create the New File as a Python File.
 
-![](chapter-2.files/chapter-210871.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/2.3.png)
 
 
 

content/chapter-2/205.md

@@ -37,7 +37,7 @@ To download the dataset, you will have to sign up for a Kaggle account. If you d
 
 > Figure 2.4 The first few columns and rows of the `nfl_offensive_stats.csv` dataset.
 
-![](chapter-2.files/chapter-223774.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/2.4.png)
 
 
 The `nfl_offensive_stats.csv` file is something known as a comma separated value text file (see figure 2.4 for a portion of the file). This is a pretty standard format for storing data. It has a header row at the top that explains what’s in every column. The way that we (or a computer) know the boundaries between columns is to use the commas between cells. Also notice that each row is placed on its own line.
@@ -298,7 +298,7 @@ When you run this command, you’ll see that a bunch of modules are installed, i
 > Figure 2.5 The plot produced by the code in listing 2.2.
 
 
-![](chapter-2.files/chapter-242745.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/2.5.png)
 
 In this bar graph, we see the y-axis is the number of passing yards and the x-axis is the player’s name. The players are sorted from the fewest yards (with a minimum of 4000) to most yards. Admittedly, it’s not perfect as it is missing a y-axis label and the names on the x-axis are cut off at the bottom, but this is pretty impressive given all we gave Copilot was a pretty short prompt. We could keep adding prompts to see if we can format the graph better, but we’ve already achieved the primary goals for this section which was to show you how powerful Copilot is at helping us write code and to get a feel for how to interact with Copilot.
 

content/chapter-3/301.md

@@ -13,7 +13,7 @@ Suppose that you’ve found a word search puzzle in the newspaper that you’d l
 > Figure 3.1 Example Wordsearch puzzle
 
 
-![](chapter-3.files/chapter-33098.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/3.1.png)
 
 At a high level, your task is “find all of the words in the word search”. Unfortunately, that description of the task isn’t helpful on its own. It doesn’t tell us what steps we need to carry out to solve the problem.
 

content/chapter-3/303.md

@@ -75,7 +75,7 @@ So, we’re back in `funct1`, on the line `print("")`. Printing an empty piece o
 > Figure 3.2 Flow of function execution in our example from listing 3.1.
 
 
-![](chapter-3.files/chapter-323209.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/3.2.png)
 
 That was a long example, but we provided it to help give you an idea of how functions execute and how programs consist of defining and calling functions. In any software you use, think about the specific tasks that it performs: the programmers probably wrote one or more functions for each one. The button in a text editor that changes the text to bold probably calls a function to change the text to bold. That function might change the editor’s internal idea of the text (the editor likely stores your text in a different format than how you view it) and then it might call another function that updates the user’s (your) view of the text.
 

content/chapter-3/305.md

@@ -18,7 +18,7 @@ Designing functions with Copilot involves the following cycle of steps (see figu
 
 > Figure 3.3 General editing cycle with Copilot. This assumes you define a reasonable function.
 
-![](chapter-3.files/chapter-332417.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/3.3.png)
 
 
 

content/chapter-3/306.md

@@ -57,7 +57,7 @@ This way, we can call the function as many times as we like without going throug
 > Figure 3.4 Running Python in an interactive session in the Terminal of VSCode. Note the \>>> at the bottom of the Terminal.
 
 
-![](chapter-3.files/chapter-338016.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/3.4.png)
 
 At the bottom of the resulting window, you will see three greater-than symbols >>>. This is called a _prompt_, and you’re allowed to type Python code here. (This _prompt_ has nothing to do with the kind of prompt that we use when interacting with Copilot.) It will show us the result of the code that we type right away, which is convenient and fast.
 
@@ -80,7 +80,7 @@ Is `20` correct? Well, we bought 10 shares, and each of them went up $2 (from $1
 
 > Figure 3.5 Calling the `money_made` function from Python prompt in the VSCode Terminal.
 
-![](chapter-3.files/chapter-339260.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/3.5.png)
 
 
 

content/chapter-4/402.md

@@ -16,7 +16,7 @@ For now, with the Copilot Labs extension installed, you can highlight some code
 > Figure 4.1 The Copilot Labs view in VSCode.
 
 
-![](chapter-4.files/chapter-48075.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.1.png)
 
 
 First, click on the Copilot Labs tab in your Activity Bar (on the left-hand side of VSCode) and you should see a window similar to figure 4.1.
@@ -27,21 +27,21 @@ Next, highlight all of the code for our `best_word` function as is highlighted i
 
 > Figure 4.2 The code from the `best_word` function highlighted in the editor.
 
-![](chapter-4.files/chapter-48299.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.2.png)
 
 After highlighting the code, you should now see the code appear in the left in the EXPLAIN feature as shown in figure 4.3
 
 > Figure 4.3 The code from the `best_word` function appearing in Copilot Labs.
 
 
-![](chapter-4.files/chapter-48572.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.3.png)
 
 
 Figure 4.4 shows the different prompts provided by Copilot that you can use to ask for code explanations. Each will generally yield different responses that vary in how specific they are and whether they produce fewer or more examples. We'll leave it at the default prompt of “Explain Code,” but if you like, you can try other prompts from the drop-down box (shown in figure 4.4). The current options are "Explain Code," "Code Does Following," "Code Does Following (English)," and "Show Example Code." There's also a "Custom" option that allows you to use whatever prompt you like.
 
 > Figure 4.4 The different options for explaining your code in Copilot Labs.
 
-![](chapter-4.files/chapter-48774.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.4.png)
 
 The last step is to click Ask Copilot (as shown as the bottom button in figure 4.3). You'll get an explanation of the code. As usual, Copilot is nondeterministic, so your results will likely differ from ours. In fact, if an explanation is confusing you, you might try clicking Ask Copilot again or changing the prompt to get a different explanation. As educators, this is the start of a dream come true, where students will be able to ask for as many explanations as they need to fully understand how code works.
 

content/chapter-4/403.md

@@ -16,14 +16,14 @@ Don’t hesitate to experiment! To get started, press Ctrl+Shift+P and type REPL
 
 
 
-![](chapter-4.files/chapter-412533.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.5.png)
 
 This will put you back at the same Python prompt as in Chapter 3 (as shown in figure 4.6), except with none of your functions loaded.
 
 
 > Figure 4.6 REPL running in VSCode.
 
-![](chapter-4.files/chapter-412573.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.6.png)
 
 
 Then we can start typing Python code. For example, type
@@ -356,7 +356,7 @@ Many Python types, including strings and lists, allow you to work with particula
 
 > Figure 4.7 List elements can be accessed through either positive or negative indexes.
 
-![](chapter-4.files/chapter-427708.png)
+![](https://raw.githubusercontent.com/cssmagic/Learn-AI-Assisted-Python-Programming/master/content/_figures/4.7.png)
 
 
 Let's practice indexing on the current books list: