Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-09-07 23:13:55 +05:00
Code Issues Projects Releases Packages Wiki Activity

feat: add footer

Browse source
This commit is contained in:
Kentai Radiquum 2025-07-25 01:36:04 +05:00
parent dfbed4197e
commit ab5eedeb07
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 75 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

60
app/Section/Footer.tsx Normal file
View file

@ -0,0 +1,60 @@
import { Section } from "../components/Section";
const artists = [
{
name: "sleepy_muzzle",
url: "https://t.me/rerandpulseup",
},
{
name: "yoshi_ruko",
url: "https://t.me/yoshi_ruko",
},
{
name: "ketfox",
url: "https://vk.com/ketfox18",
},
{
name: "whizzie",
url: "https://bsky.app/profile/whizzie.bsky.social",
},
];
export const Footer = () => {
return (
<div className="text-lg p-4 bg-[#c8e8fe]/5 rounded-t-4xl md:rounded-t-[128px] xl:rounded-t-4xl 2xl:rounded-t-[128px]">
<Section>
<div className="grid grid-cols-1 xl:grid-cols-2 gap-y-4">
<div className="flex flex-col lg:flex-row gap-x-1">
Arts by:
<div className="flex gap-x-4 flex-wrap">
{artists.map((item) => (
<a
href={item.url}
key={`footer.artist.${item.name}`}
className="hover:underline"
>
{item.name}
</a>
))}
</div>
</div>
<div className="flex gap-1">
Font: LT Superior by
<a
href="https://lyonstype4.wixsite.com/homepage"
className="hover:underline"
>
LyonsType
</a>
<a
href="/fonts/LTSuperior-Mar2025/OFL.txt"
className="hover:underline"
>
(License)
</a>
</div>
</div>
</Section>
</div>
);
};

24
app/page.tsx
View file

@ -1,5 +1,6 @@
import { Characters } from "./Section/Characters"; import { Characters } from "./Section/Characters";
import { Contacts } from "./Section/Contacts"; import { Contacts } from "./Section/Contacts";
import { Footer } from "./Section/Footer";
import { Intro } from "./Section/Intro"; import { Intro } from "./Section/Intro";
import { Photos } from "./Section/Photos"; import { Photos } from "./Section/Photos";
import { Projects } from "./Section/Projects"; import { Projects } from "./Section/Projects";
@ -7,16 +8,21 @@ import { Socials } from "./Section/Socials";
export default function Home() { export default function Home() {
return ( return (
<main className="flex flex-col gap-4 md:gap-8 overflow-hidden"> <main>
<div className="flex flex-col gap-8 md:gap-16 overflow-hidden"> <div className="flex flex-col gap-4 md:gap-8 overflow-hidden bg-[#090909]">
<Intro /> <div className="flex flex-col gap-8 md:gap-16 overflow-hidden">
<Socials /> <Intro />
<Photos /> <Socials />
<Projects /> <Photos />
<Projects />
</div>
<div className="flex flex-col gap-8 md:gap-16 overflow-hidden bg-[#131314] rounded-t-4xl md:rounded-t-[128px] pt-4 md:pt-8 pb-8 md:pb-16 xl:rounded-t-4xl 2xl:rounded-t-[128px]">
<Characters />
<Contacts />
</div>
</div> </div>
<div className="flex flex-col gap-8 md:gap-16 overflow-hidden bg-[#131314] rounded-t-4xl md:rounded-t-[128px] pt-4 md:pt-8 pb-8 md:pb-16 xl:rounded-t-4xl 2xl:rounded-t-[128px]"> <div className="bg-[#131314]">
<Characters /> <Footer />
<Contacts />
</div> </div>
</main> </main>
); );