Merge pull request #15 from callysto/Module_5

Module 5

Module_5/Module5_Unit1.ipynb

@@ -68,9 +68,8 @@
    "source": [
     "### How do I use Python in a Jupyter Notebook?\n",
     "\n",
-    "<p align=\"center\" width=\"100%\">\n",
-    "    <img width=\"50%\" src=\"../_images/M5_U1image.png\">\n",
-    "</p>\n",
+    "![M5_U1 image](../_images/M5_U1image.png)\n",
+    "\n",
     "\n",
     "As you saw in Module 3, the primary cell types available in a Jupyter notebook are Markdown - for word processing - and Coding - for Python programming. In order to start Python coding in a Jupyter notebook, or anywhere, it’s important to understand a bit of Python syntax and style rules. For Python syntax or lexicon the [Python Language Reference Guide](https://docs.python.org/3.6/reference/index.html) is the standard. For Python coding practices, in general, it is best to follow the coding practices of the Python community as closely as possible. The folks who've taken the time to develop them have thought much more than any of us about what makes Python code easier to read and PEP 8 (Python Enhancement Proposal) is considered the de-facto style guide of the Python community. A deeper dive into Python syntax and style is outside the scope of this course but we will touch on a few elements to help you get started.\n",
     "\n",
@@ -80,9 +79,8 @@
     "\n",
     "In this example, we have two cells—a markdown cell and a code cell. Neither cell has any content in it.\n",
     "\n",
-    "<p align=\"center\" width=\"100%\">\n",
-    "    <img width=\"70%\" src=\"../_images/M5_U1_code-cells-screenshot.png\">\n",
-    "</p>\n",
+    "![M5_U1 Code](../_images/M5_U1_code-cells-screenshot.png)\n",
+    "\n",
     "\n",
     "Do you notice the difference between the way the 2 cell types are displayed? The markdown cell appears as a simple grey box. The code cell is also a grey box, but it is preceded by In [  ]:\n",
     "\n",

Module_5/Module5_Unit3.ipynb

@@ -62,9 +62,7 @@
     "\n",
     "### External Activity: Drawing with Turtles! Build your first Turtle program\n",
     "\n",
-    "<p align=\"center\" width=\"100%\">\n",
-    "    <img width=\"50%\" src=\"../_images/M5_Unit3image.jpeg\">\n",
-    "</p>\n",
+    "![M5_Unit3image](../_images/M5_Unit3image.jpeg)\n",
     "\n",
     "\n",
     "Now let’s put some of these programming features to work drawing with turtles.  In these exercises, try and command the Turtle to draw the identified images by using the list of Turtle commands provided in the notebook. If you can do this easily, then try and move on and draw the more complex flower images. \n",

Module_5/Module5_Unit4.ipynb

@@ -24,9 +24,8 @@
     "### Literate Programming in Action\n",
     "Please note watching this video is important for understanding the next sections in this unit. \n",
     "\n",
-    "<p align=\"center\" width=\"100%\">\n",
-    "    <img width=\"70%\" src=\"../_images/m5_U4_Literate-programming-ex.png\">\n",
-    "</p>\n",
+    "![m5_U4_Literate-programming-ex](../_images/m5_U4_Literate-programming-ex.png)\n",
+    "\n",
     "\n",
     "Referring back to Module 3, the driving concept behind the Jupyter notebook is the idea of literate programming, where you can have plain text formatting and executable programming code adjacent to each other and interspersed in a single document. The idea is to have a word processor, spreadsheet and executable coding platform all in one document to help enable cohesive report generation, and to be better able to explain how the process of computational thinking is executed through code. \n",
     "\n",
@@ -37,7 +36,6 @@
    "cell_type": "markdown",
    "id": "170649f7-9a47-45ec-aebd-6fe042dd8ba5",
    "metadata": {
-    "jp-MarkdownHeadingCollapsed": true,
     "tags": []
    },
    "source": [
@@ -47,9 +45,8 @@
     "\n",
     "Here is an example of a simple Jupyter Notebook used to calculate the area of a circle. \n",
     "\n",
-    "<p align=\"center\" width=\"100%\">\n",
-    "    <img width=\"70%\" src=\"../_images/M5_U4_AreaOfACircle.png\">\n",
-    "</p>\n",
+    "\n",
+    "![M5_U4_AreaOfACircle](../_images/M5_U4_AreaOfACircle.png)\n",
     "\n",
     "\n",
     "It incorporates the following techniques that were addressed in Modules 3 and 5.\n",