DMARC4all/authentication_graph.html at main · ToppyMicroServices/DMARC4all · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; base-uri 'none'; object-src 'none'; frame-ancestors 'none'; form-action 'self'; script-src 'self'; script-src-attr 'none'; style-src 'self' 'unsafe-inline'; font-src 'self'; img-src 'self' https: data:; connect-src 'self' https:;">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#0d1b2a">
  <title data-tool-i18n="page.documentTitle">Authentication Supply Chain | DMARC4all</title>
  <meta id="authentication-graph-description" name="description" content="Visualize declared SPF and DKIM infrastructure beside locally supplied message and RUA observations.">
  <link rel="canonical" href="https://dmarc4all.toppymicros.com/authentication_graph.html">
  <link rel="icon" type="image/png" sizes="180x180" href="apple-touch-icon.png">
  <link rel="manifest" href="manifest.webmanifest?v=2">
  <link rel="stylesheet" href="assets/fonts/fonts.css">
  <link rel="stylesheet" href="styles.css?v=13">
  <script type="module" src="authentication_graph.js?v=20"></script>
</head>
<body>
  <div class="shell">
    <div class="brandbar" aria-label="ToppyMicroServices">
      <a href="index.html" class="brand-link">
        <img src="apple-touch-icon.png" alt="ToppyMicroServices">
        <span class="brand-name">ToppyMicroServices</span>
      </a>
      <div class="brand-actions">
        <nav class="lang-switch" aria-label="Language" data-tool-i18n-aria-label="page.language">
          <button type="button" class="lang-btn" data-lang-choice="ja" title="日本語" aria-label="日本語" aria-pressed="false">JA</button>
          <button type="button" class="lang-btn" data-lang-choice="en" title="English" aria-label="English" aria-pressed="false">EN</button>
          <button type="button" class="lang-btn" data-lang-choice="es" title="Español" aria-label="Español" aria-pressed="false">ES</button>
          <button type="button" class="lang-btn" data-lang-choice="de" title="Deutsch" aria-label="Deutsch" aria-pressed="false">DE</button>
          <button type="button" class="lang-btn" data-lang-choice="ko" title="한국어" aria-label="한국어" aria-pressed="false">KO</button>
          <button type="button" class="lang-btn" data-lang-choice="vi" title="Tiếng Việt" aria-label="Tiếng Việt" aria-pressed="false">VI</button>
          <button type="button" class="lang-btn" data-lang-choice="th" title="ไทย" aria-label="ไทย" aria-pressed="false">TH</button>
          <button type="button" class="lang-btn" data-lang-choice="km" title="ភាសាខ្មែរ" aria-label="ភាសាខ្មែរ" aria-pressed="false">KM</button>
          <button type="button" class="lang-btn" data-lang-choice="my" title="မြန်မာ" aria-label="မြန်မာ" aria-pressed="false">MY</button>
          <button type="button" class="lang-btn" data-lang-choice="id" title="Bahasa Indonesia" aria-label="Bahasa Indonesia" aria-pressed="false">ID</button>
          <button type="button" class="lang-btn" data-lang-choice="et" title="Eesti" aria-label="Eesti" aria-pressed="false">ET</button>
          <button type="button" class="lang-btn" data-lang-choice="zh" title="中文" aria-label="中文" aria-pressed="false">ZH</button>
          <button type="button" class="lang-btn" data-lang-choice="ru" title="Русский" aria-label="Русский" aria-pressed="false">RU</button>
        </nav>
        <a class="brand-github" href="https://github.com/ToppyMicroServices/DMARC4all" target="_blank" rel="noopener" aria-label="GitHub">GitHub</a>
      </div>
    </div>

    <main class="graph-shell">
      <header class="graph-heading">
        <p class="pill" data-tool-i18n="page.pill">Evidence-separated</p>
        <h1 data-tool-i18n="page.title">SPF / DKIM Authentication Supply Chain</h1>
        <p data-tool-i18n="page.intro">Compare DNS-declared infrastructure with locally supplied observations. Unresolved references remain explicitly unresolved.</p>
      </header>

      <section class="graph-workspace" aria-label="Authentication graph builder" data-tool-i18n-aria-label="graph.aria">
		<form id="authentication-graph-form" class="graph-input" aria-describedby="authentication-graph-hint">
          <label class="file-control" for="authentication-graph-files"><span data-tool-i18n="page.load">Load exported JSON</span><input id="authentication-graph-files" type="file" accept=".json,application/json" multiple></label>
          <p id="authentication-graph-file-name" class="tiny muted" aria-live="polite" data-tool-i18n="graph.none">No files selected.</p>
          <label for="authentication-graph-input" data-tool-i18n="page.input">Graph input JSON</label>
          <textarea id="authentication-graph-input" rows="18" maxlength="2097152" spellcheck="false"></textarea>
          <div class="header-analysis-actions">
            <button type="button" id="authentication-graph-example" class="btn-secondary" data-tool-i18n="page.example">Load example</button>
            <button type="submit" id="authentication-graph-submit" class="btn-gradient" data-tool-i18n="page.build">Build graph</button>
          </div>
          <p id="authentication-graph-hint" class="tiny muted m-0" data-tool-i18n="page.hint">Load one or more portable diagnosis, Header Analyzer, RUA Analyzer, CLI check, snapshot, or RUA JSON exports. All inputs must refer to the same domain and are processed locally.</p>
        </form>

        <section id="authentication-graph-result" class="graph-result" aria-live="polite" aria-label="Authentication graph result" data-tool-i18n-aria-label="graph.resultAria">
          <p class="muted" data-tool-i18n="page.waiting">Waiting for evidence.</p>
        </section>
      </section>

      <p class="tiny muted graph-back"><a href="index.html" data-tool-i18n="page.back">Back to DNS diagnosis</a> / <a href="rua_analyzer.html" data-tool-i18n="page.rua">RUA Analyzer</a></p>
    </main>
  </div>
</body>
</html>