example/index.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>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <header>
    <h1>embetty</h1>
    <h2>Basic usage</h2>
  </header>
  <main>

    <h3>Tweet</h3>
    <p><a href="tweet.html">More examples</a></p>
    <article>
      <embetty-tweet status="928365837123227654"></embetty-tweet>
      <pre><code class="language-html">&lt;embetty-tweet status=&quot;928365837123227654&quot;&gt;&lt;/embetty-tweet&gt;</code></pre>
    </article>

    <h3>Video</h3>
    <p><a href="video.html">More examples</a></p>
    <article>
      <embetty-video type="youtube" video-id="m6UOo2YGbIE"></embetty-video>
      <pre><code class="language-html">&lt;embetty-video video-id=&quot;m6UOo2YGbIE&quot; type=&quot;youtube&quot;&gt;&lt;/embetty-video&gt;</code></pre>
    </article>
  </main>
</body>