index.html 985 B

12345678910111213141516171819202122232425262728
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="max80.css" />
  5. <title>MAX80: Hello, World!</title>
  6. </head>
  7. <body>
  8. <p>
  9. <svg width="315" height="100" viewBox="0 0 315 100">
  10. <mask id="mask">
  11. <g dominant-baseline="middle" text-rendering="geometricPrecision" paint-order="stroke fill" fill="white" stroke="black">
  12. <text font-family="Prisma" x="164" y="50" font-size="100">X</text>
  13. <text font-family="Prisma" x="100.4" y="50" font-size="100" stroke-width="3">A</text>
  14. <text font-family="Prisma" x="5" y="50" font-size="100" stroke-width="3">M</text>
  15. <text font-family="Helvetica" x="150" y="56" font-size="50" font-weight="bold" transform="scale(1.5 1)">80</text>
  16. </g>
  17. </mask>
  18. <rect x="0" y="0" width="100%" height="100%" fill="black" mask="url(#mask)" />
  19. </svg>
  20. <br />
  21. by Peter &amp; Per
  22. </p>
  23. <hr />
  24. <h1>Hello, World!</h1>
  25. <p>This is a file from a zip archive on MAX80.</p>
  26. </body>
  27. </html>