Added files for distutils integration.
[pyplotsuite.git] / README.html
blob8114d8cc8e7c6a37bd576d6659993446cd598a51
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 <meta name="generator" content="AsciiDoc 8.2.1" />
7 <style type="text/css">
8 /* Debug borders */
9 p, li, dt, dd, div, pre, h1, h2, h3, h4, h5, h6 {
11 border: 1px solid red;
15 body {
16 margin: 1em 5% 1em 5%;
19 a {
20 color: blue;
21 text-decoration: underline;
23 a:visited {
24 color: fuchsia;
27 em {
28 font-style: italic;
31 strong {
32 font-weight: bold;
35 tt {
36 color: navy;
39 h1, h2, h3, h4, h5, h6 {
40 color: #527bbd;
41 font-family: sans-serif;
42 margin-top: 1.2em;
43 margin-bottom: 0.5em;
44 line-height: 1.3;
47 h1 {
48 border-bottom: 2px solid silver;
50 h2 {
51 border-bottom: 2px solid silver;
52 padding-top: 0.5em;
55 div.sectionbody {
56 font-family: serif;
57 margin-left: 0;
60 hr {
61 border: 1px solid silver;
64 p {
65 margin-top: 0.5em;
66 margin-bottom: 0.5em;
69 pre {
70 padding: 0;
71 margin: 0;
74 span#author {
75 color: #527bbd;
76 font-family: sans-serif;
77 font-weight: bold;
78 font-size: 1.1em;
80 span#email {
82 span#revision {
83 font-family: sans-serif;
86 div#footer {
87 font-family: sans-serif;
88 font-size: small;
89 border-top: 2px solid silver;
90 padding-top: 0.5em;
91 margin-top: 4.0em;
93 div#footer-text {
94 float: left;
95 padding-bottom: 0.5em;
97 div#footer-badges {
98 float: right;
99 padding-bottom: 0.5em;
102 div#preamble,
103 div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
104 div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
105 div.admonitionblock {
106 margin-right: 10%;
107 margin-top: 1.5em;
108 margin-bottom: 1.5em;
110 div.admonitionblock {
111 margin-top: 2.5em;
112 margin-bottom: 2.5em;
115 div.content { /* Block element content. */
116 padding: 0;
119 /* Block element titles. */
120 div.title, caption.title {
121 font-family: sans-serif;
122 font-weight: bold;
123 text-align: left;
124 margin-top: 1.0em;
125 margin-bottom: 0.5em;
127 div.title + * {
128 margin-top: 0;
131 td div.title:first-child {
132 margin-top: 0.0em;
134 div.content div.title:first-child {
135 margin-top: 0.0em;
137 div.content + div.title {
138 margin-top: 0.0em;
141 div.sidebarblock > div.content {
142 background: #ffffee;
143 border: 1px solid silver;
144 padding: 0.5em;
147 div.listingblock {
148 margin-right: 0%;
150 div.listingblock > div.content {
151 border: 1px solid silver;
152 background: #f4f4f4;
153 padding: 0.5em;
156 div.quoteblock > div.content {
157 padding-left: 2.0em;
160 div.attribution {
161 text-align: right;
163 div.verseblock + div.attribution {
164 text-align: left;
167 div.admonitionblock .icon {
168 vertical-align: top;
169 font-size: 1.1em;
170 font-weight: bold;
171 text-decoration: underline;
172 color: #527bbd;
173 padding-right: 0.5em;
175 div.admonitionblock td.content {
176 padding-left: 0.5em;
177 border-left: 2px solid silver;
180 div.exampleblock > div.content {
181 border-left: 2px solid silver;
182 padding: 0.5em;
185 div.verseblock div.content {
186 white-space: pre;
189 div.imageblock div.content { padding-left: 0; }
190 div.imageblock img { border: 1px solid silver; }
191 span.image img { border-style: none; }
193 dl {
194 margin-top: 0.8em;
195 margin-bottom: 0.8em;
197 dt {
198 margin-top: 0.5em;
199 margin-bottom: 0;
200 font-style: italic;
202 dd > *:first-child {
203 margin-top: 0;
206 ul, ol {
207 list-style-position: outside;
209 ol.olist2 {
210 list-style-type: lower-alpha;
213 div.tableblock > table {
214 border: 3px solid #527bbd;
216 thead {
217 font-family: sans-serif;
218 font-weight: bold;
220 tfoot {
221 font-weight: bold;
224 div.hlist {
225 margin-top: 0.8em;
226 margin-bottom: 0.8em;
228 div.hlist td {
229 padding-bottom: 5px;
231 td.hlist1 {
232 vertical-align: top;
233 font-style: italic;
234 padding-right: 0.8em;
236 td.hlist2 {
237 vertical-align: top;
240 @media print {
241 div#footer-badges { display: none; }
244 div#toctitle {
245 color: #527bbd;
246 font-family: sans-serif;
247 font-size: 1.1em;
248 font-weight: bold;
249 margin-top: 1.0em;
250 margin-bottom: 0.1em;
253 div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
254 margin-top: 0;
255 margin-bottom: 0;
257 div.toclevel2 {
258 margin-left: 2em;
259 font-size: 0.9em;
261 div.toclevel3 {
262 margin-left: 4em;
263 font-size: 0.9em;
265 div.toclevel4 {
266 margin-left: 6em;
267 font-size: 0.9em;
269 /* Workarounds for IE6's broken and incomplete CSS2. */
271 div.sidebar-content {
272 background: #ffffee;
273 border: 1px solid silver;
274 padding: 0.5em;
276 div.sidebar-title, div.image-title {
277 font-family: sans-serif;
278 font-weight: bold;
279 margin-top: 0.0em;
280 margin-bottom: 0.5em;
283 div.listingblock div.content {
284 border: 1px solid silver;
285 background: #f4f4f4;
286 padding: 0.5em;
289 div.quoteblock-content {
290 padding-left: 2.0em;
293 div.exampleblock-content {
294 border-left: 2px solid silver;
295 padding-left: 0.5em;
298 /* IE6 sets dynamically generated links as visited. */
299 div#toc a:visited { color: blue; }
300 </style>
301 <script type="text/javascript">
302 /*<![CDATA[*/
303 window.onload = function(){generateToc(2)}
304 /* Author: Mihai Bazon, September 2002
305 * http://students.infoiasi.ro/~mishoo
307 * Table Of Content generator
308 * Version: 0.4
310 * Feel free to use this script under the terms of the GNU General Public
311 * License, as long as you do not remove or alter this notice.
314 /* modified by Troy D. Hanson, September 2006. License: GPL */
315 /* modified by Stuart Rackham, October 2006. License: GPL */
317 function getText(el) {
318 var text = "";
319 for (var i = el.firstChild; i != null; i = i.nextSibling) {
320 if (i.nodeType == 3 /* Node.TEXT_NODE */) // IE doesn't speak constants.
321 text += i.data;
322 else if (i.firstChild != null)
323 text += getText(i);
325 return text;
328 function TocEntry(el, text, toclevel) {
329 this.element = el;
330 this.text = text;
331 this.toclevel = toclevel;
334 function tocEntries(el, toclevels) {
335 var result = new Array;
336 var re = new RegExp('[hH]([2-'+(toclevels+1)+'])');
337 // Function that scans the DOM tree for header elements (the DOM2
338 // nodeIterator API would be a better technique but not supported by all
339 // browsers).
340 var iterate = function (el) {
341 for (var i = el.firstChild; i != null; i = i.nextSibling) {
342 if (i.nodeType == 1 /* Node.ELEMENT_NODE */) {
343 var mo = re.exec(i.tagName)
344 if (mo)
345 result[result.length] = new TocEntry(i, getText(i), mo[1]-1);
346 iterate(i);
350 iterate(el);
351 return result;
354 // This function does the work. toclevels = 1..4.
355 function generateToc(toclevels) {
356 var toc = document.getElementById("toc");
357 var entries = tocEntries(document.getElementsByTagName("body")[0], toclevels);
358 for (var i = 0; i < entries.length; ++i) {
359 var entry = entries[i];
360 if (entry.element.id == "")
361 entry.element.id = "toc" + i;
362 var a = document.createElement("a");
363 a.href = "#" + entry.element.id;
364 a.appendChild(document.createTextNode(entry.text));
365 var div = document.createElement("div");
366 div.appendChild(a);
367 div.className = "toclevel" + entry.toclevel;
368 toc.appendChild(div);
371 /*]]>*/
372 </script>
373 <title>PyPlotSuite README File</title>
374 </head>
375 <body>
376 <div id="header">
377 <h1>PyPlotSuite README File</h1>
378 <div id="toc">
379 <div id="toctitle">Table of Contents</div>
380 <noscript><p><b>JavaScript must be enabled in your browser to display the table of contents.</b></p></noscript>
381 </div>
382 </div>
383 <div id="preamble">
384 <div class="sectionbody">
385 <div class="sidebarblock">
386 <div class="sidebar-content">
387 <div class="sidebar-title">Copyright and License</div>
388 <p>Copyright &#169; 2006-2007 Antonino Ingargiola &lt;tritemio@gmail.com&gt;</p>
389 <p>This program is free software; you can redistribute it and/or modify
390 it under the terms of the GNU General Public License as published by
391 the Free Software Foundation; either version 2 of the License, or
392 (at your option) any later version.</p>
393 <p>This program is distributed in the hope that it will be useful,
394 but WITHOUT ANY WARRANTY; without even the implied warranty of
395 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
396 GNU General Public License for more details.</p>
397 <p>For more information read the file LICENSE.txt in the source directory.</p>
398 </div></div>
399 </div>
400 </div>
401 <h2>Project Description</h2>
402 <div class="sectionbody">
403 <p><strong>PyPlotSuite</strong> is a set of graphical tools to quick visualize and explore/analyze
404 monodimentional and bidimensional data. The plot produced can be saved in a
405 variety of image formats to produce publication quality graphs.</p>
406 <p>At the moment the project is composed by two little stand alone applications:
407 <strong>ImageAnalyzer</strong> and <strong>Plotfile2</strong>. ImageAnalyzer is focused towards images (or any
408 2D data, such as arrays) visualization, analysis, and measurement. Plotfile2
409 focus is towards simple data series visualization, with the possibility to
410 quick modify many plot characteristics. Both applications can save the result
411 on a multitude of image file formats (png, eps, jpeg, pdf, and more).</p>
412 <p>PyPlotSuite is written in python, using the GTK gui toolkit (through the python
413 binding pygtk, and using Glade-2 to layout the windows). All plots are created
414 with the great Matplotlib python 2D graphic library. Matplotlib is such a good
415 tool that the PyPlotSuite applications are only tiny wrapper around Matplotlib
416 functionality. Also some Numpy functionality are used both through Matplotlib
417 (which requires Numpy) and both directly.</p>
418 <div class="hlist"><table>
419 <tr>
420 <td class="hlist1">
421 Home Page
422 </td>
423 <td class="hlist2">
424 <a href="http://pyplotsuite.sourceforge.net">http://pyplotsuite.sourceforge.net</a>
425 </td>
426 </tr>
427 <tr>
428 <td class="hlist1">
429 <strong>Latest Version</strong>
430 </td>
431 <td class="hlist2">
432 0.1-alpha7
433 </td>
434 </tr>
435 </table></div>
436 </div>
437 <h2>NEWS</h2>
438 <div class="sectionbody">
439 <h3>0.1-alpha7</h3>
440 <p>Only Plotfile2 changes in this release. Various speed-up and code optimization, and the support for changing also the color for all line-plot elements.</p>
441 <h3>0.1-alpha6</h3>
442 <p>This is the first version of PyPlotSuite released as a single tarball. It
443 includes both ImageAnalyzer and Plotfile2.</p>
444 <p>A new plot property dialog in Plotfile2 allows to change many plot parameters
445 (line style and width, marker style and size). There's also the GUI for
446 changing the colors of the various plot elements but this functions is not
447 implemented in the underlying code yet.</p>
448 </div>
449 <h2>Release Notice</h2>
450 <div class="sectionbody">
451 <p>Early versions of <strong>ImageAnalyzer</strong> and <strong>Plotfile2</strong> were released in separated
452 tarballs with separated version number. Now they are released together in the
453 same tarball with the same version number (and I plan to integrate them more).
454 However they retain separated changelogs, so you can keep track of each
455 application separately.</p>
456 <p>The development version of <strong>PyPlotSuite</strong> is hosted on a
457 <a href="http://repo.or.cz/w/pyplotsuite.git">git repository</a>. To download the latest
458 (possibly broken) development version just install <a href="http://git.or.cz/">git</a>
459 and type:</p>
460 <div class="listingblock">
461 <div class="content">
462 <pre><tt>$ git clone ssh://repo.or.cz/srv/git/pyplotsuite.git</tt></pre>
463 </div></div>
464 <p>Now you have a complete working version of PyPlotSuite to test/hack on. If git
465 and cogito does not work on your OS (i.e. windows) look at
466 <a href="http://bazaar-vcs.org/">bazar</a> that is multiplatform SCM with a git plugin too.</p>
467 </div>
468 <h2>Requirements</h2>
469 <div class="sectionbody">
470 <p>You must have this software installed in order to be able to run the program:</p>
471 <ul>
472 <li>
474 Any recent version of Linux, Mac OSX or Windows
475 </p>
476 </li>
477 <li>
479 Python 2.4 or newer (2.3 may still work, not tested):
480 <a href="http://www.python.org">http://www.python.org</a>
481 </p>
482 </li>
483 <li>
485 PyGTK 2.x:
486 <a href="http://www.pygtk.org/">http://www.pygtk.org/</a>
487 </p>
488 </li>
489 <li>
491 NumPy (1.0 or newer)
492 <a href="http://numpy.scipy.org/">http://numpy.scipy.org/</a>
493 </p>
494 </li>
495 <li>
497 MatPlotLib (0.87 or newer):
498 <a href="http://matplotlib.sourceforge.net/">http://matplotlib.sourceforge.net/</a>
499 </p>
500 </li>
501 <li>
503 SciPy (only the module scipy.ndimage.filters):
504 <a href="http://www.scipy.org/">http://www.scipy.org/</a>
505 </p>
506 </li>
507 <li>
509 Python Image Library (PIL):
510 <a href="http://www.pythonware.com/products/pil/">http://www.pythonware.com/products/pil/</a>
511 </p>
512 </li>
513 </ul>
514 <div class="admonitionblock">
515 <table><tr>
516 <td class="icon">
517 <img src="./images/icons/note.png" alt="Note" />
518 </td>
519 <td class="content">Typically Numpy is a prerequisite for Matplotlib, so you may have
520 installed it in bundle with Matplotlib.</td>
521 </tr></table>
522 </div>
523 <div class="admonitionblock">
524 <table><tr>
525 <td class="icon">
526 <img src="./images/icons/note.png" alt="Note" />
527 </td>
528 <td class="content">The Scipy module and the PIL library are a requirement only if you want
529 to run ImageAnalyzer. Plotfile2 does not requires them.</td>
530 </tr></table>
531 </div>
532 </div>
533 <h2>Image Analyzer</h2>
534 <div class="sectionbody">
535 <div class="hlist"><table>
536 <tr>
537 <td class="hlist1">
538 Name
539 </td>
540 <td class="hlist2">
541 Image Analyzer
542 </td>
543 </tr>
544 <tr>
545 <td class="hlist1">
546 Description
547 </td>
548 <td class="hlist2">
549 A tool to extract and make measures on scientific images.
550 </td>
551 </tr>
552 </table></div>
553 <h3>Description</h3>
554 <p>ImageAnalyzer is a python[1] program written with the purpose to analyze
555 scientific images to extract information such dimensions, and to reveal some
556 subtle features. You can also create and save publication quality figures in a
557 variety of hard-copy formats (using Matplotlib[5]).</p>
558 <p>To execute the program type:</p>
559 <div class="listingblock">
560 <div class="content">
561 <pre><tt> python imageanalyzer.py</tt></pre>
562 </div></div>
563 <p>Remeber to check the software requirement above.</p>
564 <h3>Image formats supported</h3>
565 <p>All format supported by the PIL[6] library, with the following pixel formats:
566 - L (Luminance, aka black&amp;white) 8 bit and 14 bit
567 - RBG(A) with 8bit per channel</p>
568 <h3>Features</h3>
569 <p>The features currently implemented are:</p>
570 <ul>
571 <li>
573 Load, zoom and navigate on any RBG(A) or L (Luminance, aka black&amp;white)
574 images.
575 </p>
576 </li>
577 <li>
579 The possibility to choose one of the following 17 interpolation algorithms:
580 Bessel, Bicubic, Bilinear, Blackman, Catrom, Gaussian, Hamming,
581 Hanning, Hermite, Kaiser, Lanczos, Mitchell, Nearest, Quadric, Sinc,
582 Spline16, Spline36.
583 The default one is Nearest which is, in a way, "absence of interpolation".
584 </p>
585 </li>
586 <li>
588 Select one of the 14 color-maps (only for L images)
589 </p>
590 </li>
591 <li>
593 Select a dynamic range either numerically and graphically through an
594 histogram of the image (only for L images).
595 </p>
596 </li>
597 <li>
599 Grid on/off, black/white (to match various color-maps).
600 </p>
601 </li>
602 <li>
604 Calculate the distance between two points with the option to set the pixel
605 dimension for the image (x and y separately).
606 </p>
607 </li>
608 <li>
610 Plot the pixel-precise profile of an arbitrary number of sections of the
611 image (only for L images).
612 </p>
613 </li>
614 </ul>
615 </div>
616 <h2>Plotfile2</h2>
617 <div class="sectionbody">
618 <div class="hlist"><table>
619 <tr>
620 <td class="hlist1">
621 Name
622 </td>
623 <td class="hlist2">
624 Plotfile2
625 </td>
626 </tr>
627 <tr>
628 <td class="hlist1">
629 Description
630 </td>
631 <td class="hlist2">
632 A tool plot 1D data series.
633 </td>
634 </tr>
635 </table></div>
636 <h3>Description</h3>
637 <p>Plotfile2 is is a python[1] program written with the purpose to quick plot data
638 series stored in standard ascii text files. Multiple data series can be plotted,
639 compared and the resulting plot can be saved in a variety of image file formats
640 with a customizable size and resolution. This feature come particularly handy
641 if you want to embed your plot in a document and you what size the final image
642 will have.</p>
643 <p>Plotfile2 is written using the GTK toolkit[2] and embeds Matplotlib[5] plot
644 facility.</p>
645 <p>To execute the program, enter the Plotfile2 dir and type:</p>
646 <div class="listingblock">
647 <div class="content">
648 <pre><tt> python plotfile2.py</tt></pre>
649 </div></div>
650 <p>See also the software requirements above.</p>
651 <h3>Features</h3>
652 <p>At the moment Plotfile2 can:</p>
653 <ul>
654 <li>
656 Load one or more data series from a two column (spaces or tab separated)
657 ascii file. Blank lines (only spaces or tabs) are ignored.
658 </p>
659 </li>
660 <li>
662 Detect if there is an header to automatically set axis labels. The header
663 must be a line with two strings separated by spacing (or tabs). Blank
664 lines before and after the header are ignored. More than two
665 space-separated string results in an error.
666 </p>
667 </li>
668 <li>
670 Controls to change the X and Y axis range, scale (linear or log) and
671 toggle grid.
672 </p>
673 </li>
674 <li>
676 Controls to toggle if plot shows points (markers), lines or both.
677 </p>
678 </li>
679 <li>
681 Complete customization of plot elements through a dedicated dialog
682 (line style, marker type, colors).
683 </p>
684 </li>
685 <li>
687 Set the plot title and axis labels
688 </p>
689 </li>
690 <li>
692 Set the figure size (both in inches or in cm) and resolution (in dpi).
693 This is useful to export a plot to be included in a document with a know
694 size.
695 </p>
696 </li>
697 <li>
699 Navigate/explore plots (zoom, un-zoom, pan, etc) with the Matplotlib
700 NavigationToolbar2.
701 </p>
702 </li>
703 <li>
705 Save the plot in a multitude of image formats (png, jpeg, eps, pdf, &#8230;
706 all the formats supported by Matplotlib)
707 </p>
708 </li>
709 </ul>
710 <h3>Plotfile2 Roadmap</h3>
711 <ul>
712 <li>
714 Possibility to customize plot line style, line color, line width, marker
715 color, marker size, marker type for each series. <strong>[COMPLETED]</strong>
716 </p>
717 </li>
718 <li>
720 Possibility to use spline interpolation (with various orders), and
721 exponential-spline interpolation.
722 </p>
723 </li>
724 </ul>
725 <h3>Plotfile2 Known Problems</h3>
726 <ul>
727 <li>
729 When you change figure size and resolution using the dedicated dialog, the
730 main window may show a scrambled plot (or only an corner of the entire plot).
731 This is only a visualization issue. Therefore, if you save the file (without
732 resizing the window!) you will obtain the image file with the correct size
733 and resolution ready to be included in your documents.
734 </p>
735 </li>
736 </ul>
737 <div class="admonitionblock">
738 <table><tr>
739 <td class="icon">
740 <img src="./images/icons/note.png" alt="Note" />
741 </td>
742 <td class="content">If you have any suggestion to solve this problem please contact mailto:
743 tritemio@gmail.com[me] via mail.</td>
744 </tr></table>
745 </div>
746 </div>
747 <h2>Links</h2>
748 <div class="sectionbody">
749 <ol>
750 <li>
752 <strong>Python</strong>: a dynamic object-oriented programming language.
753 </p>
754 <ul>
755 <li>
757 <a href="http://www.python.org">http://www.python.org</a>
758 </p>
759 </li>
760 </ul>
761 </li>
762 <li>
764 <strong>PyGTK</strong>: Python binding for the GTK user interface library.
765 </p>
766 <ul>
767 <li>
769 <a href="http://www.pygtk.org/">http://www.pygtk.org/</a>
770 </p>
771 </li>
772 </ul>
773 </li>
774 <li>
776 <strong>Numpy</strong>: The fundamental package needed for numerical computing with Python.
777 It is the successor (and unifier) of all the old projects (Numeric and
778 Numarray) for python numerical computing.
779 </p>
780 <ul>
781 <li>
783 <a href="http://numpy.scipy.org/">http://numpy.scipy.org/</a>
784 </p>
785 </li>
786 </ul>
787 </li>
788 <li>
790 <strong>SciPy</strong>: Many modules that were not specific to Numpy are gathered under the
791 broader project SciPy:
792 </p>
793 <ul>
794 <li>
796 <a href="http://numpy.scipy.org/">http://numpy.scipy.org/</a>
797 </p>
798 </li>
799 </ul>
800 </li>
801 <li>
803 <strong>MatPlotLib</strong>: A python 2D plotting library which produces publication quality
804 figures in a variety of hard-copy formats and interactive environments
805 across platforms.
806 </p>
807 <ul>
808 <li>
810 <a href="http://matplotlib.sourceforge.net/">http://matplotlib.sourceforge.net/</a>
811 </p>
812 </li>
813 </ul>
814 </li>
815 <li>
817 <strong>Python Imaging Library</strong> (PIL).
818 </p>
819 <ul>
820 <li>
822 <a href="http://www.pythonware.com/products/pil/">http://www.pythonware.com/products/pil/</a>
823 </p>
824 </li>
825 </ul>
826 </li>
827 </ol>
828 <div class="sidebarblock">
829 <div class="sidebar-content">
830 <p>The html version of this README was generated from the ASCII file with:</p>
831 <div class="listingblock">
832 <div class="content">
833 <pre><tt>$ asciidoc -a toc -a icons -a badges README</tt></pre>
834 </div></div>
835 </div></div>
836 </div>
837 <div id="footer">
838 <div id="footer-text">
839 Last updated 14-Jun-2007 18:53:15 CEST
840 </div>
841 <div id="footer-badges">
842 <a href="http://validator.w3.org/check?uri=referer">
843 <img style="border:none; width:88px; height:31px;"
844 src="http://www.w3.org/Icons/valid-xhtml11"
845 alt="Valid XHTML 1.1!" />
846 </a>
847 <a href="http://jigsaw.w3.org/css-validator/check/referer">
848 <img style="border:none; width:88px; height:31px;"
849 src="http://jigsaw.w3.org/css-validator/images/vcss"
850 alt="Valid CSS!" />
851 </a>
852 <a href="http://www.mozilla.org/products/firefox/">
853 <img style="border:none; width:110px; height:32px;"
854 src="http://www.spreadfirefox.com/community/images/affiliates/Buttons/110x32/safer.gif"
855 alt="Get Firefox!" />
856 </a>
857 </div>
858 </div>
859 </body>
860 </html>