docs: updating img to MD format (#48)

* Resize images

* Change img to MD format

* Update version

* Resize img
[skip ci]

* Resize img
[skip ci]

* Revert "Resize img"

This reverts commit 5741552.

* Skip ci
[skip ci]

* update changelog
[skip ci]

Co-authored-by: Sindharta Tanuwijaya <[email protected]>

Author: sindharta

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## [0.0.2-preview.3] - 2020-03-16
+* docs: Updating img tag to MD
+
 ## [0.0.2-preview.2] - 2020-03-05
 
 * feat: Fader imporvements. Reverse FadeOut and FadeIn, and a color to highlight FaderPlayableAsset

Documentation~/en/FaderPlayableAsset.md

@@ -12,11 +12,11 @@ From an empty scene, do the following:
 1. Open the Timeline window, if not opened yet
 1. Add a FaderTrack in the Timeline Window
 
-   <img src="../images/AddFaderTrack.png" width=180>  
+   ![AddFaderTrack](../images/AddFaderTrack.png)
 
 1. Right click on the timeline window and click *Add Fader Playable Asset*
 
-   <img src="../images/AddFaderPlayableAsset.png" width=480>  
+   ![AddFaderPlayableAsset](../images/AddFaderPlayableAsset.png)
 
 1. Create an Image object by clicking the menu: GameObject -> UI -> Image
 
@@ -30,7 +30,7 @@ The Image object will be faded in/out as we play the Timeline or drag the time s
 
 # Inspector
 
-<img src="../images/FaderPlayableAsset.png" align=right  width=320>  
+![FaderPlayableAsset](../images/FaderPlayableAsset.png)
 
 * **Color**   
   The color to be applied to the Image component attached to the track.

Documentation~/en/ImportingImages.md

@@ -10,17 +10,17 @@ There are a couple of ways to import images into StreamingImageSequencePlayableA
 
 This is done by doing drag and drop of the sequential images folder to the StreamingImageSequenceTrack.
 
-<img src="../images/DragAndDropFolder.png" width=960>  
+![DragAndDropFolder](../images/DragAndDropFolder.png)
 
 ## Setting the Folder via Inspector
 
 We can simply click the **Select** button, or we can also drag and drop a folder directly into the inspector.
-<img src="../images/DragAndDropInspector.png" width=640>  
+![DragAndDropInspector](../images/DragAndDropInspector.png)
 
 If the chosen folder is not under *StreamingAssets*, then the following import window will appear to confirm if we'd like to copy the images into *StreamingAssets*.   
 We can choose to skip copying by unchecking the checkbox to do so.
 
-<img src="../images/ImporterWindow.png" width=480>  
+![ImporterWindow](../images/ImporterWindow.png)
 
 > Copying to *StreamingAssets* is recommended because it saves us from the import process, which may take a long time if there are a lot of images.
 

Documentation~/en/StreamingImageSequencePlayableAsset.md

@@ -21,17 +21,17 @@ From an empty scene, do the following:
 1. Open the Timeline window, if not opened yet
 1. Add a StreamingImageSequenceTrack in the Timeline Window
 
-   <img src="../images/AddStreamingImageSequenceTrack.png" width=180>  
+   ![AddStreamingImageSequenceTrack](../images/AddStreamingImageSequenceTrack.png)
 
 1. Drag and Drop the sequential images folder to the StreamingImageSequenceTrack added previously
 
-   <img src="../images/DragAndDropFolder.png" width=960>  
+   ![DragAndDropFolder](../images/DragAndDropFolder.png)
 
 1. Create an Image object by clicking the menu: GameObject -> UI -> Image
 
 1. Drag and drop the Image object to the object property of the StreamingImageSequenceTrack, and click *Create StreamingImageSequenceNativeRenderer on Image* 
 
-   <img src="../images/CreateStreamingImageSequenceNativeRenderer.png" width=960>  
+   ![CreateStreamingImageSequenceNativeRenderer](../images/CreateStreamingImageSequenceNativeRenderer.png)
 
 
 The image sequences in the folder will then be shown inside the Image object, 
@@ -46,13 +46,10 @@ For other ways for importing images, see [ImportingImages](ImportingImages.md)
 We can also change the timing of the playback by adjusting the curve of the asset.   
 To do this, open the curve section, and right click on the curve to start adding keys.
 
-
-<img src="../images/StreamingImageSequenceCurve.png" width=640>
-
+![StreamingImageSequenceCurve](../images/StreamingImageSequenceCurve.png)
 
 # Inspector
-
-<img src="../images/StreamingImageSequencePlayableAsset.png" align=right width=400>
+![StreamingImageSequencePlayableAsset](../images/StreamingImageSequencePlayableAsset.png)
 
 * **Resolution** (Read Only)  
   Shows the width and height of the first image in the folder