koch-code.html

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="preconnect" href="https://fonts.gstatic.com" />
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;300;400;600;700&display=swap"
    rel="stylesheet" />
  <link href="dist/css/style.css" rel="stylesheet" />
  <script type="module" src="dist/js/components/mm-kochcode.js"></script>
  <script type="module" src="dist/js/components/ui-elements/side-bar.js"></script>
  <script type="module" src="dist/js/index.js"></script>
  <title>Koch Code - Markup Monks</title>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0BEV3T4NK"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-B0BEV3T4NK');
  </script>
</head>

<body>
  <div class="content" data-content>
    <side-bar></side-bar>
    <section class="fractals">
      <header class="fractals__header fractals__header--full-view">
        <h1 class="fractals__main-header">Koch Code</h1>
        <h5 class="fractals__sub-header">
          Web component for Koch Code
        </h5>
        <p class="intro__details code">
          Usage:
          <code>&lt;mm-kochcode levels="5" showgrowth="true"&gt;&lt;/mm-kochcode&gt;
          </code>
        </p>
      </header>
      <div class="fractals__items">
        <mm-kochcode class="fractals__item--full-view" levels="5" showgrowth="true"></mm-kochcode>
        <mm-kochcode class="fractals__item--full-view fractals__item--flip-vertical" levels="5"
          showgrowth="true"></mm-kochcode>
      </div>
    </section>
  </div>
</body>

</html>