kryptonoss.github.io/index.html at main · KryptonOSS/kryptonoss.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<html lang="en" data-mode="ink">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>KryptonOSS</title>
        <meta
            name="description"
            content="KryptonOSS is a family of free and open sourced cryptographic utilities."
        />
        <meta name="theme-color" content="#1d2021" />

        <link rel="canonical" href="https://KryptonOSS.github.io/" />

        <meta property="og:type" content="website" />
        <meta property="og:site_name" content="KryptonOSS" />
        <meta property="og:title" content="KryptonOSS: Keep your secrets somewhere safe." />
        <meta
            property="og:description"
            content="Software engineer. Terminals, servers, and things that keep working after the laptop closes."
        />
        <meta property="og:url" content="https://KryptonOSS.github.io/" />

        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@600;800;900&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
        <script>
            window.KryptonOSSGround = {
                read: function () {
                    try {
                        var m = localStorage.getItem("KryptonOSS-ground");
                        return m === "paper" ? "paper" : "ink";
                    } catch (e) {
                        return "ink";
                    }
                },
                save: function (mode) {
                    try {
                        localStorage.setItem("KryptonOSS-ground", mode);
                    } catch (e) {}
                },
                apply: function (mode) {
                    document.documentElement.setAttribute("data-mode", mode);
                    return mode;
                },
            };
            window.KryptonOSSGround.apply(window.KryptonOSSGround.read());
        </script>
        <link rel="stylesheet" href="/css/site.css?v=65" />
    </head>
    <body class="site">
    <div class="hd-frame">

        <nav class="hd-nav">
            <a class="lock" href="/"><b>KryptonOSS</b></a>
            <div class="sp"></div>
            <a class="ico" href="https://github.com/KryptonOSS" aria-label="KryptonOSS on GitHub">
                <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82A7.64 7.64 0 0 1 8 3.87c.68 0 1.36.09 2 .26 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z" /></svg>
            </a>
            <div class="mode">
                <button type="button" data-ground="ink" aria-pressed="true">ink</button>
                <button type="button" data-ground="paper" aria-pressed="false">paper</button>
            </div>
            <a class="btn" href="https://kryptonoss.github.io/krypton-docs/">Documentation</a>
            <button type="button" class="menu" id="nav-menu" aria-expanded="false" aria-controls="nav-sheet" aria-label="Menu">
                <span></span><span></span><span></span>
            </button>
        </nav>

        <div class="sheet" id="nav-sheet">
            <div class="sheet-ground">
                <span>Ground</span>
                <div class="mode">
                    <button type="button" data-ground="ink" aria-pressed="true">ink</button>
                    <button type="button" data-ground="paper" aria-pressed="false">paper</button>
                </div>
            </div>
        </div>

        <header class="hd-hero">
            <div class="in">
                <h1>Keep your secrets<br /><em>somewhere safe.</em></h1>
                <p class="lede">With a memory-safe, high-performance Rust library and cryptographic utils for modern file encryption and secure vaults using Argon2id and AES-256-GSM with complete metadata protection along with a Universal Container Format for header.</p>
                <p class="lede"><b>Krypton is built for modern security standards and currently in alpha phase therefore the public API may change in future and may break.</b></p>
                <div class="go">
                    <a class="btn-solid" href="https://docs.rs/krypton-core">Get Started <span aria-hidden="true">&#8594;</span></a>
                    <a class="btn-ghost" href="https://github.com/kryptonoss/krypton-core">Krypton Core</a>
                </div>
            </div>
        </header>

        <div class="strip">
            <a class="stat" href="https://github.com/KryptonOSS/Krypton">
                <b>Krypton</b>
                <span>
                    <svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.6l2.9 5.9 6.5.95-4.7 4.6 1.1 6.45L12 17.45 6.2 20.5l1.1-6.45-4.7-4.6 6.5-.95z"/></svg>
                    Full cryptographic workflow from single GUI application.
                </span>
            </a>
            <a class="stat" href="https://crates.io/crates/krypton-cli">
                <b>Krypton CLI</b>
                <span>
                    <svg class="ic" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6l6 6-6 6M13 18h7" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square"/></svg>
                    A minimal CLI utility that is powered by Krypton Core.
                </span>
            </a>
        </div>

        <footer class="foot">
            <span> &copy; 2026 KryptonOSS.</span>
        </footer>

    </div>

    <script>
        /* ground toggle */
        (function () {
            var buttons = document.querySelectorAll("[data-ground]");
            function paint(mode) {
                window.KryptonOSSGround.apply(mode);
                buttons.forEach(function (b) {
                    b.setAttribute("aria-pressed", String(b.dataset.ground === mode));
                });
            }
            buttons.forEach(function (b) {
                b.addEventListener("click", function () {
                    window.KryptonOSSGround.save(b.dataset.ground);
                    paint(b.dataset.ground);
                });
            });
            paint(window.KryptonOSSGround.read());
        })();

        /* nav sheet — the ground toggle that doesn't fit the bar on a phone */
        (function () {
            var btn = document.getElementById("nav-menu");
            var sheet = document.getElementById("nav-sheet");
            if (!btn || !sheet) return;
            function set(open) {
                sheet.classList.toggle("open", open);
                btn.setAttribute("aria-expanded", String(open));
            }
            btn.addEventListener("click", function (event) {
                event.stopPropagation();
                set(!sheet.classList.contains("open"));
            });
            document.addEventListener("click", function (event) {
                if (!sheet.contains(event.target)) set(false);
            });
            document.addEventListener("keydown", function (event) {
                if (event.key === "Escape") set(false);
            });
        })();

    </script>
    </body>
</html>