Small UI changes to tutorials page

.gitignore

@@ -1,2 +1,4 @@
 
 _build
+
+\.idea/

docs/examples/_tutorials.rst

@@ -1,3 +1,7 @@
+.. |br| raw:: html
+
+   <br />
+
 Tutorials
 =========
 
@@ -6,57 +10,58 @@ If you are interested in following the video tutorials below, you also need to d
 
 .. only:: html
 
-   :download:`Tutorial 01 \| Installation <./examples/Newproject.umi>`
+   :download:`Tutorial 01 \| Installation <./Newproject.umi>` |br|
+   :download:`Tutorial 02 \| Model and FAR <./Far.umi>` |br|
+   :download:`Tutorial 03 \| Operational Energy <./Operationalenergy.umi>` |br|
+   :download:`Tutorial 04 \| Embodied Energy <./Embodiedenergy.umi>` |br|
+   :download:`Tutorial 05 \| Mobility <./Mobility.umi>` |br|
+   :download:`Tutorial 06 \| Results Viewer <./Data.umi>` |br|
 
-   :download:`Tutorial 02 \| Model and FAR <./examples/Far.umi>`
 
-   :download:`Tutorial 03 \| Operational Energy <./examples/Operationalenergy.umi>`
 
-   :download:`Tutorial 04 \| Embodied Energy <./examples/Embodiedenergy.umi>`
-
-   :download:`Tutorial 05 \| Mobility <./examples/Mobility.umi>`
+Video Tutorials
+---------------
 
-   :download:`Tutorial 06 \| Results Viewer <./examples/Data.umi>`
+.. only:: epub
 
+   Online video tutorials are available at `umidocs/tutorials <http://umidocs.readthedocs.io/en/develop/docs/examples/_tutorials.html>`__
 
+.. only:: html
 
-Video Tutorials
----------------
+   |1| |br|
+   |2| |br|
+   |3| |br|
+   |4| |br|
+   |5| |br|
+   |6| |br|
 
 
-+-------+-------+
-|  |1|  |  |2|  |
-+-------+-------+
-|  |3|  |  |4|  |
-+-------+-------+
-|  |5|  |  |6|  |
-+-------+-------+
 
 .. |1| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/QBJAhmKvf2s?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/QBJAhmKvf2s?rel=0" frameborder="0" allowfullscreen></iframe>
 
 
 .. |2| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/X26KjwTy4pc?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/X26KjwTy4pc?rel=0" frameborder="0" allowfullscreen></iframe>
 
 
 .. |3| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/rohkQb-zg7I?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/rohkQb-zg7I?rel=0" frameborder="0" allowfullscreen></iframe>
 
 
 .. |4| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/b5-L3sgW8lA?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/b5-L3sgW8lA?rel=0" frameborder="0" allowfullscreen></iframe>
 
 
 .. |5| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/qgw62iRkbEU?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/qgw62iRkbEU?rel=0" frameborder="0" allowfullscreen></iframe>
 
 
 .. |6| raw:: html
 
-       <iframe width="100%" max-height="315" src="https://www.youtube-nocookie.com/embed/HVpfoIKz1CQ?rel=0" frameborder="0" allowfullscreen></iframe>
+       <iframe width="100%" max-height="360" height="360 px" src="https://www.youtube-nocookie.com/embed/HVpfoIKz1CQ?rel=0" frameborder="0" allowfullscreen></iframe>