Command-Injection/index.html at main · K3rn4lp4n1c/Command-Injection · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>K3RN4LP4N1C's Image Detector</title>

  <!-- favicon is set from script.js to the same remote logo URL -->
  <link rel="icon" id="favicon" href="" />

  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <header class="site-header">
    <div class="brand">
      <img data-logo alt="K3RN4LP4N1C logo" class="logo" />
      <div class="wordmark">
        <h1>K3RN4LP4N1C</h1>
        <p class="subtitle">Image Detector</p>
      </div>
    </div>
    <nav class="toolbar">
      <button id="aboutBtn" class="ghost">Read Me</button>
    </nav>
  </header>

  <main class="container">
    <section class="panel">
      <h2 class="panel-title">Upload Your File</h2>

      <form id="analyzeForm" autocomplete="off">
        <div id="dropzone" class="dropzone" tabindex="0" aria-label="Drop a file here or use the picker">
          <input id="fileInput" type="file" class="file-input" />
          <div class="dz-inner">
            <svg aria-hidden="true" viewBox="0 0 24 24" class="icon-upload">
              <path d="M12 16V4m0 0l-4 4m4-4l4 4M4 16v4h16v-4" fill="none" stroke="currentColor" stroke-width="2"/>
            </svg>
            <p><strong>Drag & drop</strong> a file here, or <span class="linklike">browse</span></p>
          </div>

          <div id="preview" class="preview" hidden>
            <img id="thumb" src="https://i.pinimg.com/1200x/bc/13/18/bc131808abfbd10f32cc4b4562f9dbc7.jpg" alt="thumb" />
            <div class="meta">
              <div class="name" id="fileName">filename</div>
              <div class="size" id="fileSize">0 B</div>
            </div>
          </div>
        </div>

        <div class="actions">
          <button id="submitBtn" type="submit" class="primary" disabled>Analyze</button>
          <button id="resetBtn" type="button" class="ghost">Reset</button>
        </div>

        <div class="progress-wrap" hidden>
          <div class="progress" id="progress"></div>
        </div>
      </form>
    </section>

    <section class="panel results">
      <h2 class="panel-title">Result</h2>
      <div id="resultCard" class="result-card muted">
        <div class="result-pill" id="pill">Waiting…</div>
        <pre id="raw" class="raw"></pre>
      </div>
    </section>
  </main>

  <dialog id="about">
    <h3>Instructions</h3>
    <p>Welcome to K3RN4LP4N1C's Image Detector! This tool allows you to analyze a file (less than 50mb) to determine if it is an image.</p>
    <p>To use the tool, simply drag and drop a file into the designated area or click to browse your files. Once you've selected a file, click the "Analyze" button.</p>
    <p>If you suspect that the tool has been corrupted, pass any file with <code>exiftool_test.png</code> as its filename and it should return true. Otherwise, report to an admin.</p>
    <p id="hint">If you're worried about us keeping your files, check out our source code</p>
    <form method="dialog">
      <button class="primary">Close</button>
    </form>
  </dialog>

  <footer class="site-footer">
    <small>Built for the K3RN4LP4N1C, DSU CTF and other authorized users. Use responsibly and within scope.</small>
  </footer>

  <script src="script.js"></script>
</body>
</html>