this repo has no description
feat: Add index.html
+69
+69
index.html
+69
index.html
···
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>Thought Records Viewer</title>
7
+
<link
8
+
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
9
+
rel="stylesheet"
10
+
/>
11
+
<style>
12
+
.thought-card {
13
+
margin-bottom: 20px;
14
+
border-left: 4px solid #0d6efd;
15
+
}
16
+
.thought-type {
17
+
display: inline-block;
18
+
padding: 2px 8px;
19
+
border-radius: 12px;
20
+
background-color: #e9ecef;
21
+
margin-bottom: 8px;
22
+
}
23
+
.evidence-item,
24
+
.alternative-item {
25
+
border-left: 2px solid #6c757d;
26
+
padding-left: 10px;
27
+
margin-bottom: 5px;
28
+
}
29
+
</style>
30
+
</head>
31
+
<body>
32
+
<div class="container mt-4">
33
+
<h1>Thought Records Viewer</h1>
34
+
<div class="mb-3">
35
+
<label for="repoInput" class="form-label"
36
+
>Repository (DID or handle)</label
37
+
>
38
+
<input
39
+
type="text"
40
+
class="form-control"
41
+
id="repoInput"
42
+
placeholder="Enter DID or handle (e.g., did:plc:abcde or user.bsky.social)"
43
+
/>
44
+
</div>
45
+
<button id="loadButton" class="btn btn-primary mb-4">
46
+
Load Records
47
+
</button>
48
+
49
+
<div id="recordsContainer"></div>
50
+
51
+
<div class="d-flex justify-content-center mt-3 mb-5">
52
+
<button
53
+
id="loadMoreButton"
54
+
class="btn btn-secondary"
55
+
style="display: none"
56
+
>
57
+
Load More
58
+
</button>
59
+
</div>
60
+
</div>
61
+
62
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
63
+
<script src="https://cdn.jsdelivr.net/npm/@atproto/api@latest/dist/bundle.js"></script>
64
+
<script>
65
+
console.log(Object.keys(window).filter((key) => true));
66
+
</script>
67
+
<script src="app.js"></script>
68
+
</body>
69
+
</html>