docs: Make images and youtube video links work for LCD and AMP docs.v1.3.2

Images are currently served from micropython.org/static.  I don't know
if there is a better way to handle images.

2 files changed, 22 insertions, 8 deletions

diff --git a/docs/tutorial/amp_skin.rst b/docs/tutorial/amp_skin.rst
index 34531e688..988bcc2bc 100644
--- a/docs/tutorial/amp_skin.rst
+++ b/docs/tutorial/amp_skin.rst
@@ -3,19 +3,26 @@ The AMP audio skin
 
 Soldering and using the AMP audio skin.
 
-[<img src="/static/doc/skin-amp-1.jpg" alt="AMP skin" style="width:250px; border:1px solid black; display:inline-block;"/>](/static/doc/skin-amp-1.jpg)
-[<img src="/static/doc/skin-amp-3.jpg" alt="AMP skin" style="width:250px; border:1px solid black; display:inline-block;"/>](/static/doc/skin-amp-3.jpg)
+.. image:: http://micropython.org/static/doc/skin-amp-1.jpg
+    :alt: AMP skin
+    :width: 250px
+
+.. image:: http://micropython.org/static/doc/skin-amp-3.jpg
+    :alt: AMP skin
+    :width: 250px
 
 The following video shows how to solder the headers, microphone and speaker onto the AMP skin.
 
-<iframe style="margin-left:3em;" width="560" height="315" src="//www.youtube.com/embed/fjB1DuZRveo?rel=0" frameborder="0" allowfullscreen></iframe>
+.. raw:: html
+
+    <iframe style="margin-left:3em;" width="560" height="315" src="http://www.youtube.com/embed/fjB1DuZRveo?rel=0" frameborder="0" allowfullscreen></iframe>
 
 Example code
 ------------
 
-The AMP skin has a speaker which is connected to DAC(1) via a small
+The AMP skin has a speaker which is connected to ``DAC(1)`` via a small
 power amplifier.  The volume of the amplifier is controlled by a digital
-potentiometer, which is an I2C device with address 46 on the IC2(1) bus.
+potentiometer, which is an I2C device with address 46 on the ``IC2(1)`` bus.
 
 To set the volume, define the following function::
 
diff --git a/docs/tutorial/lcd_skin.rst b/docs/tutorial/lcd_skin.rst
index 20f754309..86f0be0aa 100644
--- a/docs/tutorial/lcd_skin.rst
+++ b/docs/tutorial/lcd_skin.rst
@@ -3,13 +3,20 @@ The LCD and touch-sensor skin
 
 Soldering and using the LCD and touch-sensor skin.
 
-[<img src="/static/doc/skin-lcd-3.jpg" alt="pyboard with LCD skin" style="width:250px; border:1px solid black; display:inline-block;"/>](/static/doc/skin-lcd-3.jpg)
-[<img src="/static/doc/skin-lcd-1.jpg" alt="pyboard with LCD skin" style="width:250px; border:1px solid black; display:inline-block;"/>](/static/doc/skin-lcd-1.jpg)
+.. image:: http://micropython.org/static/doc/skin-lcd-3.jpg
+    :alt: pyboard with LCD skin
+    :width: 250px
+
+.. image:: http://micropython.org/static/doc/skin-lcd-1.jpg
+    :alt: pyboard with LCD skin
+    :width: 250px
 
 The following video shows how to solder the headers onto the LCD skin.
 At the end of the video, it shows you how to correctly connect the LCD skin to the pyboard.
 
-<iframe style="margin-left:3em;" width="560" height="315" src="//www.youtube.com/embed/PowCzdLYbFM?rel=0" frameborder="0" allowfullscreen></iframe>
+.. raw:: html
+
+    <iframe style="margin-left:3em;" width="560" height="315" src="http://www.youtube.com/embed/PowCzdLYbFM?rel=0" frameborder="0" allowfullscreen></iframe>
 
 Using the LCD
 -------------