CyberTools/about.html at main · ctlib/CyberTools · 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
92
93
94
95
96
97
98
99
100
101
102
103
<!doctype html>
<html lang="en" data-theme="dark">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>About CyberTools - Private Browser-Based Security Tools</title>
        <meta name="description" content="CyberTools is a free, open-source cybersecurity toolkit for analysts, pentesters, CTF players, and developers. Everything runs locally in the browser." />
        <link rel="canonical" href="https://ctlib.github.io/CyberTools/about.html" />
        <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self'; worker-src 'self'; manifest-src 'self'; object-src 'none'; frame-src 'none'; frame-ancestors 'none'; base-uri 'self'; form-action 'self';" />

        <!-- Search metadata -->
        <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
        <meta name="theme-color" content="#0d1117" />
        <meta name="keywords" content="about cybertools, open source security tools, private cybersecurity toolkit" />
        <meta property="og:site_name" content="CyberTools" />
        <meta property="og:locale" content="en_US" />
        <meta property="og:title" content="About CyberTools - Private Browser-Based Security Tools" />
        <meta property="og:description" content="CyberTools is a free, open-source cybersecurity toolkit for analysts, pentesters, CTF players, and developers. Everything runs locally in the browser." />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="https://ctlib.github.io/CyberTools/about.html" />
        <meta property="og:image" content="https://ctlib.github.io/CyberTools/assets/logowb.png" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="About CyberTools - Private Browser-Based Security Tools" />
        <meta name="twitter:description" content="CyberTools is a free, open-source cybersecurity toolkit for analysts, pentesters, CTF players, and developers. Everything runs locally in the browser." />
        <meta name="twitter:image" content="https://ctlib.github.io/CyberTools/assets/logowb.png" />
        <link rel="alternate" hreflang="en" href="https://ctlib.github.io/CyberTools/about.html" />
        <link rel="alternate" hreflang="x-default" href="https://ctlib.github.io/CyberTools/about.html" />
        <link rel="sitemap" type="application/xml" href="sitemap.xml" />
        <script type="application/ld+json">
        {"@context":"https://schema.org","@graph":[{"@type":"AboutPage","@id":"https://ctlib.github.io/CyberTools/about.html#webpage","name":"About CyberTools - Private Browser-Based Security Tools","url":"https://ctlib.github.io/CyberTools/about.html","description":"CyberTools is a free, open-source cybersecurity toolkit for analysts, pentesters, CTF players, and developers. Everything runs locally in the browser.","isPartOf":{"@id":"https://ctlib.github.io/CyberTools/#website"},"inLanguage":"en"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"CyberTools","item":"https://ctlib.github.io/CyberTools/"},{"@type":"ListItem","position":2,"name":"About CyberTools - Private Browser-Based Security Tools","item":"https://ctlib.github.io/CyberTools/about.html"}]}]}
        </script>
        <!-- /Search metadata -->
        <link rel="icon" href="assets/logowb.png" type="image/png" />
        <link rel="preload" href="assets/fonts/inter.woff2" as="font" type="font/woff2" crossorigin />
        <link rel="stylesheet" href="css/design-system.css" />
        <link rel="stylesheet" href="css/global.css" />
        <link rel="stylesheet" href="css/tailwind.css" />
        <script src="js/theme.js"></script>
    </head>
    <body data-ct-active-tool="">
        <main id="ct-main" style="max-width:760px;margin:0 auto;">
            <h1 style="font-size:28px;font-weight:800;color:var(--text);margin:0 0 8px;">About CyberTools</h1>
            <p style="font-size:14px;color:var(--text-muted);margin:0 0 40px;">Maintained by CTLib</p>

            <section style="margin-bottom:40px;">
                <h2 style="font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px;">The mission</h2>
                <p style="font-size:14px;color:var(--text-muted);margin:0 0 12px;line-height:1.6;">CyberTools exists because security professionals should not have to paste sensitive data into random unverified websites. The goal is to be the single toolkit that replaces 15+ scattered bookmarks - one place, fully trustworthy, works everywhere.</p>
                <p style="font-size:14px;color:var(--text-muted);margin:0;line-height:1.6;">Built for analysts, pentesters, CTF players, malware reversers, SOC teams, bug bounty hunters, and developers.</p>
            </section>

            <section style="margin-bottom:40px;">
                <h2 style="font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px;">Core principles</h2>
                <div style="display:flex;flex-direction:column;gap:12px;">
                    <div style="display:flex;gap:12px;align-items:flex-start;">
                        <span style="color:var(--accent);font-weight:700;flex-shrink:0;width:20px;">1.</span>
                        <div><strong style="color:var(--text);">100% client-side.</strong> <span style="color:var(--text-muted);">Zero data leaves your browser, provable in DevTools.</span></div>
                    </div>
                    <div style="display:flex;gap:12px;align-items:flex-start;">
                        <span style="color:var(--accent);font-weight:700;flex-shrink:0;width:20px;">2.</span>
                        <div><strong style="color:var(--text);">Zero tracking.</strong> <span style="color:var(--text-muted);">No analytics. No cookies. No ads. No signups. Forever.</span></div>
                    </div>
                    <div style="display:flex;gap:12px;align-items:flex-start;">
                        <span style="color:var(--accent);font-weight:700;flex-shrink:0;width:20px;">3.</span>
                        <div><strong style="color:var(--text);">Open-source transparency.</strong> <span style="color:var(--text-muted);">Every line of code is publicly auditable on GitHub under MIT.</span></div>
                    </div>
                    <div style="display:flex;gap:12px;align-items:flex-start;">
                        <span style="color:var(--accent);font-weight:700;flex-shrink:0;width:20px;">4.</span>
                        <div><strong style="color:var(--text);">Quality over quantity.</strong> <span style="color:var(--text-muted);">20 perfect tools beats 100 buggy ones.</span></div>
                    </div>
                </div>
            </section>

            <section style="margin-bottom:40px;">
                <h2 style="font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px;">Tech stack</h2>
                <div style="display:flex;flex-wrap:wrap;gap:8px;">
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">HTML5</span>
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">Vanilla JavaScript</span>
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">TailwindCSS (self-hosted)</span>
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">WebCrypto API</span>
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">Service Workers (PWA)</span>
                    <span style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text);">GitHub Pages</span>
                </div>
            </section>

            <section style="margin-bottom:40px;">
                <h2 style="font-size:18px;font-weight:700;color:var(--text);margin:0 0 16px;">Contribute</h2>
                <p style="font-size:14px;color:var(--text-muted);margin:0 0 16px;line-height:1.6;">CyberTools is open to contributions. See the <a href="https://github.com/ctlib/CyberTools/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer" style="color:var(--accent-2);">CONTRIBUTING.md</a> guide for how to add a new tool, report a bug, or improve an existing tool.</p>
                <a href="https://github.com/ctlib/CyberTools" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:border-color 150ms;" onmouseover="this.style.borderColor='var(--accent-2)'" onmouseout="this.style.borderColor='var(--border)'">
                    View on GitHub
                </a>
            </section>
        </main>

        <script src="js/app.js" defer></script>
        <script src="js/history.js" defer></script>
        <script src="js/share.js" defer></script>
        <script src="js/smart-detect.js" defer></script>
        <script src="js/components.js" defer></script>
        <script src="js/shortcuts.js" defer></script>
        <script src="js/pwa.js" defer></script>
        <script src="js/page-init.js" defer></script>
    </body>
</html>