wymiller/my-website-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added post container

Browse Source
This commit is contained in:
Wyatt J. Miller
2025-06-30 00:23:41 -04:00
parent f3c96e675b
commit 957858de59
4 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/components/Footer.tsx
View File

@ -9,7 +9,7 @@ export default function Footer() {
<div class="space-y-2"> <div class="space-y-2">
<a <a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]" class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href={`${Deno.env.get("BASE_URI_API")}/posts/rss`} href={Deno.env.get("BASE_URI_RSS")}
> >
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<hi.HiOutlineRss /> <hi.HiOutlineRss />
@ -18,7 +18,7 @@ export default function Footer() {
</a> </a>
<a <a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]" class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/sitemap.xml" href={Deno.env.get("BASE_URI_SITEMAP")}
> >
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<hi.HiOutlineMap /> <hi.HiOutlineMap />
@ -28,7 +28,10 @@ export default function Footer() {
</div> </div>
<div> <div>
<a class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"> <a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/resume.pdf"
>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<hi.HiOutlineBriefcase /> <hi.HiOutlineBriefcase />
Resume Resume
@ -43,12 +46,6 @@ export default function Footer() {
Email me Email me
</div> </div>
</a> </a>
<a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="https://github.com/wymillerlinux"
>
<div class="flex items-center gap-2">GitHub</div>
</a>
</div> </div>
</div> </div>

11
frontend/components/PostBody.tsx
View File

@ -2,10 +2,13 @@ import { Post } from "../types/index.ts";
export const PostBody = function PostBody({ post }: PostBodyOpts) { export const PostBody = function PostBody({ post }: PostBodyOpts) {
return ( return (
<div <div class="mx-auto max-w-4xl p-4 bg-[#313244]">
class="p-6 bg-[#313244] shadow-md text-[#f5e0dc] post-content" <div
dangerouslySetInnerHTML={{ __html: post.body }} class="p-6 bg-[#45475a] shadow-md rounded-lg text-[#f5e0dc] post-content overflow-hidden break-words hyphens-auto max-w-full
></div> [&>*]:max-w-5xl [&>*]:overflow-wrap-anywhere"
dangerouslySetInnerHTML={{ __html: post.body }}
></div>
</div>
); );
}; };

2
frontend/components/PostHeader.tsx
View File

@ -8,7 +8,7 @@ export const PostHeader = function PostHeader({ post }: PostHeaderOpts) {
<Head> <Head>
<title>Wyatt J. Miller | {post.title}</title> <title>Wyatt J. Miller | {post.title}</title>
</Head> </Head>
<div class="p-6 bg-[#313244] shadow-md"> <div class="p-6 bg-[#313244]">
<div class="min-w-screen flex flex-col items-center justify-between bg-[#45475a] rounded-lg shadow-md"> <div class="min-w-screen flex flex-col items-center justify-between bg-[#45475a] rounded-lg shadow-md">
<div class="sm:mt-14 sm:mb-14 mt-8 mb-8 flex flex-col items-center gap-y-5 gap-x-10 md:flex-row"> <div class="sm:mt-14 sm:mb-14 mt-8 mb-8 flex flex-col items-center gap-y-5 gap-x-10 md:flex-row">
<div class="space-y-2 text-center md:text-left"> <div class="space-y-2 text-center md:text-left">

2
frontend/routes/_app.tsx
View File

@ -8,7 +8,7 @@ export default function App({ Component }: PageProps) {
<title>frontend</title> <title>frontend</title>
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
</head> </head>
<body> <body class="bg-[#313244]">
<Component /> <Component />
</body> </body>
</html> </html>