example/tweet.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>embetty</title>
  <link href="app.css" rel="stylesheet" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/themes/prism.min.css" rel="stylesheet" />
  <meta data-embetty-server=".">
  <script async src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/prism.min.js"></script>
  <script async src="embetty.js"></script>
</head>
<body>
  <header>
    <h1>embetty</h1>
    <h2>Basic usage</h2>
  </header>
  <main>
    <embetty-tweet status="880759671543541763"></embetty-tweet>

    <article>
      <pre><code class="language-html">&lt;embetty-tweet status=&quot;941595208298483712&quot;&gt;&lt;/embetty-tweet&gt;</code></pre>
      <embetty-tweet status="941595208298483712"></embetty-tweet>
    </article>
    <article>
      <pre><code class="language-html">&lt;embetty-tweet status=&quot;928365837123227654&quot;&gt;&lt;/embetty-tweet&gt;</code></pre>
      <embetty-tweet status="928365837123227654"></embetty-tweet>
    </article>

    <article>
      <embetty-tweet class="my-theme" status="934386458852495360"></embetty-tweet>
      <pre><code class="language-html">&lt;style&gt;
  .my-theme {
    --embetty-border-color: red;
    --embetty-font-family: 'Comic Sans MS';
  }
&lt;/style&gt;
&lt;embetty-tweet class=&quot;my-theme&quot; status=&quot;934386458852495360&quot;&gt;&lt;/embetty-tweet&gt;
      </code></pre>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;880759671543541763&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="880759671543541763"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;916618051906428928&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="916618051906428928"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;916618051906428928&quot; include-thread&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="916618051906428928" include-thread></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;936339584740454402&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="936339584740454402"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;587993401691373568&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="587993401691373568"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;921685144594931712&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="921685144594931712"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;934029337019416579&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="934029337019416579"></embetty-tweet>
    </article>

    <article>
      <pre><code class="language-html"><pre><code class="language-html">&lt;embetty-tweet status=&quot;935819741947744256&quot;&gt;&lt;/embetty-tweet&gt;</code></pre></code></pre>
      <embetty-tweet status="935819741947744256"></embetty-tweet>
    </article>

  </main>
</body>
</html>