update projects page to have icons

projects/en/projects.wml

@@ -15,12 +15,16 @@ experience safer and better.</p>
 <table class="topforty">
 <tr>
 <td>
+<a href="<page torbutton/index>"><img
+                src="$(IMGROOT)/icon-TorButton.jpg" alt="TorButton Icon"></a>
 <div class="name"><a href="<page torbutton/index>">Torbutton</a></div>
 <p>Torbutton is integrated into <a href="<page projects/torbrowser>">Tor
 Browser</a>. Torbutton disables many types of active content and threats
 to your privacy when using a web browser.</p>
 </td>
 <td>
+<a href="<page projects/torbrowser>"><img
+                src="$(IMGROOT)/icon-TorBrowser.jpg" alt="TorBrowser Icon"></a>
 <div class="name"><a href="<page projects/torbrowser>">Tor Browser Bundle</a></div>
 <p>The Tor Browser Bundle contains everything you need to safely
 browse the Internet. This package requires no installation. Just
@@ -29,12 +33,16 @@ extract it and run.</p>
 </tr>
 <tr>
 <td>
+<a href="<page projects/vidalia>"><img
+              src="$(IMGROOT)/icon-Vidalia.jpg" alt="Vidalia Icon"></a>
 <div class="name"><a href="<page projects/vidalia>">Vidalia</a></div>
 <p>Vidalia is a graphical Tor controller.  It allows you to
 see where your connections are in the world and configure
 Tor without getting into configuration files and code.</p>
 </td>
 <td>
+<a href="http://www.atagar.com/arm/"><img
+                src="$(IMGROOT)/icon-Arm.jpg" alt="Arm Icon"></a>
 <div class="name"><a href="<page projects/arm>">Arm</a></div>
 <p>Arm is a terminal status monitor for Tor, intended for
 command-line aficionados and ssh connections. This functions much
@@ -42,6 +50,8 @@ like top does for system usage, providing real time information on
 Tor's resource utilization and state.</p> </td> </tr>
 <tr>
 <td>
+<a href="https://guardianproject.info/apps/orbot/"><img
+                src="$(IMGROOT)/icon-Orbot.jpg" alt="Orbot Icon"></a>
 <div class="name"><a
 href="https://guardianproject.info/apps/orbot/">Orbot</a></div>
 <p>In collaboration with <a href="https://guardianproject.info">The
@@ -52,6 +62,8 @@ use by any Android application to route Internet traffic through
 Orbot/Tor.</p>
 </td>
 <td>
+<a href="http://tails.boum.org/"><img
+    src="$(IMGROOT)/icon-Tails.jpg" alt="Tails Icon"></a>
 <div class="name"><a href="https://tails.boum.org/">Tails</a></div>
 <p>The Amnesic Incognito Live System is a live CD/USB distribution
 preconfigured so that everything is safely routed through Tor and leaves no
@@ -60,12 +72,15 @@ trace on the local system.</p>
 </tr>
 <tr>
 <td>
+<a href="http://torstatus.blutmagie.de/"><img
+                src="$(IMGROOT)/icon-TorStatus.jpg" alt="TorStatus Icon"></a>
 <div class="name"><a href="http://torstatus.blutmagie.de/">TorStatus</a></div>
 <p>Portal providing an overview of the Tor network, including a list of its
 current relays and details on each. Mirrors are also available from <a
 href="http://torstatus.cyberphunk.org/">cyberphunk</a> and others.</p>
 </td>
 <td>
+<a href="https://metrics.torproject.org/"><img src="$(IMGROOT)/onion.jpg"/>Metrics Portal</a>
 <div class="name"><a href="https://metrics.torproject.org/">Metrics Portal</a></div>
 <p>Analytics for the Tor network, including graphs of its available bandwidth
 and estimated userbase. This is a great resource for researchers interested in
@@ -74,6 +89,8 @@ detailed statistics about Tor.</p>
 </tr>
 <tr>
 <td>
+<a href="https://cloud.torproject.org"><img
+              src="$(IMGROOT)/icon-Cloud.jpg" alt="Cloud Icon"></a>
 <div class="name"><a href="https://cloud.torproject.org/">Tor Cloud</a></div>
 <p>The Tor Cloud project gives you a user-friendly way of deploying
 bridges to help users access an uncensored Internet via the Amazon EC2
@@ -82,6 +99,7 @@ help improve the safety and speed at which users can access the Internet.
 Get started with <a href="https://cloud.torproject.org">Tor Cloud</a>.</p>
 </td>
 <td>
+<a href="<page projects/obfsproxy>"><img src="$(IMGROOT)/onion.jpg"/></a>
 <div class="name"><a href="<page projects/obfsproxy>">Obfsproxy</a></div>
 <p>Obfsproxy is a pluggable transports proxy written in C. It shapes
 Tor traffic, making it harder for censors to detect and block the Tor
@@ -155,4 +173,4 @@ protocol.</p>
 <!-- END SIDECOL -->
 </div>
 <!-- END CONTENT -->
-#include <foot.wmi>     
+#include <foot.wmi>