petracoding.github.io/notion-to-quizlet.html at main · petracoding/petracoding.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
  <head>
    <title>Notion to Quizlet</title>
    <script src="main.js"></script>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <meta content="utf-8" http-equiv="encoding" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Mukta:wght@300&display=swap" rel="stylesheet" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
  </head>
  <body class="notion-to-quizlet">
    <main>
      <h1>Notion to Quizlet</h1>
      <br />

      <textarea id="input" placeholder="Paste here" style="min-height: 100px; font-size: 0.7em; line-height: 1"></textarea>

      <hr />

      <textarea id="output1" readonly style="min-height: 300px; line-height: 1.3"></textarea>

      <p>(Copied automatically)</p>
      <!--
      <hr />

      <div id="output2" style="line-height: 1.3"></div>
   -->
    </main>
    <div class="back-link" aria-hidden="true"><a href="/">⮪</a></div>
  </body>
</html>