hailbytes-api-docs/docs/index.html at main · HailBytes/hailbytes-api-docs · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>HailBytes API Reference</title>
    <meta name="description" content="Interactive REST API reference for HailBytes ASM (Attack Surface Management) and SAT (Security Awareness Training)." />
    <!-- Open Graph / social sharing -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="HailBytes" />
    <meta property="og:title" content="HailBytes API Reference" />
    <meta property="og:description" content="Interactive REST API reference for HailBytes ASM (Attack Surface Management) and SAT (Security Awareness Training)." />
    <meta property="og:url" content="https://hailbytes.github.io/hailbytes-api-docs/" />
    <!-- Twitter / X card -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="HailBytes API Reference" />
    <meta name="twitter:description" content="Interactive REST API reference for HailBytes ASM (Attack Surface Management) and SAT (Security Awareness Training)." />
    <link rel="canonical" href="https://hailbytes.github.io/hailbytes-api-docs/" />
    <style>
      body { margin: 0; padding: 0; font-family: Roboto, -apple-system, BlinkMacSystemFont, sans-serif; }
      #nav {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.6rem 1rem;
        background: #1d2330;
        border-bottom: 1px solid #11141c;
        position: sticky;
        top: 0;
        z-index: 10;
      }
      #nav .brand { color: #fff; font-weight: 600; margin-right: 1rem; }
      #nav button {
        background: transparent;
        color: #c2c9d6;
        border: 1px solid transparent;
        border-radius: 6px;
        padding: 0.4rem 0.9rem;
        font-size: 0.9rem;
        cursor: pointer;
      }
      #nav button:hover { color: #fff; }
      #nav button.active { background: #32507e; color: #fff; }
    </style>
  </head>
  <body>
    <div id="nav">
      <span class="brand">HailBytes API Reference</span>
      <button id="tab-asm" data-spec="asm-openapi.yaml">ASM &mdash; Attack Surface Management</button>
      <button id="tab-sat" data-spec="sat-openapi.yaml">SAT &mdash; Security Awareness Training</button>
    </div>
    <div id="redoc-container"></div>
    <script
      src="https://cdn.jsdelivr.net/npm/redoc@2.5.3/bundles/redoc.standalone.js"
      integrity="sha384-xiEssMQFSpSfLbzRZCGfxxIM5QDb2DTrU6vyoZdp2sV1L6pmOMy6MpTtUoLbpC96"
      crossorigin="anonymous"
    ></script>
    <script>
      var REDOC_OPTIONS = {
        hideDownloadButton: false,
        expandResponses: "200,201",
        requiredPropsFirst: true,
        sortPropsAlphabetically: false
      };
      var container = document.getElementById("redoc-container");

      function loadSpec(specUrl) {
        Redoc.init(specUrl, REDOC_OPTIONS, container);
      }

      function activate(btn) {
        document.querySelectorAll("#nav button").forEach(function (b) {
          b.classList.remove("active");
        });
        btn.classList.add("active");
        loadSpec(btn.getAttribute("data-spec"));
      }

      document.querySelectorAll("#nav button").forEach(function (btn) {
        btn.addEventListener("click", function () {
          activate(btn);
          history.replaceState(null, "", "#" + btn.id.replace("tab-", ""));
        });
      });

      // Honour #asm / #sat deep links; default to ASM.
      var initialId = location.hash === "#sat" ? "tab-sat" : "tab-asm";
      activate(document.getElementById(initialId));
    </script>
  </body>
</html>