inputdrive.github.io/tools.html at main · inputdrive/inputdrive.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Client-side security tools, an IP lookup demo, and calculators. Experiments sit here so the consulting pages stay focused.">
    <meta name="theme-color" content="#0969da">
    <meta name="color-scheme" content="light dark">
    <link rel="canonical" href="https://inputdrivesecurity.us/tools.html">
    <link rel="icon" href="/assets/logo.svg" type="image/svg+xml">
    <title>Tools | Input Drive Security</title>
    <link rel="stylesheet" href="/stylesheet.css">
</head>
<body>
    <a href="#main-content" class="skip-link">Skip to main content</a>
    <header class="site-header">
        <div class="header-inner">
            <a href="/" class="brand" aria-label="Input Drive Security home">
                <img src="/assets/logo.svg" alt="" width="36" height="36" class="brand-logo">
                <span class="brand-text">
                    <strong>Input Drive Security</strong>
                    <span class="brand-tag">Independent consulting</span>
                </span>
            </a>
            <nav class="main-nav" aria-label="Primary">
                <a href="/" data-nav="home">Home</a>
                <a href="/services.html" data-nav="services">Services</a>
                <a href="/about.html" data-nav="about">About</a>
                <a href="/tools.html" data-nav="tools" aria-current="page">Tools</a>
                <a href="/contact.html" data-nav="contact" class="nav-cta">Contact</a>
            </nav>
            <div class="header-actions">
                <a class="header-wa" href="https://wa.me/19047705355" target="_blank" rel="noopener noreferrer">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.52 3.48A11.86 11.86 0 0012.06 0C5.5 0 .16 5.33.16 11.9c0 2.1.55 4.15 1.6 5.96L0 24l6.3-1.65a11.9 11.9 0 005.75 1.47h.01c6.56 0 11.9-5.34 11.9-11.91 0-3.18-1.24-6.17-3.44-8.43zM12.06 21.8h-.01a9.9 9.9 0 01-5.04-1.38l-.36-.21-3.74.98 1-3.64-.24-.37a9.86 9.86 0 01-1.51-5.28c0-5.45 4.44-9.88 9.9-9.88 2.64 0 5.13 1.03 7 2.9a9.83 9.83 0 012.9 6.98c0 5.45-4.44 9.9-9.9 9.9zm5.43-7.4c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48a8.97 8.97 0 01-1.66-2.06c-.17-.3 0-.46.13-.6.13-.13.3-.35.44-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.48.71.3 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>
                    <span>WhatsApp</span>
                </a>
                <button id="themeToggle" class="theme-toggle" aria-pressed="false" aria-label="Toggle light and dark mode">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" /></svg>
                </button>
            </div>
        </div>
    </header>

    <main id="main-content" class="wrap">
        <p class="kicker">Tools</p>
        <h1>Working demos, kept off the homepage</h1>
        <p class="lede">These pages stay on the domain so old links still work. They are client-side experiments, not a product catalog. If you want this class of tooling built for your team, <a href="/contact.html">say so</a>.</p>

        <h2>Security</h2>
        <div class="cards-grid">
            <a class="tool-card" href="/security_tools.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2l7 4v5c0 5-3 9-7 11-4-2-7-6-7-11V6l7-4z"/></svg></span>
                <div class="meta"><h4>Security tools &amp; resources</h4><p>Curated links I actually use as starting points — frameworks, scanners, and references.</p></div>
            </a>
            <a class="tool-card" href="/parsing_api.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/></svg></span>
                <div class="meta"><h4>IP API parser</h4><p>Client-side geolocation lookup with fallbacks. A small example of privacy-aware engineering.</p></div>
            </a>
        </div>

        <h2>Calculators</h2>
        <p class="lab-note">Mortgage math is unrelated to security consulting. It stays because people still use it, and because the code is a clean client-side example.</p>
        <div class="cards-grid">
            <a class="tool-card" href="/mortgage_calculator.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M8 7h8M8 12h8M8 17h8"/></svg></span>
                <div class="meta"><h4>Mortgage calculator</h4><p>Monthly payment estimate. All math stays in the browser.</p></div>
            </a>
            <a class="tool-card" href="/mortgage_calculator_advanced.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2v4M12 18v4"/><rect x="4" y="6" width="16" height="12" rx="2"/></svg></span>
                <div class="meta"><h4>Mortgage calculator — advanced</h4><p>Extra payments, amortization, print-friendly output.</p></div>
            </a>
        </div>

        <h2>Lab</h2>
        <p class="small">Unfinished or experimental pages. Useful if you are debugging this site; not a capability pitch.</p>
        <div class="cards-grid">
            <a class="tool-card" href="/AdBlockerTestPage.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4l16 16M20 4L4 20"/></svg></span>
                <div class="meta"><h4>Ad blocker test</h4><p>Cosmetic vs network vs script probes, with a control box that must stay visible. No AdSense publisher id.</p></div>
            </a>
            <a class="tool-card" href="/skeleton.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 7h18M3 12h18M3 17h18"/></svg></span>
                <div class="meta"><h4>OWASP / skeleton</h4><p>Template page used for experiments.</p></div>
            </a>
            <a class="tool-card" href="/basic.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16v16H4z"/></svg></span>
                <div class="meta"><h4>cdnjs lookup</h4><p>Search libraries and copy versioned URLs with SRI hashes. Nothing from the CDN runs here.</p></div>
            </a>
            <a class="tool-card" href="/random.html">
                <span class="icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 12h18M12 3v18"/></svg></span>
                <div class="meta"><h4>Random trail</h4><p>Five on-site URLs per load, each branching five more times, then it stops.</p></div>
            </a>
        </div>

        <p id="lastModified"><time id="lastModifiedTime" datetime=""></time></p>
    </main>

    <footer class="site-footer">
        <div class="footer-inner">
            <p>© 2026 Greg Gutman · Input Drive Security</p>
            <p class="footer-links">
                <a href="mailto:info@inputdrivesecurity.us">info@inputdrivesecurity.us</a>
                ·
                <a href="https://wa.me/19047705355">WhatsApp</a>
                ·
                <a href="https://linkedin.com/in/greggutman/">LinkedIn</a>
                ·
                <a href="/inputdrive">GitHub</a>
            </p>
            <p class="small">Canonical site: inputdrivesecurity.us. Independent security consulting by Greg Gutman.</p>
        </div>
    </footer>
    <script src="/scripts/theme.js" defer></script>
    <script src="/scripts/last-modified.js" defer></script>
</body>
</html>