code2img.github.io/index.html at main · code2img/code2img.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- theme-color will be updated by JS -->
    <meta name="theme-color" />
    <link rel="manifest" href="manifest.json" />
    <title>Code2Img</title>
    <link rel="icon" href="/assets/clipboard.svg" type="image/svg+xml" />
    <script src="/lib/html2canvas.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/style.css" />
  </head>
  <body>
    <input type="hidden" id="scale-factor" value="8">
    <h1 class="title">Share Code Quickly! 📋</h1>
    <div class="caption">
      Copy, paste, and create! Instantly beautify your code snippets with one
      click. It's that easy!
    </div>
    <div class="code-block" id="code-block"></div>
    <div class="options">
      <select id="language-selector">
        <option value="angular-html">Angular HTML</option>
        <option value="angular-ts">Angular</option>
        <option value="astro">Astro</option>
        <option value="blade">Blade</option>
        <option value="c">C</option>
        <option value="coffee">CoffeeScript</option>
        <option value="cpp">C++</option>
        <option value="css">CSS</option>
        <option value="glsl">GLSL</option>
        <option value="graphql">GraphQL</option>
        <option value="haml">Ruby Haml</option>
        <option value="handlebars">Handlebars</option>
        <option value="html">HTML</option>
        <option value="html-derivative">HTML (Derivative)</option>
        <option value="http">HTTP</option>
        <option value="imba">Imba</option>
        <option value="java">Java</option>
        <option value="javascript" selected>JavaScript</option>
        <option value="jinja">Jinja</option>
        <option value="jison">Jison</option>
        <option value="json">JSON</option>
        <option value="json5">JSON5</option>
        <option value="jsonc">JSON with</option>
        <option value="jsonl">JSON Lines</option>
        <option value="jsx">JSX</option>
        <option value="julia">Julia</option>
        <option value="less">Less</option>
        <option value="lua">Lua</option>
        <option value="markdown">Markdown</option>
        <option value="marko">Marko</option>
        <option value="mdc">MDC</option>
        <option value="mdx">MDX</option>
        <option value="php">PHP</option>
        <option value="postcss">PostCSS</option>
        <option value="pug">Pug</option>
        <option value="python">Python</option>
        <option value="r">R</option>
        <option value="ruby">Ruby</option>
        <option value="sass">Sass</option>
        <option value="scss">SCSS</option>
        <option value="shellscript">Shell</option>
        <option value="sql">SQL</option>
        <option value="stylus">Stylus</option>
        <option value="svelte">Svelte</option>
        <option value="toml">TOML</option>
        <option value="tsx">TSX</option>
        <option value="typescript">TypeScript</option>
        <option value="vue">Vue</option>
        <option value="vue-html">Vue HTML</option>
        <option value="wasm">WebAssembly</option>
        <option value="wgsl">WGSL</option>
        <option value="xml">XML</option>
        <option value="yaml">YAML</option>
      </select>
      <button id="copy-button">
        Copy
        <div class="button-icon-container">
          <div class="copy-icon button-icon"></div>
        </div>
      </button>
      <button id="download-button">
        Download
        <div class="button-icon-container">
          <div class="download-icon button-icon"></div>
        </div>
      </button>
    </div>
  </body>
  <script type="module" src="/script.js"></script>
</html>