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 />
</head>
<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 />
<Scripts />
<LiveReload />

78
app/routes/_index.tsx
View File

@ -13,44 +13,46 @@ import { MdEmail } from "react-icons/md";
export default function Index() {
return (
<div className="flex flex-col items-center justify-around h-[100vh]">
<div>
<div className="text-center text-[6vw]">
<span>$ echo "Hello, world!"</span>
<span className="animate-blink">|</span>
</div>
<nav className="pt-5 flex justify-center flex-wrap">
<IconContext.Provider value={{ color: "yellow", size: "2em" }}>
<a rel="me" href="https://mastodon.uno/@nullndr" className="p-2">
<FaMastodon />
</a>
<a href="https://t.me/nullndr" className="p-2">
<FaTelegramPlane />
</a>
<a href="https://gitlab.com/nullndr" className="p-2">
<FaGitlab />
</a>
<a href="https://github.com/nullndr" className="p-2">
<FaGithub />
</a>
<a href="https://twitter.com/nullndr" className="p-2">
<FaTwitter />
</a>
<a href="mailto: nullndr@duck.com" className="p-2">
<MdEmail />
</a>
<a href="https://linkedin.com/in/nullndr" className="p-2">
<FaLinkedin />
</a>
<a href="/key.pub" download={true} className="p-2">
<FaKey />
</a>
</IconContext.Provider>
</nav>
<div className="pt-5 flex flex-col items-center text-xl">
<Link to="/blog" className="hover:text-[#e6c2bf] font-bold">
Blog
</Link>
<div className="flex h-screen min-h-full flex-col justify-center">
<div className="flex flex-col flex-grow place-content-center">
<div>
<div className="text-center text-[6vw]">
<span>$ echo "Hello, world!"</span>
<span className="animate-blink">|</span>
</div>
<nav className="pt-5 flex justify-center flex-wrap">
<IconContext.Provider value={{ color: "yellow", size: "2em" }}>
<a rel="me" href="https://mastodon.uno/@nullndr" className="p-2">
<FaMastodon />
</a>
<a href="https://t.me/nullndr" className="p-2">
<FaTelegramPlane />
</a>
<a href="https://gitlab.com/nullndr" className="p-2">
<FaGitlab />
</a>
<a href="https://github.com/nullndr" className="p-2">
<FaGithub />
</a>
<a href="https://twitter.com/nullndr" className="p-2">
<FaTwitter />
</a>
<a href="mailto: nullndr@duck.com" className="p-2">
<MdEmail />
</a>
<a href="https://linkedin.com/in/nullndr" className="p-2">
<FaLinkedin />
</a>
<a href="/key.pub" download={true} className="p-2">
<FaKey />
</a>
</IconContext.Provider>
</nav>
<div className="pt-5 flex flex-col items-center text-xl">
<Link to="/blog" className="hover:text-[#e6c2bf] font-bold">
Blog
</Link>
</div>
</div>
</div>
</div>

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

@ -29,7 +29,7 @@ export default function () {
return (
<>
<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 />
</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>
{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) => (
<Post {...post} key={i} />
))}

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

@ -4,7 +4,7 @@ import { useMatch } from "./useMatch";
export default function () {
const { handle } = useMatch();
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 && (
<Link
className="mt-5 hover:text-[#e6c2bf] text-xl font-bold"