julien.rbrt.fr
+16
-4
index.html
+16
-4
index.html
···
153
153
</svg>
154
154
<h2>Welcome to KnotView</h2>
155
155
<p class="subtitle">
156
-
A web-based repository browser for AT Protocol
157
-
repositories. Browse, explore, and download content
158
-
from Knot servers.
156
+
A web-based repository browser for Tangled Knots.
157
+
Browse, explore, and download content from Knot
158
+
servers.
159
159
</p>
160
160
161
161
<div class="feature-list">
···
197
197
</li>
198
198
<li>Select a repository from the list</li>
199
199
<li>
200
-
Browse files, switch branches, and explore!
200
+
Browse files, switch branches, and explore
201
+
even if Tangled AppView is down!
201
202
</li>
202
203
</ol>
203
204
</div>
···
354
355
</div>
355
356
</main>
356
357
</div>
358
+
<footer>
359
+
<p>
360
+
<a
361
+
href="https://tangled.org/julien.rbrt.fr/knotview"
362
+
target="_blank"
363
+
rel="noopener noreferrer"
364
+
>
365
+
Fork me on Tangled.
366
+
</a>
367
+
</p>
368
+
</footer>
357
369
</div>
358
370
</body>
359
371
</html>
+43
-2
styles.css
+43
-2
styles.css
···
208
208
}
209
209
210
210
.status {
211
-
padding: 10px 14px;
211
+
padding: 12px 16px;
212
212
border-radius: 6px;
213
213
font-size: 13px;
214
-
display: none;
215
214
border: 1px solid transparent;
215
+
margin-top: 12px;
216
+
font-weight: 500;
217
+
line-height: 1.5;
218
+
}
219
+
220
+
.status:empty {
221
+
display: none;
216
222
}
217
223
218
224
.status.success {
···
225
231
background: var(--error-bg);
226
232
color: var(--error-text);
227
233
border-color: var(--error-border);
234
+
font-weight: 600;
235
+
}
236
+
237
+
.status.error::before {
238
+
content: "⚠️ ";
239
+
margin-right: 4px;
240
+
}
241
+
242
+
.status.success::before {
243
+
content: "✓ ";
244
+
margin-right: 4px;
228
245
}
229
246
230
247
.main-content {
···
846
863
margin: 24px 0;
847
864
background-color: var(--border-primary);
848
865
border: 0;
866
+
}
867
+
868
+
footer {
869
+
padding: 20px;
870
+
text-align: center;
871
+
border-top: 1px solid var(--border-primary);
872
+
margin-top: 40px;
873
+
}
874
+
875
+
footer p {
876
+
margin: 0;
877
+
color: var(--text-secondary);
878
+
font-size: 0.9rem;
879
+
}
880
+
881
+
footer a {
882
+
color: var(--accent-primary);
883
+
text-decoration: none;
884
+
font-weight: 500;
885
+
}
886
+
887
+
footer a:hover {
888
+
text-decoration: underline;
889
+
color: var(--accent-hover);
849
890
}
850
891
851
892
@media (max-width: 768px) {