jordanreger.com
An HTML-only Bluesky frontend
add head
+11
-17
+2
pages/actor/followers.tsx
+2
pages/actor/followers.tsx
···
3
3
4
4
// import { GetDescriptionFacets } from "../../facets.ts";
5
5
import { agent } from "../../main.tsx";
6
+
import { Head } from "../mod.ts";
6
7
7
8
export async function ActorFollowers(
8
9
{ actor }: { actor: AppBskyActorDefs.ProfileViewDetailed },
···
25
26
});
26
27
return (
27
28
<>
29
+
<Head />
28
30
<header>
29
31
<a href="..">Back</a>
30
32
<span>
+2
-1
pages/actor/follows.tsx
+2
-1
pages/actor/follows.tsx
···
3
3
4
4
// import { GetDescriptionFacets } from "../../facets.ts";
5
5
import { agent } from "../../main.tsx";
6
-
import { ActorHeader } from "../header.tsx";
6
+
import { Head } from "../mod.ts";
7
7
8
8
export async function ActorFollows(
9
9
{ actor }: { actor: AppBskyActorDefs.ProfileViewDetailed },
···
26
26
});
27
27
return (
28
28
<>
29
+
<Head />
29
30
<a href="..">Back</a>
30
31
<span>
31
32
{actor.displayName ? actor.displayName : actor.handle}'s Follows
+2
-1
pages/actor/index.tsx
+2
-1
pages/actor/index.tsx
···
4
4
import { GetDescriptionFacets } from "../../facets.ts";
5
5
6
6
// Components
7
-
import { ActorHeader } from "../header.tsx";
7
+
import { ActorHeader, Head } from "../mod.ts";
8
8
9
9
export async function Actor(
10
10
{ actor }: { actor: AppBskyActorDefs.ProfileViewDetailed },
11
11
) {
12
12
return (
13
13
<>
14
+
<Head />
14
15
<ActorHeader {...actor} />
15
16
<table draggable={false}>
16
17
<tr>
+5
-15
pages/head.tsx
+5
-15
pages/head.tsx
···
1
-
const Head = () => {
1
+
export const Head = () => {
2
2
return (
3
-
<header>
4
-
<nav>
5
-
<span>
6
-
<b>
7
-
<i>HTMLsky</i>
8
-
</b>
9
-
</span>
10
-
[ <a href="/">Home</a> ] [{" "}
11
-
<a href="https://sr.ht/~jordanreger/htmlsky">Source</a> ] [{" "}
12
-
<a href={`https://bsky.app/profile/${actor.did}`}>View on Bluesky</a> ]
13
-
</nav>
14
-
15
-
<hr />
16
-
</header>
3
+
<head>
4
+
<meta name="color-scheme" content="light dark" />
5
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6
+
</head>
17
7
);
18
8
};