Add thunderbird screenshots for configuring IRC

i2p2www/pages/site/docs/applications/irc.html

@@ -6,14 +6,26 @@
 
 <h2>{% trans %}Clients{% endtrans %}</h2>
 
-<p>{% trans %} There are many IRC clients that can be used with I2P. A specialized
-IRC proxy is available to help set up both clients and servers.{% endtrans %}</p>
+<p>{% trans %} There are many IRC clients that can be used with I2P. In
+fact, all IRC clients can be connected to the Irc2P Service by connecting
+them to the IRC Tunnel.{% endtrans %}</p>
 
 <ul>
     <li><a href="#pidgin">Pidgin(Windows, Linux) Adium(OSX)</a></li>
     <li><a href="#revolution">Revolution IRC(Android)</a></li>
+    <li><a href="#pidgin">Dispatch(Windows, Linux, OSX)(WebClient)</a></li>
 </ul>
 
+<h3>Check the IRC tunnel</h3>
+<p>{% trans %}To configure any IRC client to chat on Irc2P, first, make sure that
+your IRC tunnel is available. Visit the <a href="http://127.0.0.1:7657/i2ptunnel/">Hidden Services Manager</a>
+and look for Irc2P in your "Client Tunnels" section. If the "Status" indicator on
+the right-hand side is yellow or green, your Irc2P tunnel is ready and you should 
+proceed to the next step.{% endtrans %}</p>
+
+<img src="{{ url_for('static', filename='images/irc/tuncheck-irc-all.png') }}"
+alt="{{ _('IRC Tunnel Check') }}" title="{{ _('IRC Tunnel Check') }}">
+
 <a name="pidgin"></a>
 <h3>Pidgin</h3>
 <p>{% trans %}Pidgin is a very popular Instant Messaging client with built-in IRC
@@ -23,27 +35,46 @@ is a similar application for OSX called "Adium." The instructions for Pidgin are
 similar in Adium.
 {% endtrans %}</p>
 
-<p>{% trans %}To configure Pidgin to chat on I2P IRC, first, make sure that your IRC
-tunnel is available. Visit the <a href="http://127.0.0.1:7657/i2ptunnel/">Hidden Services Manager</a>
-and look for Irc2P in your "Client Tunnels" section. If the "Status" indicator on
-the right-hand side is yellow or green, your Irc2P tunnel is ready and you should 
-proceed to the next step.{% endtrans %}</p>
+<img src="{{ url_for('static', filename='images/irc/pidgin-irc-0.png') }}"
+alt="{{ _('Open the menu') }}" title="{{ _('Pidgin Step One') }}">
 
 <p>{% trans %}After launching Pidgin, you should see a "Buddy List" window. From
 that window, open the "Accounts" menu from the toolbar. Select "Manage Accounts" to
 begin configuring your I2P account.{% endtrans %}</p>
 
+<img src="{{ url_for('static', filename='images/irc/pidgin-irc-1.png') }}"
+alt="{{ _('Add the account') }}" title="{{ _('Pidgin Step Two') }}">
+
 <p>{% trans %}Click the "Add" button. In the window that opens, select "IRC" under
 "Protocol," and set the "Host" to 127.0.0.1. Then pick a username and password. IRC
 does not require you to register a nickname to join, but you may if you wish, after
 you connect to Irc2P.{% endtrans %}</p>
 
+<img src="{{ url_for('static', filename='images/irc/pidgin-irc-2.png') }}"
+alt="{{ _('Configure username, hostname, password') }}" title="{{ _('Pidgin Step Three') }}">
+
 <p>{% trans %}Navigate to the "Advanced" tab and set the "Port" field to 6668 and
 make sure that SSL is <em>disabled</em>, since your tunnel has encryption provided
 by I2P.{% endtrans %}</p>
 
+<img src="{{ url_for('static', filename='images/irc/pidgin-irc-3.png') }}"
+alt="{{ _('Configure port') }}" title="{{ _('Pidgin Step Four') }}">
+
 <a name="revolution"></a>
 <h3>Revolution IRC</h3>
+<p>{% trans %}Revolution IRC is an easy to use IRC client for Android. It's able to
+handle multiple accounts on multiple services, so you can use it for Irc2P and for
+your non-I2P IRC networks as well.{% endtrans %}</p>
+
+<p>{% trans %} {% endtrans %}</p>
+
+<p>{% trans %} {% endtrans %}</p>
+
+<a name="dispatch"></a>
+<h3>Dispatch</h3>
+<p>{% trans %}Dispatch is a stable, self-hosted IRC client with a web interface. It
+has native I2P configuration available by communicating over the{% endtrans %} <a href="{{ site_url('docs/api/samv3') }}">SAM v3 API</a></p>
+
 <p>{% trans %} {% endtrans %}</p>
 
 <h2>{% trans %}Servers{% endtrans %}</h2>
@@ -53,6 +84,9 @@ by I2P.{% endtrans %}</p>
 
 <a name="eris"></a>
 <h3>Eris</h3>
+<p>{% trans %}Eris is an easy-to-configure IRC server with self-configuring support
+for I2P. If you want to run a private IRC server it's one of the easiest ways.{% endtrans %}</p>
+
 <p>{% trans %} {% endtrans %}</p>
 
 {% endblock %}