This commit is contained in:
parent
ebb00b9bd7
commit
1bc7fc2279
2 changed files with 62 additions and 64 deletions
|
|
@ -7,69 +7,69 @@ import CodeStats from "../containers/CodeStats"
|
||||||
// import TodayILearned from "@/containers/TodayILearned"
|
// import TodayILearned from "@/containers/TodayILearned"
|
||||||
|
|
||||||
const HomePage = () => {
|
const HomePage = () => {
|
||||||
const { posts } = usePosts()
|
const { posts } = usePosts()
|
||||||
return (
|
return (
|
||||||
<MainTemplate>
|
<MainTemplate>
|
||||||
<div className="container mx-auto md:p-4 py-4 px-1 grow">
|
<div className="container mx-auto md:p-4 py-4 px-1 grow">
|
||||||
<div className="space-my-8">
|
<div className="space-my-8">
|
||||||
<section className="space-y-4">
|
<section className="space-y-4">
|
||||||
<div className="gap-6 flex flex-col items-center sm:flex-row">
|
<div className="gap-6 flex flex-col items-center sm:flex-row">
|
||||||
<div className="scanlined">
|
<div className="scanlined">
|
||||||
<img src={gruvboxComputer} className="md:w-80 w-50" />
|
<img src={gruvboxComputer} className="md:w-80 w-50" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h1 className="text-4xl font-bold py-3 text-center sm:text-left md:text-left">
|
<h1 className="text-4xl font-bold py-3 text-center sm:text-left md:text-left">
|
||||||
<div className="scanlined inline-block py-1 px-2">
|
<div className="scanlined inline-block py-1 px-2">
|
||||||
systems obscure
|
systems obscure
|
||||||
</div>
|
</div>
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-center sm:text-left md:text-left text-muted font-medium">
|
<p className="text-center sm:text-left md:text-left text-muted font-medium">
|
||||||
Another software engineer with a blog. This is my technical
|
A wizard who goes to bed early. This is my technical scrapbook
|
||||||
scrapbook and digital garden.
|
and digital garden.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<PostListing title="recent posts" posts={posts.slice(0, 5)} />
|
<PostListing title="recent posts" posts={posts.slice(0, 5)} />
|
||||||
|
|
||||||
<PostListing
|
<PostListing
|
||||||
title="highlights"
|
title="highlights"
|
||||||
posts={posts.filter((post) => post.tags.includes("highlight"))}
|
posts={posts.filter((post) => post.tags.includes("highlight"))}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div className="container mx-auto md:p-4 py-4 px-1 grow">
|
<div className="container mx-auto md:p-4 py-4 px-1 grow">
|
||||||
<div className="space-my-8">
|
<div className="space-my-8">
|
||||||
<section className="container">
|
<section className="container">
|
||||||
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! h2-home scanlined px-2">
|
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! h2-home scanlined px-2">
|
||||||
{`projects`}
|
{`projects`}
|
||||||
</h2>
|
</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li className="pb-2">
|
<li className="pb-2">
|
||||||
<a
|
<a
|
||||||
className="underline underline-offset-4 text-[18px] text-primary hover:text-primary/80 font-medium"
|
className="underline underline-offset-4 text-[18px] text-primary hover:text-primary/80 font-medium"
|
||||||
href="https://eolas.systemsobscure.net"
|
href="https://eolas.systemsobscure.net"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
eolas
|
eolas
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<p className="">
|
<p className="">
|
||||||
A public frontend for my local Zettelkasten created with
|
A public frontend for my local Zettelkasten created with
|
||||||
NodeJS, Python and React.
|
NodeJS, Python and React.
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<CodeStats />
|
<CodeStats />
|
||||||
<EolasListing />
|
<EolasListing />
|
||||||
</MainTemplate>
|
</MainTemplate>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export { HomePage }
|
export { HomePage }
|
||||||
|
|
|
||||||
|
|
@ -12,10 +12,8 @@ const TagTemplate = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<MainTemplate>
|
<MainTemplate>
|
||||||
<div className="container mx-auto p-4">
|
<div className="container mx-auto p-4"></div>
|
||||||
<h1 className="h1 text-3xl text-[#b8bb26]! font-bold">{`Posts tagged: #${tag}`}</h1>
|
<PostListing title={`Posts tagged: #${tag}`} posts={filteredPosts} />
|
||||||
</div>
|
|
||||||
<PostListing title={null} posts={filteredPosts} />
|
|
||||||
</MainTemplate>
|
</MainTemplate>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue