sugarcraft.github.io/404.html at master · sugarcraft/sugarcraft.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
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>404 — Page Not Found · SugarCraft</title>
    <meta name="description" content="The requested page was not found. SugarCraft — terminal UIs for PHP.">
    <link rel="icon" type="image/png" href="img/profile.png">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<a class="skip-link" href="#main">Skip to main content</a>

<nav class="nav" aria-label="Main navigation">
    <div class="nav-inner">
        <a class="brand" href="./"><span class="logo-mark" aria-label="SugarCraft logo"></span>SugarCraft</a>
        <div class="nav-links">
            <a href="#libraries">Libraries</a>
            <a href="#apps">Apps</a>
            <a href="#demos">Demos</a>
            <a href="#architecture">Architecture</a>
            <a href="#quickstart">Quickstart</a>
            <a href="compare.html">Compare</a>
            <a href="https://github.com/sugarcraft" class="btn btn-ghost">GitHub →</a>
        </div>
    </div>
</nav>

<main id="main">
    <section class="section">
        <div class="container" style="text-align: center; padding-block: 80px;">
            <h1 style="font-size: 4rem; margin-bottom: 8px;">404</h1>
            <p class="lede" style="margin-bottom: 32px;">Page not found.</p>
            <a href="./" class="btn btn-primary">← Back to home</a>
        </div>
    </section>

    <section class="section" style="background: var(--card); border-block: 1px solid var(--line);">
        <div class="container">
            <h2>Popular libraries.</h2>
            <p class="lede">Jump to one of the most-used packages in the SugarCraft ecosystem.</p>
            <div class="lib-grid" style="margin-top: 24px;">
                <a class="lib-card" href="lib/candy-core.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/candy-core.png" alt="" aria-hidden="true">
                        <h3>SugarCraft</h3>
                    </div>
                    <p class="summary">Elm-architecture runtime — Model / Msg / Cmd / Program.</p>
                </a>
                <a class="lib-card" href="lib/candy-sprinkles.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/candy-sprinkles.png" alt="" aria-hidden="true">
                        <h3>CandySprinkles</h3>
                    </div>
                    <p class="summary">Declarative styling + layout engine.</p>
                </a>
                <a class="lib-card" href="lib/sugar-bits.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/sugar-bits.png" alt="" aria-hidden="true">
                        <h3>SugarBits</h3>
                    </div>
                    <p class="summary">Fifteen reusable TUI components.</p>
                </a>
                <a class="lib-card" href="lib/sugar-charts.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/sugar-charts.png" alt="" aria-hidden="true">
                        <h3>SugarCharts</h3>
                    </div>
                    <p class="summary">Sparkline, Bar, Line, Heatmap, Scatter charts.</p>
                </a>
                <a class="lib-card" href="lib/candy-shine.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/candy-shine.png" alt="" aria-hidden="true">
                        <h3>CandyShine</h3>
                    </div>
                    <p class="summary">Markdown → ANSI renderer with themes.</p>
                </a>
                <a class="lib-card" href="lib/sugar-prompt.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/sugar-prompt.png" alt="" aria-hidden="true">
                        <h3>SugarPrompt</h3>
                    </div>
                    <p class="summary">Form library with Input, Select, Confirm.</p>
                </a>
                <a class="lib-card" href="lib/sugar-glow.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/sugar-glow.png" alt="" aria-hidden="true">
                        <h3>SugarGlow</h3>
                    </div>
                    <p class="summary">Markdown CLI viewer + pager.</p>
                </a>
                <a class="lib-card" href="lib/candy-shell.html">
                    <div class="lib-icon-row">
                        <img class="lib-icon" src="img/icons/candy-shell.png" alt="" aria-hidden="true">
                        <h3>CandyShell</h3>
                    </div>
                    <p class="summary">gum-style CLI helpers — spin, style, input.</p>
                </a>
            </div>
        </div>
    </section>
</main>

<footer class="footer">
    <div class="container">
        <div>
            <span class="logo-mark" aria-hidden="true"></span>
            <strong>SugarCraft</strong> · MIT-licensed · PHP 8.1+
        </div>
        <div>
            <a href="https://github.com/sugarcraft">GitHub</a> ·
            <a href="https://packagist.org/packages/sugarcraft/sugarcraft">Packagist</a> ·
            <a href="https://www.interserver.net/">InterServer</a> ·
            <a href="https://github.com/detain/sugarcraft/blob/master/CONTRIBUTING.md">Contributing</a> ·
            <a href="https://github.com/sugarcraft/candy-core/issues">Issues</a>
        </div>
    </div>
</footer>

<script src="js/main.js"></script>
</body>
</html>