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/circletype.min.js"></script>
   8     <link rel="stylesheet" href="styles.css">
   9     <title>Antifa Generator</title>
  10 </head>
  11
  12 <body>
  13     <section class="logo">
  14         <h2 class="logo-text" id="antifa-group"> Grupo </h2>
  15         <h2 class="logo-text" id="antifa"> Antifacistas </h2>
  16
  17     </section>
  18     <script>
  19         const antifaGroup = document.getElementById('antifa-group')
  20         const antifa = document.getElementById('antifa')
  21         const radius = 500;
  22
  23         new CircleType(antifaGroup)
  24             .radius(radius);
  25
  26         new CircleType(antifa)
  27             .dir(-1)
  28             .radius(radius);
  29     </script>
  30 </body>
  31
  32 </html>