diff options
| author | Kyren223 <contact@kyren.codes> | 2026-10-06 20:46:31 +0300 |
|---|---|---|
| committer | Kyren223 <contact@kyren.codes> | 2026-10-06 20:46:31 +0300 |
| commit | ba1be9573ef20d6424ae987257a1c727c47d4b53 (patch) | |
| tree | e59ef56f19142215070d0516a9b3a110d15557b6 /src/components/BlogItem.astro | |
| parent | ea056b6e080669ba4b6f16c2757b4e2e88ea0553 (diff) | |
Initial setup for website rewrite
Diffstat (limited to 'src/components/BlogItem.astro')
| -rw-r--r-- | src/components/BlogItem.astro | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro deleted file mode 100644 index 8440d85..0000000 --- a/src/components/BlogItem.astro +++ /dev/null @@ -1,40 +0,0 @@ ---- -import TerminalBorder from "@components/TerminalBorder.astro"; - -function formatDate(date: Date) { - const day = date.getDate(); - const month = date.toLocaleString("default", { month: "long" }); - const year = date.getFullYear(); - return `${month} ${day}, ${year}`; -} - -interface Props { - title: string; - description: string; - date: Date; - href?: string; - header?: string; -} - -const { title, description, date, href, header } = Astro.props; ---- - -<TerminalBorder header={header} footer={formatDate(date)} extra="mr-[0.1vw] sm:mr-0 mb-[5vw] sm:mb-[2vw]"> - <span class="cursor-pointer group block w-full"> - { - href ? ( - <a href={href} style="all: unset;"> - <h1 class="text-[130%] text-[var(--accent)] group-hover:underline"> - {title} - </h1> - <p class="text-[var(--secondary)]">{description}</p> - </a> - ) : ( - <> - <h1 class="text-[130%] text-[var(--accent)]">{title}</h1> - <p class="text-[var(--secondary)]">{description}</p> - </> - ) - } - </span> -</TerminalBorder> |
