z0x/blog.z0x.ca
Code Actions

feat: improve graphics

Browse source
This commit is contained in:
enscribe 2024-09-13 01:23:57 -07:00
parent 8b5d66b32a
commit 3c8ad67774
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
20 changed files with 61 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/BlogCard.astro
View file

@ -35,7 +35,7 @@ const authors = await parseAuthors(entry.data.authors ?? [])
alt={entry.data.title}
width={200}
height={200}
class="rounded-xl object-cover"
class="object-cover"
/>
</div>
)

16
src/components/Head.astro
View file

@ -28,15 +28,13 @@ const { title, description, image = '/static/twitter-card.png' } = Astro.props
<meta name="title" content={title} />
<meta name="description" content={description} />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="shortcut icon" href="/favicon.ico" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="msapplication-config" content="/browserconfig.xml" />
<meta name="theme-color" content="#121212" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#121212">
<meta name="msapplication-TileColor" content="#121212">
<meta name="theme-color" content="#121212">
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />

2
src/components/Header.astro
View file

@ -18,7 +18,7 @@ import logo from '../../public/static/logo.svg'
href="/"
class="flex flex-shrink-0 items-center gap-2 text-xl font-semibold transition-colors duration-300 hover:text-primary"
>
<Image src={logo} alt="Logo" class="size-8 rounded-sm" />
<Image src={logo} alt="Logo" class="size-8" />
{SITE.TITLE}
</Link>
<div class="flex items-center gap-2 md:gap-4">