microcosm.blue
top secret
opener
bad-example.com
+17
-8
+16
-7
src/pages/index.astro
+16
-7
src/pages/index.astro
···
65
65
---
66
66
67
67
<Base
68
-
description="Hubble: real-time atmosphere mirror (in development!)"
68
+
description="Hubble: full-network atmosphere mirror (in development!)"
69
69
>
70
70
<!-- Hero -->
71
71
<section class="hero section--lg">
72
72
<div class="container hero__inner">
73
73
<h1 class="hero__title">
74
74
Hubble<br>
75
-
<span class="hero__titlemore">real-time atmosphere mirror</span>
75
+
<span class="hero__titlemore">full-network atmosphere mirror</span>
76
76
</h1>
77
77
<p class="hero__subtitle">
78
-
In development: a full-network AT-Protocol repository archive service
78
+
In development!
79
79
</p>
80
80
81
81
<!-- decorative background blobby shit -->
···
90
90
<div class="container docs-prose">
91
91
92
92
<div class="docs-section" id="what-is-hubble">
93
-
<h2>TODO: some wording</h2>
93
+
<h2>Infrastructure for network resilience</h2>
94
+
<p>
95
+
Public data in atproto lives on Personal Data Servers (PDS), which can sometimes crash, have networking issues, or be unavailable for other reasons.
96
+
</p>
97
+
<p>
98
+
Hubble synchronizes an authenticated copy of every data repository in the atmosphere, so you can recover your content even if your PDS loses it.
99
+
</p>
94
100
<p>
95
101
We need to make some choices around language still. Like, is "archive" a good word to have on the website?
96
102
I think it decently conveys the intended meaning, but I'm worried it might suggest that Hubble keeps <em>historical</em> archives of past repository states, which is not what we're doing here!!
···
213
219
214
220
.hero__titlemore {
215
221
color: var(--color-accent3);
222
+
font-weight: 300;
216
223
}
217
224
218
225
.hero__subtitle {
···
255
262
/* about */
256
263
.boxes__header {
257
264
max-width: 56ch;
258
-
margin-bottom: var(--space-12);
265
+
margin-bottom: var(--space-8);
259
266
}
260
267
261
268
.boxes__header h2 {
···
291
298
}
292
299
293
300
.docs-section h2 {
301
+
font-family: var(--font-heading);
302
+
font-weight: 400;
294
303
margin-bottom: var(--space-4);
295
304
}
296
305
···
300
309
301
310
302
311
.section__header {
303
-
margin-bottom: var(--space-12);
312
+
margin-bottom: var(--space-8);
304
313
}
305
314
306
315
.features__grid {
···
335
344
display: flex;
336
345
flex-direction: column;
337
346
gap: var(--space-3);
338
-
margin-bottom: var(--space-12);
347
+
margin-bottom: var(--space-8);
339
348
}
340
349
341
350
.faq-item {