index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3
   4 <head>
   5     <meta charset="UTF-8">
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <script src="dist/circletext.js"></script>
   8     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
   9     <link rel="stylesheet" href="styles.css">
  10     <title>Antifa Generator</title>
  11 </head>
  12
  13 <body>
  14     <canvas id="logo" width="500" height="500">
  15         Your browser does not support the canvas element.
  16     </canvas>
  17     <script>
  18
  19         const canvas = document.getElementById("logo");
  20         ctx = canvas.getContext("2d");
  21         const background = new Image();
  22         background.src = 'https://raw.githubusercontent.com/BambataTech/antifa-generator/master/img/antifascist-action.png';
  23         background.onload = function () {
  24             ctx.drawImage(background, 0, 0, 500, 500);
  25             writeTopCircle("Programadores", "logo", 510, "white")
  26             writeBottomCircle("Antifacistas", "logo", 510, "white")
  27         }
  28     </script>
  29 </body>
  30
  31 </html>