모든 브라우저에서 통일된 환경을 제공해야하며 최대한의 일어날 수 있는 버그를 줄여야함

This commit is contained in:
imnyang 2025-05-31 21:08:10 +09:00
commit 34138d5117
No known key found for this signature in database
GPG key ID: 356406A02D4AFA55
2 changed files with 10 additions and 7 deletions

View file

@ -46,15 +46,15 @@ export function Page() {
}, []); }, []);
return ( return (
<div className="flex flex-col justify-center"> <div className="flex flex-col justify-center font-medium">
<div className="max-w-3xl px-4 mx-auto pt-24 pb-12 leading-8"> <div className="max-w-3xl px-4 mx-auto pt-24 pb-12 leading-8">
<h1 className="mb-4"><a href="mailto:me@imnya.ng" className="text-5xl font-medium font-serif font-ntype">me@imnya.ng</a></h1> <h1 className="mb-4"><a href="mailto:me@imnya.ng" className="text-5xl font-medium font-serif font-ntype">me@imnya.ng</a></h1>
<p> <p className="font-medium">
<span className="font-extrabold"> </span> <span className="font-extrabold"></span> <span className="font-extrabold"></span>. <span className="font-extrabold"> </span> <span className="font-extrabold"></span> <span className="font-extrabold"></span>.
</p> </p>
<p> <p className="font-medium">
{" "} {" "}
<a className="link-pink" target="_blank" href="https://github.com/team-neko/two_hearts" title="Chrome New Tab Extension"> <a className="link-pink" target="_blank" href="https://github.com/team-neko/two_hearts" title="Chrome New Tab Extension">
Two Hearts Two Hearts
@ -69,12 +69,12 @@ export function Page() {
<picture className="block bg-gray-100 my-4 rounded-xl aspect-3-2 overflow-hidden image-scale object-shadowed"> <picture className="block bg-gray-100 my-4 rounded-xl aspect-3-2 overflow-hidden image-scale object-shadowed">
<img src={Image} className="w-full aspect-3-2 object-cover object-center" /> <img src={Image} className="w-full aspect-3-2 object-cover object-center" />
</picture> </picture>
<p className="mt-6"> <p className="mt-6 font-medium">
{age} , <span className="font-extrabold"> </span> ,<br /> {age} , <span className="font-extrabold"> </span> ,<br />
<span className="font-extrabold"> </span> .<br /> <span className="font-extrabold"> </span> .<br />
<span className="font-extrabold"> </span> . <span className="font-extrabold"> </span> .
</p> </p>
<p className="mt-2"> <p className="mt-2 font-medium">
<span className="font-extrabold"></span> , <span className="font-extrabold"></span> ,
<span className="font-extrabold"></span> .<br /> <span className="font-extrabold"></span> .<br />
4 <span className="font-extrabold">Python</span> , 4 <span className="font-extrabold">Python</span> ,
@ -96,7 +96,7 @@ export function Page() {
<br /> <br />
<p> <p className="font-medium">
:{" "} :{" "}
<a href={post.link} className="text-muted-foreground"> <a href={post.link} className="text-muted-foreground">
{post.title} {post.title}

View file

@ -202,7 +202,10 @@ export default function Timeline() {
<AccordionContent className="pb-2 ps-7 text-foreground overflow-y-auto"> <AccordionContent className="pb-2 ps-7 text-foreground overflow-y-auto">
{events.filter(event => new Date(event.date).getFullYear() === year).map((event, index) => ( {events.filter(event => new Date(event.date).getFullYear() === year).map((event, index) => (
<div key={index} className="my-2"> <div key={index} className="my-2">
<p className="flex flex-row"><p className="text-md font-semibold fixed-width-number">{new Date(event.date).toLocaleDateString('en-US', { month: 'short', day: '2-digit' })}</p><p className="text-md font-semibold fixed-width-number text-muted-foreground">{event.category}</p></p> <div className="flex flex-row">
<span className="text-md font-semibold fixed-width-number">{new Date(event.date).toLocaleDateString('en-US', { month: 'short', day: '2-digit' })}</span>
<span className="text-md font-semibold fixed-width-number text-muted-foreground">{event.category}</span>
</div>
{event.link ? ( {event.link ? (
<a href={event.link}>{event.description}</a> <a href={event.link}>{event.description}</a>
) : ( ) : (