sandymount 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CNAME +1 -0
- package/MAGIC.md +9 -0
- package/README.md +235 -2
- package/bin/sandymount.js +115 -0
- package/getting-started.html +439 -0
- package/index.html +680 -0
- package/manifesto.html +203 -0
- package/og-image.png +0 -0
- package/og-image.svg +86 -0
- package/package.json +31 -5
- package/styles.css +907 -0
- package/tools.html +234 -0
package/tools.html
ADDED
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>100+ Tools That Just Work - Sandymount</title>
|
|
7
|
+
|
|
8
|
+
<meta name="description" content="Mount your Solid pod. 100+ tools work instantly. No plugins. No integrations. The filesystem is the universal API.">
|
|
9
|
+
|
|
10
|
+
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏖️</text></svg>">
|
|
11
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
12
|
+
<link rel="stylesheet" href="./styles.css">
|
|
13
|
+
<style>
|
|
14
|
+
.tools-header {
|
|
15
|
+
text-align: center;
|
|
16
|
+
padding: 4rem 1.5rem 2rem;
|
|
17
|
+
max-width: 700px;
|
|
18
|
+
margin: 0 auto;
|
|
19
|
+
}
|
|
20
|
+
.tools-header h1 {
|
|
21
|
+
font-size: 2.5rem;
|
|
22
|
+
margin-bottom: 1rem;
|
|
23
|
+
}
|
|
24
|
+
.tools-header .tagline {
|
|
25
|
+
font-size: 1.25rem;
|
|
26
|
+
color: var(--text-muted);
|
|
27
|
+
margin-bottom: 0.5rem;
|
|
28
|
+
}
|
|
29
|
+
.tools-header .subtagline {
|
|
30
|
+
color: var(--text-muted);
|
|
31
|
+
font-style: italic;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.tools-section {
|
|
35
|
+
max-width: 900px;
|
|
36
|
+
margin: 0 auto;
|
|
37
|
+
padding: 2rem 1.5rem;
|
|
38
|
+
}
|
|
39
|
+
.tools-section h2 {
|
|
40
|
+
font-size: 1.5rem;
|
|
41
|
+
margin-bottom: 0.5rem;
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: center;
|
|
44
|
+
gap: 0.5rem;
|
|
45
|
+
}
|
|
46
|
+
.tools-section .tier-desc {
|
|
47
|
+
color: var(--text-muted);
|
|
48
|
+
margin-bottom: 1.5rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.tools-grid {
|
|
52
|
+
display: grid;
|
|
53
|
+
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
54
|
+
gap: 1rem;
|
|
55
|
+
margin-bottom: 3rem;
|
|
56
|
+
}
|
|
57
|
+
.tool-card {
|
|
58
|
+
background: var(--bg-card);
|
|
59
|
+
border: 1px solid var(--border);
|
|
60
|
+
border-radius: 8px;
|
|
61
|
+
padding: 1rem 1.25rem;
|
|
62
|
+
transition: all 0.2s;
|
|
63
|
+
}
|
|
64
|
+
.tool-card:hover {
|
|
65
|
+
border-color: var(--accent);
|
|
66
|
+
transform: translateY(-2px);
|
|
67
|
+
}
|
|
68
|
+
.tool-card h3 {
|
|
69
|
+
font-size: 1rem;
|
|
70
|
+
margin-bottom: 0.25rem;
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
justify-content: space-between;
|
|
74
|
+
}
|
|
75
|
+
.tool-card h3 a {
|
|
76
|
+
color: inherit;
|
|
77
|
+
text-decoration: none;
|
|
78
|
+
}
|
|
79
|
+
.tool-card h3 a:hover {
|
|
80
|
+
color: var(--accent);
|
|
81
|
+
}
|
|
82
|
+
.tool-card h3 a::after {
|
|
83
|
+
content: " ↗";
|
|
84
|
+
font-size: 0.7em;
|
|
85
|
+
opacity: 0.5;
|
|
86
|
+
}
|
|
87
|
+
.tool-card .score {
|
|
88
|
+
font-size: 0.75rem;
|
|
89
|
+
color: var(--accent);
|
|
90
|
+
font-weight: 600;
|
|
91
|
+
}
|
|
92
|
+
.tool-card p {
|
|
93
|
+
font-size: 0.875rem;
|
|
94
|
+
color: var(--text-muted);
|
|
95
|
+
margin: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.bottom-line {
|
|
99
|
+
text-align: center;
|
|
100
|
+
padding: 3rem 1.5rem;
|
|
101
|
+
max-width: 600px;
|
|
102
|
+
margin: 0 auto;
|
|
103
|
+
}
|
|
104
|
+
.bottom-line blockquote {
|
|
105
|
+
font-size: 1.5rem;
|
|
106
|
+
font-weight: 600;
|
|
107
|
+
color: var(--text);
|
|
108
|
+
margin-bottom: 1rem;
|
|
109
|
+
}
|
|
110
|
+
.bottom-line p {
|
|
111
|
+
color: var(--text-muted);
|
|
112
|
+
}
|
|
113
|
+
</style>
|
|
114
|
+
</head>
|
|
115
|
+
<body>
|
|
116
|
+
<a href="#main" class="skip-link">Skip to main content</a>
|
|
117
|
+
<div class="bg-grid" aria-hidden="true"></div>
|
|
118
|
+
|
|
119
|
+
<nav class="nav" aria-label="Main navigation">
|
|
120
|
+
<a href="./" class="nav-logo">Sandymount</a>
|
|
121
|
+
<div class="nav-links">
|
|
122
|
+
<a href="./#stack">Stack</a>
|
|
123
|
+
<a href="./getting-started.html">Get Started</a>
|
|
124
|
+
<a href="./manifesto.html">Manifesto</a>
|
|
125
|
+
<a href="https://github.com/sandy-mount">GitHub</a>
|
|
126
|
+
</div>
|
|
127
|
+
</nav>
|
|
128
|
+
|
|
129
|
+
<main id="main">
|
|
130
|
+
<header class="tools-header">
|
|
131
|
+
<h1>100+ Tools That Just Work</h1>
|
|
132
|
+
<p class="tagline">Mount your pod. Use your tools. No plugins required.</p>
|
|
133
|
+
<p class="subtagline">The filesystem is the universal API.</p>
|
|
134
|
+
</header>
|
|
135
|
+
|
|
136
|
+
<section class="tools-section">
|
|
137
|
+
<h2>Tier S — Game Changers</h2>
|
|
138
|
+
<p class="tier-desc">The tools that make mounted pods transformative.</p>
|
|
139
|
+
<div class="tools-grid">
|
|
140
|
+
<div class="tool-card"><h3><a href="https://git-scm.com/" target="_blank" rel="noopener">Git</a> <span class="score">100</span></h3><p>Version control your entire life</p></div>
|
|
141
|
+
<div class="tool-card"><h3><a href="https://obsidian.md/" target="_blank" rel="noopener">Obsidian</a> <span class="score">99</span></h3><p>Second brain in your pod</p></div>
|
|
142
|
+
<div class="tool-card"><h3><a href="https://logseq.com/" target="_blank" rel="noopener">Logseq</a> <span class="score">99</span></h3><p>Outliner/journal, local-first</p></div>
|
|
143
|
+
<div class="tool-card"><h3><a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VS Code</a> <span class="score">98</span></h3><p>Edit anything, Remote-SSH built in</p></div>
|
|
144
|
+
<div class="tool-card"><h3><a href="https://rsync.samba.org/" target="_blank" rel="noopener">rsync</a> <span class="score">98</span></h3><p>Sync anything, delta transfers</p></div>
|
|
145
|
+
<div class="tool-card"><h3><a href="https://syncthing.net/" target="_blank" rel="noopener">Syncthing</a> <span class="score">97</span></h3><p>P2P sync to all devices</p></div>
|
|
146
|
+
<div class="tool-card"><h3><a href="https://rclone.org/" target="_blank" rel="noopener">rclone</a> <span class="score">97</span></h3><p>Mount, sync, serve anywhere</p></div>
|
|
147
|
+
<div class="tool-card"><h3><a href="https://neovim.io/" target="_blank" rel="noopener">Vim/Neovim</a> <span class="score">96</span></h3><p>Edit at the speed of thought</p></div>
|
|
148
|
+
<div class="tool-card"><h3><a href="https://www.passwordstore.org/" target="_blank" rel="noopener">pass</a> <span class="score">96</span></h3><p>Passwords, GPG encrypted, Git synced</p></div>
|
|
149
|
+
<div class="tool-card"><h3><a href="https://www.borgbackup.org/" target="_blank" rel="noopener">Borg Backup</a> <span class="score">95</span></h3><p>Deduplicated, encrypted backups</p></div>
|
|
150
|
+
</div>
|
|
151
|
+
</section>
|
|
152
|
+
|
|
153
|
+
<section class="tools-section">
|
|
154
|
+
<h2>Tier A — Essential</h2>
|
|
155
|
+
<p class="tier-desc">Power tools for serious work.</p>
|
|
156
|
+
<div class="tools-grid">
|
|
157
|
+
<div class="tool-card"><h3>Emacs/Org-mode <span class="score">94</span></h3><p>Life in plain text</p></div>
|
|
158
|
+
<div class="tool-card"><h3>Pandoc <span class="score">94</span></h3><p>Convert anything to anything</p></div>
|
|
159
|
+
<div class="tool-card"><h3>Hugo <span class="score">93</span></h3><p>Blog from your pod</p></div>
|
|
160
|
+
<div class="tool-card"><h3>Calibre <span class="score">93</span></h3><p>Ebook library management</p></div>
|
|
161
|
+
<div class="tool-card"><h3>ffmpeg <span class="score">93</span></h3><p>Process all your media</p></div>
|
|
162
|
+
<div class="tool-card"><h3>ImageMagick <span class="score">92</span></h3><p>Batch image processing</p></div>
|
|
163
|
+
<div class="tool-card"><h3>Restic <span class="score">92</span></h3><p>Modern encrypted backups</p></div>
|
|
164
|
+
<div class="tool-card"><h3>Zotero <span class="score">92</span></h3><p>Research library</p></div>
|
|
165
|
+
<div class="tool-card"><h3>Joplin <span class="score">91</span></h3><p>Notes with sync</p></div>
|
|
166
|
+
<div class="tool-card"><h3>Taskwarrior <span class="score">91</span></h3><p>CLI task management</p></div>
|
|
167
|
+
</div>
|
|
168
|
+
</section>
|
|
169
|
+
|
|
170
|
+
<section class="tools-section">
|
|
171
|
+
<h2>Tier B — Power Tools</h2>
|
|
172
|
+
<p class="tier-desc">Creative and media tools.</p>
|
|
173
|
+
<div class="tools-grid">
|
|
174
|
+
<div class="tool-card"><h3>Darktable <span class="score">89</span></h3><p>RAW photo editing</p></div>
|
|
175
|
+
<div class="tool-card"><h3>GIMP <span class="score">89</span></h3><p>Image editing</p></div>
|
|
176
|
+
<div class="tool-card"><h3>Inkscape <span class="score">88</span></h3><p>Vector graphics</p></div>
|
|
177
|
+
<div class="tool-card"><h3>LibreOffice <span class="score">88</span></h3><p>Full office suite</p></div>
|
|
178
|
+
<div class="tool-card"><h3>Kodi <span class="score">88</span></h3><p>Media center</p></div>
|
|
179
|
+
<div class="tool-card"><h3>Jellyfin <span class="score">88</span></h3><p>Self-hosted streaming</p></div>
|
|
180
|
+
<div class="tool-card"><h3>mpv <span class="score">87</span></h3><p>Best video player</p></div>
|
|
181
|
+
<div class="tool-card"><h3>VLC <span class="score">87</span></h3><p>Plays anything</p></div>
|
|
182
|
+
<div class="tool-card"><h3>digiKam <span class="score">87</span></h3><p>Photo management</p></div>
|
|
183
|
+
<div class="tool-card"><h3>Kdenlive <span class="score">86</span></h3><p>Video editing</p></div>
|
|
184
|
+
</div>
|
|
185
|
+
</section>
|
|
186
|
+
|
|
187
|
+
<section class="tools-section">
|
|
188
|
+
<h2>Tier C — CLI Essentials</h2>
|
|
189
|
+
<p class="tier-desc">Command line power.</p>
|
|
190
|
+
<div class="tools-grid">
|
|
191
|
+
<div class="tool-card"><h3>ranger <span class="score">84</span></h3><p>TUI file manager</p></div>
|
|
192
|
+
<div class="tool-card"><h3>nnn <span class="score">84</span></h3><p>Blazing fast file manager</p></div>
|
|
193
|
+
<div class="tool-card"><h3>fd <span class="score">83</span></h3><p>Modern find</p></div>
|
|
194
|
+
<div class="tool-card"><h3>ripgrep <span class="score">83</span></h3><p>Fastest grep</p></div>
|
|
195
|
+
<div class="tool-card"><h3>fzf <span class="score">83</span></h3><p>Fuzzy finder</p></div>
|
|
196
|
+
<div class="tool-card"><h3>bat <span class="score">82</span></h3><p>Better cat</p></div>
|
|
197
|
+
<div class="tool-card"><h3>SQLite <span class="score">82</span></h3><p>Database in a file</p></div>
|
|
198
|
+
<div class="tool-card"><h3>DuckDB <span class="score">82</span></h3><p>Analytics on files</p></div>
|
|
199
|
+
<div class="tool-card"><h3>jq <span class="score">81</span></h3><p>JSON processing</p></div>
|
|
200
|
+
<div class="tool-card"><h3>Cryptomator <span class="score">81</span></h3><p>Encrypt folders</p></div>
|
|
201
|
+
</div>
|
|
202
|
+
</section>
|
|
203
|
+
|
|
204
|
+
<section class="tools-section">
|
|
205
|
+
<h2>Tier D — Specialized</h2>
|
|
206
|
+
<p class="tier-desc">Domain-specific tools.</p>
|
|
207
|
+
<div class="tools-grid">
|
|
208
|
+
<div class="tool-card"><h3>tar/zip <span class="score">79</span></h3><p>Archive everything</p></div>
|
|
209
|
+
<div class="tool-card"><h3>GPG/age <span class="score">78</span></h3><p>Encryption</p></div>
|
|
210
|
+
<div class="tool-card"><h3>Zettlr <span class="score">78</span></h3><p>Academic markdown</p></div>
|
|
211
|
+
<div class="tool-card"><h3>Plex <span class="score">74</span></h3><p>Media streaming</p></div>
|
|
212
|
+
<div class="tool-card"><h3>Photoprism <span class="score">74</span></h3><p>AI photo management</p></div>
|
|
213
|
+
<div class="tool-card"><h3>Paperless-ngx <span class="score">74</span></h3><p>Document management</p></div>
|
|
214
|
+
<div class="tool-card"><h3>LaTeX <span class="score">72</span></h3><p>Academic typesetting</p></div>
|
|
215
|
+
<div class="tool-card"><h3>ledger/hledger <span class="score">69</span></h3><p>Plaintext accounting</p></div>
|
|
216
|
+
<div class="tool-card"><h3>chezmoi <span class="score">68</span></h3><p>Dotfile management</p></div>
|
|
217
|
+
<div class="tool-card"><h3>Jupyter <span class="score">62</span></h3><p>Notebooks in your pod</p></div>
|
|
218
|
+
</div>
|
|
219
|
+
</section>
|
|
220
|
+
|
|
221
|
+
<section class="bottom-line">
|
|
222
|
+
<blockquote>"You don't need new tools. Your tools already work."</blockquote>
|
|
223
|
+
<p>Mount your pod. Everything else follows.</p>
|
|
224
|
+
<a href="./getting-started.html" class="btn btn-primary" style="margin-top: 1.5rem;">Get Started</a>
|
|
225
|
+
</section>
|
|
226
|
+
</main>
|
|
227
|
+
|
|
228
|
+
<footer class="footer">
|
|
229
|
+
<div class="footer-bottom">
|
|
230
|
+
<p>Sandymount — Building on SAND, the stack for the decentralized web.</p>
|
|
231
|
+
</div>
|
|
232
|
+
</footer>
|
|
233
|
+
</body>
|
|
234
|
+
</html>
|