From 55a5b807937a4be8d57153970d723bc31113b6d4 Mon Sep 17 00:00:00 2001
From: Damien George <damien.p.george@gmail.com>
Date: Thu, 25 Sep 2014 19:42:27 +0100
Subject: [PATCH] docs: Make images and youtube video links work for LCD and
 AMP docs.

Images are currently served from micropython.org/static.  I don't know
if there is a better way to handle images.
---
 docs/tutorial/amp_skin.rst | 17 ++++++++++++-----
 docs/tutorial/lcd_skin.rst | 13 ++++++++++---
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/docs/tutorial/amp_skin.rst b/docs/tutorial/amp_skin.rst
index 34531e6881..988bcc2bca 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 20f7543094..86f0be0aa9 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
 -------------