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">
<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={`${Deno.env.get("BASE_URI_API")}/posts/rss`}
href={Deno.env.get("BASE_URI_RSS")}
>
<div class="flex items-center gap-2">
<hi.HiOutlineRss />
@ -18,7 +18,7 @@ export default function Footer() {
</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="/sitemap.xml"
href={Deno.env.get("BASE_URI_SITEMAP")}
>
<div class="flex items-center gap-2">
<hi.HiOutlineMap />
@ -28,7 +28,10 @@ export default function Footer() {
</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">
<hi.HiOutlineBriefcase />
Resume
@ -43,12 +46,6 @@ export default function Footer() {
Email me
</div>
</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>

5
frontend/components/PostBody.tsx
View File

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

2
frontend/routes/_app.tsx
View File

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