hatmaps.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  4. <title>Kitemaps and metamaps for the hat tiling generator</title>
  5. <style type="text/css">
  6. table, tbody, tr, td, th {
  7. border: 1px solid rgba(0, 0, 0, 0.3);
  8. border-collapse: collapse;
  9. }
  10. table.noborder, table.noborder tbody, table.noborder td,
  11. table.noborder th, table.noborder tr { border: none; }
  12. table {
  13. margin: 1em;
  14. }
  15. th, td {
  16. padding: 0.5em;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <h1>Kitemaps and metamaps for the hat tiling generator</h1>
  22. <p>See <a href="hats.html">hats.html</a> for the full explanation.</p>
  23. <p>Here's the full set of kitemaps and metamaps for all the tile
  24. types:</p>
  25. <table>
  26. <tr>
  27. <th>Tile name</th>
  28. <th>Original tile</th>
  29. <th>First-order expansion</th>
  30. <th>Kitemap</th>
  31. <th>Metamap</th>
  32. <tr>
  33. <td>H</td>
  34. <td><img src="single-H.svg"></td>
  35. <td><img src="expanded-H.svg"></td>
  36. <td><img src="kitemap-H.svg"></td>
  37. <td><img src="metamap-H.svg"></td>
  38. </tr>
  39. <tr>
  40. <td>T</td>
  41. <td><img src="single-T.svg"></td>
  42. <td><img src="expanded-T.svg"></td>
  43. <td><img src="kitemap-T.svg"></td>
  44. <td><img src="metamap-T.svg"></td>
  45. </tr>
  46. <tr>
  47. <td>P</td>
  48. <td><img src="single-P.svg"></td>
  49. <td><img src="expanded-P.svg"></td>
  50. <td><img src="kitemap-P.svg"></td>
  51. <td><img src="metamap-P.svg"></td>
  52. </tr>
  53. <tr>
  54. <td>F</td>
  55. <td><img src="single-F.svg"></td>
  56. <td><img src="expanded-F.svg"></td>
  57. <td><img src="kitemap-F.svg"></td>
  58. <td><img src="metamap-F.svg"></td>
  59. </tr>
  60. </table>
  61. </body>
  62. </html>