Constellation, Spacedust, Slingshot, UFOs: atproto crates and services for microcosm
lil tweaks
author
phil
date
(Jun 27, 2025, 12:06 AM -0400)
commit
94a8ae11
94a8ae11cf86f10602fa6008cf9ab90891d00684
parent
39f92f24
39f92f24ea9b551b7e1bea8966e90d5a569fcbd0
+33
-7
+1
-1
who-am-i/demo/index.html
+1
-1
who-am-i/demo/index.html
···
13
13
<body>
14
14
<h1>hey <span id="who"></span></h1>
15
15
16
-
<iframe src="http://127.0.0.1:9997/prompt" id="whoami" style="border: none" height="130" width="280"></iframe>
16
+
<iframe src="http://127.0.0.1:9997/prompt" id="whoami" style="border: none" height="160" width="320"></iframe>
17
17
18
18
<script type="text/javascript">
19
19
window.onmessage = message => {
-1
who-am-i/src/identity_resolver.rs
-1
who-am-i/src/identity_resolver.rs
···
11
11
http_client: Arc::clone(&http_client),
12
12
});
13
13
let doc = resolver.resolve(&Did::new(did).unwrap()).await.unwrap(); // TODO: this is only half the resolution? or is atrium checking dns?
14
-
tokio::time::sleep(std::time::Duration::from_secs(2)).await;
15
14
doc.also_known_as.and_then(|mut aka| {
16
15
if aka.is_empty() {
17
16
None
+32
-5
who-am-i/templates/prompt-known.hbs
+32
-5
who-am-i/templates/prompt-known.hbs
···
54
54
padding: 0.25rem 0.5rem;
55
55
}
56
56
p {
57
-
margin: 0.5rem 0;
57
+
margin: 1rem 0 0;
58
+
text-align: center;
59
+
}
60
+
.parent-host {
61
+
font-weight: bold;
62
+
color: #48c;
63
+
display: inline-block;
64
+
padding: 0 0.125rem;
65
+
border-radius: 0.25rem;
66
+
border: 1px solid #aaa;
67
+
font-size: 0.8rem;
58
68
}
59
69
60
70
#loader {
···
62
72
flex-grow: 1;
63
73
justify-content: center;
64
74
align-items: center;
65
-
margin-bottom: 1rem;
66
75
}
67
76
.spinner {
68
77
animation: rotation 1.618s ease-in-out infinite;
···
83
92
display: flex;
84
93
flex-direction: column;
85
94
justify-content: center;
86
-
margin-bottom: 1rem;
87
95
}
88
96
#action {
89
97
background: #eee;
···
109
117
cursor: pointer;
110
118
}
111
119
#action:hover #allow {
112
-
color: #396;
120
+
color: #285;
113
121
}
114
122
123
+
#or {
124
+
font-size: 0.8rem;
125
+
text-align: center;
126
+
}
127
+
#or p {
128
+
margin: 0 0 1rem;
129
+
}
115
130
116
131
.hidden {
117
132
display: none !important;
···
138
153
</header>
139
154
140
155
<main>
141
-
<p>Share your identity with {{ parent_host }}?</p>
156
+
<p>
157
+
Share your identity with
158
+
<span class="parent-host">{{ parent_host }}</span>?
159
+
</p>
142
160
<div id="loader">
143
161
<span class="spinner"></span>
144
162
</div>
···
148
166
<button id="allow">Allow</button>
149
167
</div>
150
168
</div>
169
+
<div id="or">
170
+
<p>or, <a id="switch" href="#">use another account</a></p>
171
+
</div>
151
172
</main>
152
173
</div>
153
174
···
158
179
var actionEl = document.getElementById('action');
159
180
var handleEl = document.getElementById('handle');
160
181
var allowEl = document.getElementById('allow');
182
+
var switchEl = document.getElementById('switch');
183
+
184
+
switchEl.addEventListener('click', e => {
185
+
e.preventDefault();
186
+
console.log('switch plz');
187
+
});
161
188
162
189
var DID = {{{json did}}};
163
190
let user_info = new URL('/user-info', window.location);