misterkirill/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add footer

Browse Source
This commit is contained in:
Kirill Siukhin 2025-07-15 16:34:36 +05:00
parent 3e2d3e68c9
commit 491c3bce9e
4 changed files with 10 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/app/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 15 KiB

25
src/app/globals.css
View File

@ -1,26 +1 @@
@import "tailwindcss";
:root {
--background: #ffffff;
--foreground: #171717;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}

2
src/app/layout.tsx
View File

@ -19,7 +19,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body className={`${geistMono.className} antialiased`}>
<body className={`${geistMono.className} bg-slate-800 antialiased`}>
{children}
</body>
</html>

13
src/app/page.tsx
View File

@ -2,9 +2,9 @@ import Card from "@/components/Card";
export default function Home() {
return (
<div className="flex flex-col h-screen bg-slate-800 text-white">
<div className="flex flex-col h-screen text-white">
<header className="bg-slate-600 p-4">
Kirill Siukhin
<b>Kirill Siukhin</b>
</header>
<main className="m-4">
@ -46,8 +46,13 @@ export default function Home() {
</div>
</main>
<footer className="mt-auto bg-slate-600 p-6">
footer
<footer className="text-center mt-auto bg-slate-600 p-6">
<span>Thanks for visiting!</span>
<div className="flex flex-wrap justify-center gap-x-4">
<a href="https://bsky.app/profile/misterkirill.bsky.social" className="hover:underline font-semibold">Bluesky</a>
<a href="https://t.me/misterkirill1" className="hover:underline font-semibold">Telegram</a>
<a href="mailto:kirillsiukhin@proton.me" className="hover:underline font-semibold">kirillsiukhin@proton.me</a>
</div>
</footer>
</div>
);