MetaOSINT.github.io/chart.html at main · ZaMpAdAKiNg/MetaOSINT.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
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The page supports only a dark color schemes -->
    <meta name="color-scheme" content="dark">

    <meta name="title" property="og:title" content="MetaOSINT | Jumpstart Your OSINT Investigation"/>
    <meta name="type" property="og:type" content="website"/>
    <meta name="image" property="og:image" content="https://raw.githubusercontent.com/MetaOSINT/MetaOSINT.github.io/main/assets/images/mo_chart_full.png"/>
    <meta name="url" property="og:url" content="https://metaosint.github.io/chart"/>
    <meta name="description" property="og:description" content='MetaOSINT enables open source intelligence ("OSINT") practitioners to jumpstart their investigations by quickly identifying relevant, publicly-available tools and resources, saving valuable time during investigations, research, and analysis.'/>
    <meta name="author" content="TropChaud">

    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@IntelScott"/>
    <meta name="twitter:title" content="MetaOSINT | Jumpstart Your OSINT Investigation"/>
    <meta name="twitter:description" content='MetaOSINT enables open source intelligence ("OSINT") practitioners to jumpstart their investigations by quickly identifying relevant, publicly-available tools and resources, saving valuable time during investigations, research, and analysis.'/>
    <meta name="twitter:image" content="https://raw.githubusercontent.com/MetaOSINT/MetaOSINT.github.io/main/assets/images/mo_chart_full.png" />
    <!-- Replace the Bootstrap CSS with the
         Bootstrap-Dark Variant CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" rel="stylesheet">

    <title>MetaOSINT | Jumpstart Your OSINT Investigation | Interactive Visualization</title>
    <link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/MetaOSINT/MetaOSINT.github.io/main/assets/images/MetaOSINT_favicon.png">

    <style>
    .social-icon {
      text-align: center;
      text-decoration: none;
      fill: #c0c0c0;
    }
    </style>

  </head>
  <body>

    <script async defer src="https://buttons.github.io/buttons.js"></script>

    <div class="col" style="height:150px;width:60%;float:left">

      <p style="text-align:right;padding:0px">
        <a href="https://metaosint.github.io/"><img src="https://raw.githubusercontent.com/MetaOSINT/MetaOSINT.github.io/main/assets/images/metaosint_dark.png" alt="MetaOSINT" style="width:33%;max-width:283px"></a>
      </p>

    </div>

    <div class="col" style="height:150px;width:40%;float:right;padding:20px 40px 0px 0px">

        <p style="text-align:right">
        <a class="nav-link" href="https://tropchaud.github.io/" target="_blank" style="text-decoration:none;padding:10px;font-size:16px">
            <svg xmlns="http://www.w3.org/2000/svg" class="social-icon" height="18" width="18" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M384 480h48c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224H144c-11.4 0-21.9 6-27.6 15.9L48 357.1V96c0-8.8 7.2-16 16-16H181.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8H416c8.8 0 16 7.2 16 16v32h48V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H87.7 384z"/></svg>
           TropChaud's project portfolio
        </a>
        <a class="github-button" href="https://github.com/MetaOSINT/MetaOSINT.github.io" data-icon="octicon-star" data-show-count="true" aria-label="Star MetaOSINT/MetaOSINT.github.io on GitHub">Star</a>
        <br>
        <a class="github-button" href="https://github.com/MetaOSINT/MetaOSINT.github.io/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork MetaOSINT/MetaOSINT.github.io on GitHub">Fork</a>
        </p>

    </div>

    <div>
        <p style="text-align:center;padding:185px 0px 0px 0px"><i>MetaOSINT's author recently published an analysis on trends in the OSINT landscape, based on 5 years' worth of collecting tools & resources. Check it out <a href="2023-osint-trends-analysis.html" target="_blank">here</a>.</i></p>
        <p style="text-align:center;padding:0px 0px 8px 0px">Click into & out of the circles to zoom. <i style="text-decoration:underline">Note</i><i>: The 3rd layer (blue text) contains live links to unvetted sites!</i> See also the <a href="https://metaosint.github.io/learn-more#tutorial" target="_blank">tutorial</a>, or switch to the <a href="https://metaosint.github.io/table">searchable table</a>.</p>
    </div>

    <script type="module">
    import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
    import define from "https://api.observablehq.com/@metaosint/metaosint_2022.js?v=3";
    new Runtime().module(define, name => {
      if (name === "chart") return new Inspector(document.querySelector("#observablehq-chart-3420ba0a"));
    });
    </script>

    <div id="observablehq-chart-3420ba0a" style="margin-right:5%;margin-left:5%"></div>

    <p style="text-align:center;padding:20px 0px 15px 0px;font-size:20px"><a href="https://metaosint.github.io/learn-more" target="_blank">Learn More</a></p>

  </body>
</html>