nullndr/website
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: add notbyai badge

Browse Source
This commit is contained in:
Andrea 2023-03-16 15:35:52 +01:00
parent c95aa1b613
commit a5ca7ad016
No known key found for this signature in database
GPG Key ID: 4594610B9C8F91C5
5 changed files with 51 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/root.tsx
View File

@ -30,7 +30,14 @@ export default function App() {
<Links /> <Links />
</head> </head>
<body className="bg-[#202020] text-[#d6d6d6] font-['monospace']"> <body className="bg-[#202020] text-[#d6d6d6] font-['monospace']">
<div className="static sm:relative">
<Outlet /> <Outlet />
<div className="fixed m-3 bottom-0 right-0">
<a href="https://notbyai.fyi/">
<img src="https://user-images.githubusercontent.com/62137266/225637256-6b497779-d10e-40be-8c4a-e0e6349d7b25.svg" />
</a>
</div>
</div>
<ScrollRestoration /> <ScrollRestoration />
<Scripts /> <Scripts />
<LiveReload /> <LiveReload />

4
app/routes/_index.tsx
View File

@ -13,7 +13,8 @@ import { MdEmail } from "react-icons/md";
export default function Index() { export default function Index() {
return ( return (
<div className="flex flex-col items-center justify-around h-[100vh]"> <div className="flex h-screen min-h-full flex-col justify-center">
<div className="flex flex-col flex-grow place-content-center">
<div> <div>
<div className="text-center text-[6vw]"> <div className="text-center text-[6vw]">
<span>$ echo "Hello, world!"</span> <span>$ echo "Hello, world!"</span>
@ -54,5 +55,6 @@ export default function Index() {
</div> </div>
</div> </div>
</div> </div>
</div>
); );
} }

2
app/routes/blog.$name.tsx
View File

@ -29,7 +29,7 @@ export default function () {
return ( return (
<> <>
<Title>{title}</Title> <Title>{title}</Title>
<div className="m-3 mt-10 xl:w-1/2 prose dark:prose-invert prose-a:no-underline prose-a:font-bold"> <div className="mx-3 py-10 sm:mx-0 xl:w-1/2 prose dark:prose-invert prose-a:no-underline prose-a:font-bold">
<MdxComponent /> <MdxComponent />
</div> </div>
</> </>

2
app/routes/blog._index/route.tsx
View File

@ -19,7 +19,7 @@ export default function () {
<> <>
<Title>Here I blog about whatever get my attention</Title> <Title>Here I blog about whatever get my attention</Title>
{posts.length > 0 ? ( {posts.length > 0 ? (
<div className="mt-10 w-full flex flex-col items-center space-y-5"> <div className="py-10 w-full sm:flex sm:flex-col sm:items-center space-y-5">
{posts.map((post, i) => ( {posts.map((post, i) => (
<Post {...post} key={i} /> <Post {...post} key={i} />
))} ))}

2
app/routes/blog/route.tsx
View File

@ -4,7 +4,7 @@ import { useMatch } from "./useMatch";
export default function () { export default function () {
const { handle } = useMatch(); const { handle } = useMatch();
return ( return (
<div className="h-fit w-full flex flex-col items-center"> <div className="flex h-screen min-h-full flex-col items-center">
{handle && ( {handle && (
<Link <Link
className="mt-5 hover:text-[#e6c2bf] text-xl font-bold" className="mt-5 hover:text-[#e6c2bf] text-xl font-bold"