1
0
mirror of https://git.tartarus.org/simon/putty.git synced 2025-04-01 19:20:13 -05:00
putty-source/icons/preview.html
Simon Tatham 0a77b18481 SVG icons: support black-and-white mode.
If I'm going to use this as a means of generating bitmap icons at
large sizes, I want it to support all the same modes as the existing
bitmap script. So this adds a mode to the SVG generator that produces
the same black and white colour scheme as the existing monochrome
bitmap icons.

(Plus, who knows, the black and white SVGs might come in useful for
other purposes. Printing as a logo on black-and-white printers springs
to mind.)

The existing monochrome icons aren't greyscale: all colours are
literally either black or white, except for the cardboard box in the
installer icon, which is halftoned. Here I've rendered that box as
mid-grey. When I convert the rendered SVG output to an actual
1-bit (plus alpha) image, I'll have to redo that halftoning.
2025-03-08 12:01:28 +00:00

127 lines
4.4 KiB
HTML

<html>
<head>
<title>Preview page for the PuTTY icons</title>
<style type="text/css">
/* Win95 background colour: traditional, and distinct from the icon
* palette */
body { color: white; background: #007878; }
table, tr, td, th {
border-collapse: collapse;
border: 1px solid;
}
td, th {
padding: 0.5em;
text-align: center;
}
</style>
</head>
<body>
<h1>Preview page for the PuTTY icons</h1>
<table>
<tr>
<td></td>
<th>PuTTY</th>
<th>PuTTY cfg</th>
<th>pterm</th>
<th>pterm cfg</th>
<th>PSCP/PSFTP</th>
<th>Pageant</th>
<th>PuTTYgen</th>
<th>Installer</th>
</tr>
<tr>
<th>16px mono</th>
<td><img src="putty-16-mono.png" /></td>
<td><img src="puttycfg-16-mono.png" /></td>
<td><img src="pterm-16-mono.png" /></td>
<td><img src="ptermcfg-16-mono.png" /></td>
<td><img src="pscp-16-mono.png" /></td>
<td><img src="pageant-16-mono.png" /></td>
<td><img src="puttygen-16-mono.png" /></td>
<td><img src="puttyins-16-mono.png" /></td>
</tr>
<tr>
<th>16px colour</th>
<td><img src="putty-16.png" /></td>
<td><img src="puttycfg-16.png" /></td>
<td><img src="pterm-16.png" /></td>
<td><img src="ptermcfg-16.png" /></td>
<td><img src="pscp-16.png" /></td>
<td><img src="pageant-16.png" /></td>
<td><img src="puttygen-16.png" /></td>
<td><img src="puttyins-16-true.png" /><img src="puttyins-16.png" /></td>
</tr>
<tr>
<th>32px mono</th>
<td><img src="putty-32-mono.png" /></td>
<td><img src="puttycfg-32-mono.png" /></td>
<td><img src="pterm-32-mono.png" /></td>
<td><img src="ptermcfg-32-mono.png" /></td>
<td><img src="pscp-32-mono.png" /></td>
<td><img src="pageant-32-mono.png" /></td>
<td><img src="puttygen-32-mono.png" /></td>
<td><img src="puttyins-32-mono.png" /></td>
</tr>
<tr>
<th>32px colour</th>
<td><img src="putty-32.png" /></td>
<td><img src="puttycfg-32.png" /></td>
<td><img src="pterm-32.png" /></td>
<td><img src="ptermcfg-32.png" /></td>
<td><img src="pscp-32.png" /></td>
<td><img src="pageant-32.png" /></td>
<td><img src="puttygen-32.png" /></td>
<td><img src="puttyins-32-true.png" /><img src="puttyins-32.png" /></td>
</tr>
<tr>
<th>48px mono</th>
<td><img src="putty-48-mono.png" /></td>
<td><img src="puttycfg-48-mono.png" /></td>
<td><img src="pterm-48-mono.png" /></td>
<td><img src="ptermcfg-48-mono.png" /></td>
<td><img src="pscp-48-mono.png" /></td>
<td><img src="pageant-48-mono.png" /></td>
<td><img src="puttygen-48-mono.png" /></td>
<td><img src="puttyins-48-mono.png" /></td>
</tr>
<tr>
<th>48px colour</th>
<td><img src="putty-48.png" /></td>
<td><img src="puttycfg-48.png" /></td>
<td><img src="pterm-48.png" /></td>
<td><img src="ptermcfg-48.png" /></td>
<td><img src="pscp-48.png" /></td>
<td><img src="pageant-48.png" /></td>
<td><img src="puttygen-48.png" /></td>
<td><img src="puttyins-48-true.png" /><img src="puttyins-48.png" /></td>
</tr>
<tr>
<th>SVG mono</th>
<td><img src="putty-mono.svg" width="128" height="128" /></td>
<td><img src="puttycfg-mono.svg" width="128" height="128" /></td>
<td><img src="pterm-mono.svg" width="128" height="128" /></td>
<td><img src="ptermcfg-mono.svg" width="128" height="128" /></td>
<td><img src="pscp-mono.svg" width="128" height="128" /></td>
<td><img src="pageant-mono.svg" width="128" height="128" /></td>
<td><img src="puttygen-mono.svg" width="128" height="128" /></td>
<td><img src="puttyins-mono.svg" width="128" height="128" /></td>
</tr>
<tr>
<th>SVG colour</th>
<td><img src="putty.svg" width="128" height="128" /></td>
<td><img src="puttycfg.svg" width="128" height="128" /></td>
<td><img src="pterm.svg" width="128" height="128" /></td>
<td><img src="ptermcfg.svg" width="128" height="128" /></td>
<td><img src="pscp.svg" width="128" height="128" /></td>
<td><img src="pageant.svg" width="128" height="128" /></td>
<td><img src="puttygen.svg" width="128" height="128" /></td>
<td><img src="puttyins.svg" width="128" height="128" /></td>
</tr>
</table>
</body>
</html>