style: improve titles
All checks were successful
Deploy Blog / deploy (push) Successful in 1m53s

This commit is contained in:
Thomas Bishop 2025-11-25 18:43:08 +00:00
parent 07266f70a7
commit 04950b84bb
6 changed files with 110 additions and 110 deletions

View file

@ -37,8 +37,8 @@ const EolasListing = () => {
<div className="container mx-auto p-4 grow"> <div className="container mx-auto p-4 grow">
<div className="space-my-8"> <div className="space-my-8">
<section className="container"> <section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d65d0e]! scanlined inline-block px-1"> <h2 className="text-2xl font-semibold mb-4 text-[#d65d0e]! scanlined inline-block px-2">
recent notes (external) {`> recent learning (external)`}
</h2> </h2>
{isLoading && <div>Loading...</div>} {isLoading && <div>Loading...</div>}

View file

@ -66,7 +66,7 @@ const CodeStats = () => {
<section className="container"> <section className="container">
<div className="flex flex-col md:flex-row items-start md:items-center md:justify-between"> <div className="flex flex-col md:flex-row items-start md:items-center md:justify-between">
<h2 className="text-2xl font-semibold mb-4 text-[#458588]! scanlined inline-block px-1"> <h2 className="text-2xl font-semibold mb-4 text-[#458588]! scanlined inline-block px-1">
code stats {`> code stats`}
</h2> </h2>
<div className="mb-4 text-sm text-muted"> <div className="mb-4 text-sm text-muted">
{convertDateFriendly(data?.from)} -{" "} {convertDateFriendly(data?.from)} -{" "}

View file

@ -8,8 +8,8 @@ const PostListing = ({ posts, title, showAllButton }) => {
<div className="container mx-auto p-4 grow"> <div className="container mx-auto p-4 grow">
<div className="space-my-8"> <div className="space-my-8">
<section className="container"> <section className="container">
<h2 className="text-2xl font-semibold mb-4 scanlined inline-block px-1"> <h2 className="text-2xl font-semibold mb-4 scanlined block px-2">
{title} {`> ${title}`}
</h2> </h2>
{posts.map((post) => ( {posts.map((post) => (
<ul> <ul>

View file

@ -43,8 +43,8 @@ const HomePage = () => {
<div className="container mx-auto p-4 grow"> <div className="container mx-auto p-4 grow">
<div className="space-my-8"> <div className="space-my-8">
<section className="container"> <section className="container">
<h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined inline-block px-1"> <h2 className="text-2xl font-semibold mb-4 text-[#d3869b]! scanlined block px-2">
projects {`> projects`}
</h2> </h2>
<ul> <ul>
<li className="pb-2"> <li className="pb-2">

View file

@ -9,7 +9,7 @@ const PostsPage = () => {
return ( return (
<MainTemplate> <MainTemplate>
<PostListing title={null} posts={posts} /> <PostListing title="all posts" posts={posts} />
</MainTemplate> </MainTemplate>
) )
} }

View file

@ -17,7 +17,7 @@ const BlogTemplate = () => {
) : ( ) : (
<article className="prose prose-lg max-w-none"> <article className="prose prose-lg max-w-none">
<header className="mb-6 pb-4"> <header className="mb-6 pb-4">
<h1 className="text-4xl font-bold mb-4 leading-tight inline-block scanlined px-1"> <h1 className="text-4xl font-bold mb-4 leading-tight inline-block scanlined px-3">
{post?.title} {post?.title}
</h1> </h1>
<div className="flex flex-wrap align-center gap-4 text-[#928374] condensed font-medium"> <div className="flex flex-wrap align-center gap-4 text-[#928374] condensed font-medium">