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

9
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']">
<Outlet /> <div className="static sm:relative">
<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 />

78
app/routes/_index.tsx
View File

@ -13,44 +13,46 @@ 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> <div className="flex flex-col flex-grow place-content-center">
<div className="text-center text-[6vw]"> <div>
<span>$ echo "Hello, world!"</span> <div className="text-center text-[6vw]">
<span className="animate-blink">|</span> <span>$ echo "Hello, world!"</span>
</div> <span className="animate-blink">|</span>
<nav className="pt-5 flex justify-center flex-wrap"> </div>
<IconContext.Provider value={{ color: "yellow", size: "2em" }}> <nav className="pt-5 flex justify-center flex-wrap">
<a rel="me" href="https://mastodon.uno/@nullndr" className="p-2"> <IconContext.Provider value={{ color: "yellow", size: "2em" }}>
<FaMastodon /> <a rel="me" href="https://mastodon.uno/@nullndr" className="p-2">
</a> <FaMastodon />
<a href="https://t.me/nullndr" className="p-2"> </a>
<FaTelegramPlane /> <a href="https://t.me/nullndr" className="p-2">
</a> <FaTelegramPlane />
<a href="https://gitlab.com/nullndr" className="p-2"> </a>
<FaGitlab /> <a href="https://gitlab.com/nullndr" className="p-2">
</a> <FaGitlab />
<a href="https://github.com/nullndr" className="p-2"> </a>
<FaGithub /> <a href="https://github.com/nullndr" className="p-2">
</a> <FaGithub />
<a href="https://twitter.com/nullndr" className="p-2"> </a>
<FaTwitter /> <a href="https://twitter.com/nullndr" className="p-2">
</a> <FaTwitter />
<a href="mailto: nullndr@duck.com" className="p-2"> </a>
<MdEmail /> <a href="mailto: nullndr@duck.com" className="p-2">
</a> <MdEmail />
<a href="https://linkedin.com/in/nullndr" className="p-2"> </a>
<FaLinkedin /> <a href="https://linkedin.com/in/nullndr" className="p-2">
</a> <FaLinkedin />
<a href="/key.pub" download={true} className="p-2"> </a>
<FaKey /> <a href="/key.pub" download={true} className="p-2">
</a> <FaKey />
</IconContext.Provider> </a>
</nav> </IconContext.Provider>
<div className="pt-5 flex flex-col items-center text-xl"> </nav>
<Link to="/blog" className="hover:text-[#e6c2bf] font-bold"> <div className="pt-5 flex flex-col items-center text-xl">
Blog <Link to="/blog" className="hover:text-[#e6c2bf] font-bold">
</Link> Blog
</Link>
</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"