add image to document

doc/define_snippet.html

@@ -696,6 +696,7 @@ window system, i.e. when you are working in a terminal.</li>
 </ul>
 <blockquote>
 Currently there're three solution come with YASnippet.</blockquote>
+<img align="right" alt="images/popup-menu.png" class="align-right" src="images/popup-menu.png" />
 <div class="section">
 <h3><a class="toc-backref" href="#id20" id="popup-menu" name="popup-menu">Popup Menu</a></h3>
 <p>The function <tt class="docutils literal"><span class="pre">yas/x-popup-menu-for-template</span></tt> can be used to show a
@@ -717,10 +718,11 @@ bet you never want to use this. :p</p>
 </div>
 <div class="section">
 <h3><a class="toc-backref" href="#id22" id="use-a-dropdown-menu-el" name="use-a-dropdown-menu-el">Use a dropdown-menu.el</a></h3>
+<img align="right" alt="images/dropdown-menu.png" class="align-right" src="images/dropdown-menu.png" />
 <p>Originally, only the above two function is available in
 YASnippet. They are difficult to use -- especially in a
-terminal. Until later Jaeyoun Chung show me his
-<tt class="docutils literal"><span class="pre">dropdown-menu.el</span></tt>, I say wow! It's wonderful!</p>
+terminal. Until later Jaeyoun Chung show me his <tt class="docutils literal"><span class="pre">dropdown-menu.el</span></tt>,
+I say wow! It's wonderful!</p>
 <ul class="simple">
 <li>It works in both window system and terminal.</li>
 <li>It is customizable, you can use <tt class="docutils literal"><span class="pre">C-n</span></tt>, <tt class="docutils literal"><span class="pre">C-p</span></tt> to navigate, <tt class="docutils literal"><span class="pre">q</span></tt>
@@ -747,6 +749,7 @@ trigger key <tt class="docutils literal"><span class="pre">yas/trigger-key</span
 to call <tt class="docutils literal"><span class="pre">yas/expand</span></tt> to try to expand a snippet.</p>
 <div class="section">
 <h3><a class="toc-backref" href="#id24" id="the-minor-mode" name="the-minor-mode">The Minor Mode</a></h3>
+<img align="left" alt="images/minor-mode-indicator.png" class="align-left" src="images/minor-mode-indicator.png" />
 <p>When <tt class="docutils literal"><span class="pre">yas/minor-mode</span></tt> is enabled, the trigger key will take
 effect. The default key is <tt class="docutils literal"><span class="pre">(kbd</span> <span class="pre">&quot;TAB&quot;)</span></tt>, however, you can freely
 set it to some other key. By default, YASnippet add a hook to
@@ -788,6 +791,7 @@ menu. You can select a snippet from the menu to expand it. Since you
 select manually from the menu, you can expand any snippet. For
 example, you can expand a snippet defined for <tt class="docutils literal"><span class="pre">python-mode</span></tt> in a
 <tt class="docutils literal"><span class="pre">c-mode</span></tt> buffer by selecting it from the menu:</p>
+<img align="right" alt="images/menubar.png" class="align-right" src="images/menubar.png" />
 <ul class="simple">
 <li>Condition system is ignored since you select to expand it
 explicitly.</li>

doc/define_snippet.rst

@@ -411,6 +411,9 @@ customized. There're two variable related:
 
  Currently there're three solution come with YASnippet.
 
+.. image:: images/popup-menu.png
+   :align: right
+
 Popup Menu
 ~~~~~~~~~~
 
@@ -434,10 +437,13 @@ bet you never want to use this. :p
 Use a dropdown-menu.el
 ~~~~~~~~~~~~~~~~~~~~~~
 
+.. image:: images/dropdown-menu.png
+   :align: right
+
 Originally, only the above two function is available in
 YASnippet. They are difficult to use -- especially in a
-terminal. Until later Jaeyoun Chung show me his
-``dropdown-menu.el``, I say wow! It's wonderful!
+terminal. Until later Jaeyoun Chung show me his ``dropdown-menu.el``,
+I say wow! It's wonderful!
 
 * It works in both window system and terminal.
 * It is customizable, you can use ``C-n``, ``C-p`` to navigate, ``q``
@@ -471,6 +477,9 @@ to call ``yas/expand`` to try to expand a snippet.
 The Minor Mode
 ~~~~~~~~~~~~~~
 
+.. image:: images/minor-mode-indicator.png
+   :align: left
+
 When ``yas/minor-mode`` is enabled, the trigger key will take
 effect. The default key is ``(kbd "TAB")``, however, you can freely
 set it to some other key. By default, YASnippet add a hook to
@@ -520,6 +529,9 @@ select manually from the menu, you can expand any snippet. For
 example, you can expand a snippet defined for ``python-mode`` in a
 ``c-mode`` buffer by selecting it from the menu:
 
+.. image:: images/menubar.png
+   :align: right
+
 * Condition system is ignored since you select to expand it
   explicitly.
 * There will be no muliple candidates since they are listed in the