1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-07-02 07:36:00 -04:00

restore image captions in markdown with a "clever" (messy) css hack

This commit is contained in:
2025-03-20 12:00:04 -04:00
parent 3388da2d50
commit b626955731
34 changed files with 413 additions and 455 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 603 KiB

@@ -11,6 +11,7 @@ image: ./obama-laughing.jpg
---
![President Barack H. Obama, probably ranking some of these 404 pages.](./obama-laughing.jpg)
_President Barack H. Obama, probably ranking some of these 404 pages._
Ever since [President Obama injected technology](https://arstechnica.com/information-technology/2012/11/built-to-win-deep-inside-obamas-campaign-tech/) into presidential politics in a historic way, one of the few bright spots of the incredibly long and exhausting race for me has been inspecting each candidate's campaign website. They end up revealing a great deal about how much each of them is willing to invest in the internet, and how young and innovative (and potentially funny) the staff members they attract are.
@@ -26,7 +27,15 @@ I'm a _huge_ sucker for Kate McKinnon's spot-on impression of Warren on Saturday
Although the designer who selected this GIF likely had _thousands_ of choices when searching "[Bernie finger wagging GIF](https://www.google.com/search?q=Bernie+finger+wagging+GIF&tbm=isch&tbs=itp:animated)," the text beside it is well-written and funny — even though we both know putting a page at [berniesanders.com/zxcliaosid](https://berniesanders.com/zxcliaosid/) probably won't be a top priority of a President Sanders.
![Bernie Sanders](./sanders.gif)
<Video
src={[
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/sanders-2sIwomxG5hOZHATR5FyuydOOhMJlSU.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/sanders-zBvLCRqdH6oKkntUYYq4GsvFmnU1V9.mp4",
]}
crossOrigin="anonymous"
autoplay
responsive={false}
/>
## 3. Joe Biden — [joebiden.com](https://joebiden.com/asdfasdf404)
@@ -38,13 +47,29 @@ Uncle Joe has a nice and simple 404 page. I like it, along with the Ray-Bans and
A ballsy move, considering Beto's infamous [DUI arrest](https://www.politifact.com/texas/statements/2019/mar/14/club-growth/beto-orourke-arrested-dwi-flee-scene/) in the '90s — but still a clever ask for a donation and a great use of a GIF, even if it's left over from his Senate campaign.
![Beto O'Rourke](./orourke.gif)
<Video
src={[
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/orourke-Gb6r4nH8kQQMiMCSQWqzPBlUKYvXrE.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/orourke-hDco7RvlKxwNU8FI0PoanLhUX2ws7f.mp4",
]}
crossOrigin="anonymous"
autoplay
responsive={false}
/>
## 5. Kamala Harris — [kamalaharris.org](https://kamalaharris.org/asdfasdf404)
Another clean and simple page with a top-notch GIF. It injected some emotion into visiting [kamalaharris.com/alskdjf](https://kamalaharris.com/alskdjf).
![Kamala Harris](./harris.gif)
<Video
src={[
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/harris-B8WK3WNG68JrOm5aKOWFpGJbbWg22W.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/presidential-candidates-404-pages/harris-0Kk60PH5LXfMANg9yStHK0WFx9V1LB.mp4",
]}
crossOrigin="anonymous"
autoplay
responsive={false}
/>
## 6. Pete Buttigeg — [peteforamerica.com](https://peteforamerica.com/asdfasdf404/)
Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 819 KiB