templates/index.html 2.3 K raw
1
<!doctype html>
2
<html lang="en">
3
  <head>
4
    <meta charset="UTF-8" />
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
    <meta name="theme-color" content="#121113" />
7
    <link rel="stylesheet" href="/static/styles.css" />
8
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
9
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
10
    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
11
    <link rel="manifest" href="/assets/site.webmanifest">
12
13
    <title>Sipp</title>
14
    <meta name="description" content="Minimal Code Sharing">
15
16
    <meta property="og:url" content="https://sipp.so">
17
    <meta property="og:type" content="website">
18
    <meta property="og:title" content="Sipps">
19
    <meta property="og:description" content="Minimal Code Sharing">
20
    <meta property="og:image" content="https://sipp.so/assets/og.png">
21
22
    <meta name="twitter:card" content="summary_large_image">
23
    <meta property="twitter:domain" content="sipp.so">
24
    <meta property="twitter:url" content="https://sipp.so">
25
    <meta name="twitter:title" content="Sipps">
26
    <meta name="twitter:description" content="Minimal Code Sharing">
27
    <meta name="twitter:image" content="https://sipp.so/assets/og.png">
28
  </head>
29
  <body>
30
    <a href="/" class="header">
31
      <h1>SIPP</h1>
32
    </a>
33
34
    <div class="links">
35
      <a target="_blank" href="https://github.com/stevedylandev/sipp">
36
        GitHub
37
      </a>
38
      <a href="/about">About</a>
39
      <p>by <a target="_blank" href="https://stevedylan.dev">Steve</a></p>
40
    </div>
41
42
    <form id="snippetForm" method="POST" action="/snippets">
43
      <div>
44
        <input placeholder="index.ts" type="text" id="name" name="name" required>
45
      </div>
46
47
      <div>
48
        <textarea placeholder="// paste your code here" id="content" name="content" required></textarea>
49
      </div>
50
51
      <button type="submit">Create Snippet</button>
52
    </form>
53
54
    <script>
55
      document.getElementById('content').addEventListener('keydown', (e) => {
56
        if (e.metaKey && e.key === 'Enter' || e.ctrlKey && e.key === 'Enter') {
57
          e.preventDefault();
58
          document.getElementById('snippetForm').requestSubmit();
59
        }
60
      });
61
    </script>
62
  </body>
63
</html>