alternative tangled frontend (extremely wip)

feat: and that makes a footer

serenity ed212a44 4edec803

+80 -2
+23
src/components/Icons/LucideHeart.tsx
··· 1 + import { SVGProps } from "react"; 2 + 3 + export function LucideHeart(props: SVGProps<SVGSVGElement>) { 4 + return ( 5 + <svg 6 + xmlns="http://www.w3.org/2000/svg" 7 + width="1em" 8 + height="1em" 9 + viewBox="0 0 24 24" 10 + {...props} 11 + > 12 + {/* Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE */} 13 + <path 14 + fill="none" 15 + stroke="currentColor" 16 + strokeLinecap="round" 17 + strokeLinejoin="round" 18 + strokeWidth="2" 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 + /> 21 + </svg> 22 + ); 23 + }
+57 -2
src/components/Nav/Footer.tsx
··· 1 + import { UnderlineLink } from "@/components/Animated/UnderlinedLink"; 2 + import { UnderlineRouterLink } from "@/components/Animated/UnderlineRouterLink"; 3 + import { LucideHeart } from "@/components/Icons/LucideHeart"; 4 + 1 5 export const Footer = () => { 2 6 return ( 3 - <div className="pb-16"> 4 - <p>Hello this is a footer</p> 7 + <div className="flex flex-col items-center gap-2 pb-16"> 8 + <span> 9 + <UnderlineRouterLink to="/isuggest.selfce.st/strand"> 10 + Strand 11 + </UnderlineRouterLink>{" "} 12 + is a third party frontend client for{" "} 13 + <UnderlineRouterLink to="/tangled.org/core"> 14 + Tangled 15 + </UnderlineRouterLink> 16 + , a decentralised Git forge built on{" "} 17 + <UnderlineLink href="https://atproto.com" target="_blank"> 18 + ATProto 19 + </UnderlineLink> 20 + . 21 + </span> 22 + <div className="flex flex-col items-center"> 23 + <span> 24 + For any requests or additions to Strand, feel free to open a 25 + PR! 26 + </span> 27 + <span> 28 + For support with Tangled and to learn more, take a look at 29 + their repository or{" "} 30 + <UnderlineLink href="https://tangled.org" target="_blank"> 31 + their own frontend 32 + </UnderlineLink> 33 + . 34 + </span> 35 + </div> 36 + <span className="flex items-center gap-1"> 37 + Built with <LucideHeart className="text-accent-alt" /> by 38 + <UnderlineLink 39 + href="https://catsky.social/profile/isuggest.selfce.st" 40 + target="_blank" 41 + > 42 + Serenity 43 + </UnderlineLink>{" "} 44 + for{" "} 45 + <UnderlineLink 46 + href="https://catsky.social/profile/aimsaimerton.tgirl.gay" 47 + target="_blank" 48 + > 49 + Aims 50 + </UnderlineLink> 51 + and{" "} 52 + <UnderlineLink 53 + href="https://catsky.social/profile/blooym.dev" 54 + target="_blank" 55 + > 56 + Lyna 57 + </UnderlineLink> 58 + </span> 59 + <span>Released under the MIT License</span> 5 60 </div> 6 61 ); 7 62 };