tangled
alpha
login
or
join now
isuggest.selfce.st
/
strand
3
fork
atom
alternative tangled frontend (extremely wip)
3
fork
atom
overview
issues
pulls
pipelines
feat: and that makes a footer
serenity
3 weeks ago
ed212a44
4edec803
+80
-2
2 changed files
expand all
collapse all
unified
split
src
components
Icons
LucideHeart.tsx
Nav
Footer.tsx
+23
src/components/Icons/LucideHeart.tsx
···
1
1
+
import { SVGProps } from "react";
2
2
+
3
3
+
export function LucideHeart(props: SVGProps<SVGSVGElement>) {
4
4
+
return (
5
5
+
<svg
6
6
+
xmlns="http://www.w3.org/2000/svg"
7
7
+
width="1em"
8
8
+
height="1em"
9
9
+
viewBox="0 0 24 24"
10
10
+
{...props}
11
11
+
>
12
12
+
{/* Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE */}
13
13
+
<path
14
14
+
fill="none"
15
15
+
stroke="currentColor"
16
16
+
strokeLinecap="round"
17
17
+
strokeLinejoin="round"
18
18
+
strokeWidth="2"
19
19
+
d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"
20
20
+
/>
21
21
+
</svg>
22
22
+
);
23
23
+
}
+57
-2
src/components/Nav/Footer.tsx
···
1
1
+
import { UnderlineLink } from "@/components/Animated/UnderlinedLink";
2
2
+
import { UnderlineRouterLink } from "@/components/Animated/UnderlineRouterLink";
3
3
+
import { LucideHeart } from "@/components/Icons/LucideHeart";
4
4
+
1
5
export const Footer = () => {
2
6
return (
3
3
-
<div className="pb-16">
4
4
-
<p>Hello this is a footer</p>
7
7
+
<div className="flex flex-col items-center gap-2 pb-16">
8
8
+
<span>
9
9
+
<UnderlineRouterLink to="/isuggest.selfce.st/strand">
10
10
+
Strand
11
11
+
</UnderlineRouterLink>{" "}
12
12
+
is a third party frontend client for{" "}
13
13
+
<UnderlineRouterLink to="/tangled.org/core">
14
14
+
Tangled
15
15
+
</UnderlineRouterLink>
16
16
+
, a decentralised Git forge built on{" "}
17
17
+
<UnderlineLink href="https://atproto.com" target="_blank">
18
18
+
ATProto
19
19
+
</UnderlineLink>
20
20
+
.
21
21
+
</span>
22
22
+
<div className="flex flex-col items-center">
23
23
+
<span>
24
24
+
For any requests or additions to Strand, feel free to open a
25
25
+
PR!
26
26
+
</span>
27
27
+
<span>
28
28
+
For support with Tangled and to learn more, take a look at
29
29
+
their repository or{" "}
30
30
+
<UnderlineLink href="https://tangled.org" target="_blank">
31
31
+
their own frontend
32
32
+
</UnderlineLink>
33
33
+
.
34
34
+
</span>
35
35
+
</div>
36
36
+
<span className="flex items-center gap-1">
37
37
+
Built with <LucideHeart className="text-accent-alt" /> by
38
38
+
<UnderlineLink
39
39
+
href="https://catsky.social/profile/isuggest.selfce.st"
40
40
+
target="_blank"
41
41
+
>
42
42
+
Serenity
43
43
+
</UnderlineLink>{" "}
44
44
+
for{" "}
45
45
+
<UnderlineLink
46
46
+
href="https://catsky.social/profile/aimsaimerton.tgirl.gay"
47
47
+
target="_blank"
48
48
+
>
49
49
+
Aims
50
50
+
</UnderlineLink>
51
51
+
and{" "}
52
52
+
<UnderlineLink
53
53
+
href="https://catsky.social/profile/blooym.dev"
54
54
+
target="_blank"
55
55
+
>
56
56
+
Lyna
57
57
+
</UnderlineLink>
58
58
+
</span>
59
59
+
<span>Released under the MIT License</span>
5
60
</div>
6
61
);
7
62
};