style tweaks and add hightlings
All checks were successful
Deploy Blog / deploy (push) Successful in 1m26s

This commit is contained in:
Thomas Bishop 2025-11-06 19:02:18 +00:00
parent 61d88bd0c2
commit 0a3e52669a
4 changed files with 50 additions and 45 deletions

View file

@ -2,7 +2,7 @@
title: "Visit to Bletchley Park and The National Museum of Computing" title: "Visit to Bletchley Park and The National Museum of Computing"
slug: /bletchley-park-tnmoc-holiday/ slug: /bletchley-park-tnmoc-holiday/
date: 2024-08-07 date: 2024-08-07
tags: ["personal", "beige", "gruvbox"] tags: ["personal", "gruvbox", "highlight"]
--- ---
As part of our holiday this year my girlfriend and I went to visit As part of our holiday this year my girlfriend and I went to visit

View file

@ -12,7 +12,7 @@ professional development.
<div style="display:flex; flex-direction: row; justify-content: center; margin: <div style="display:flex; flex-direction: row; justify-content: center; margin:
1rem 0;"> 1rem 0;">
<img src="./img/bbc-leave-gruv-small.png" width="300" /> <img src="./img/bbc-leave-gruv-small.png" />
</div> </div>
I worked with a variety of stakeholders on applications used internally within I worked with a variety of stakeholders on applications used internally within
the Corporation. I was able to work across the frontend and the backend in a the Corporation. I was able to work across the frontend and the backend in a

View file

@ -22,7 +22,7 @@ const HomePage = () => {
</div> </div>
</h1> </h1>
<p className="leading-relaxed text-center sm:text-left md:text-left"> <p className="leading-relaxed text-center sm:text-left md:text-left">
software engineer at ITV, formerly BBC. this is my technical Software engineer at ITV, formerly BBC. This is my technical
scrapbook and digital garden. scrapbook and digital garden.
</p> </p>
</div> </div>
@ -31,7 +31,12 @@ const HomePage = () => {
</div> </div>
</div> </div>
<PostListing title="recent posts" posts={posts.slice(0, 5)} /> <PostListing title="Recent posts" posts={posts.slice(0, 5)} />
<PostListing
title="Highlights"
posts={posts.filter((post) => post.tags.includes("highlight"))}
/>
</MainTemplate> </MainTemplate>
) )
} }

View file

@ -55,7 +55,7 @@ const BlogTemplate = () => {
[&_li_code]:relative [&_li_code]:rounded [&_li_code]:bg-[#504945] [&_li_code]:px-[0.3rem] [&_li_code]:py-[0.2rem] [&_li_code]:font-mono [&_li_code]:text-sm [&_li_code]:font-normal [&_li_code]:relative [&_li_code]:rounded [&_li_code]:bg-[#504945] [&_li_code]:px-[0.3rem] [&_li_code]:py-[0.2rem] [&_li_code]:font-mono [&_li_code]:text-sm [&_li_code]:font-normal
[&>code]:relative [&>code]:rounded [&>code]:bg-[#504945] [&>code]:px-[0.3rem] [&>code]:py-[0.2rem] [&>code]:font-mono [&>code]:text-sm [&>code]:font-normal [&>code]:relative [&>code]:rounded [&>code]:bg-[#504945] [&>code]:px-[0.3rem] [&>code]:py-[0.2rem] [&>code]:font-mono [&>code]:text-sm [&>code]:font-normal
[&>figure]:w-full [&>figure]:flex [&>figure]:flex-col [&>figure]:items-center [&>figure]:justify-center [&>figure]:mb-6 [&>figure]:mx-auto [&>figure]:w-full [&>figure]:flex [&>figure]:flex-col [&>figure]:items-center [&>figure]:justify-center [&>figure]:mb-6 [&>figure]:mx-auto
[&>figure>img]:w-full [&>figure>img]:max-w-2xl [&>figure>img]:max-h-[700px] [&>figure>img]:w-auto [&>figure>img]:h-auto [&>figure>img]:object-contain
[&>figure>figcaption]:text-sm [&>figure>figcaption]:text-[#bdae93] [&>figure>figcaption]:mt-3 [&>figure>figcaption]:text-center [&>figure>figcaption]:text-sm [&>figure>figcaption]:text-[#bdae93] [&>figure>figcaption]:mt-3 [&>figure>figcaption]:text-center
[&>figure>figcaption>a]:text-primary [&>figure>figcaption>a:hover]:text-primary/80 [&>figure>figcaption>a]:text-primary [&>figure>figcaption>a:hover]:text-primary/80
[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-[#689d6a] [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-[#689d6a] [&_a]:text-primary