Personal Site
.url now renders as just the host. The full url can be found via hover (`[title]` and browser bottom left indicator) or holding the link (on mobile) This makes everything look cleaner
+2
-2
+2
-2
src/components/home/feeds/Post.astro
+2
-2
src/components/home/feeds/Post.astro
···
168
168
</video>
169
169
);
170
170
const external = (external: embedExternal) => (
171
-
<a href={external.url} class="external">
171
+
<a href={external.url} class="external" title={external.url}>
172
172
{external.thumb && (
173
173
<img src={cidSrc(external.thumb, author.did)} alt="" />
174
174
)}
175
175
<span class="name">{external.title}</span>
176
-
<span class="url">{external.url}</span>
176
+
<span class="url">{new URL(external.url).host}</span>
177
177
</a>
178
178
);
179
179
const record = (record: embedRecord) => {