two-column blog landing page

[Rich-Harris]

Still needs some visual finessing but I think this is a better use of space than what we have now.

The post page needs some work — there's some funky stuff going on with some of these pages:

• https://svelte-omnisite.vercel.app/blog/svelte-5-release-candidate (off-centered elements)
• https://svelte-omnisite.vercel.app/blog/write-less-code (asides look wackadoo)
• https://svelte-omnisite.vercel.app/blog/virtual-dom-is-pure-overhead (e.g. blockquotes shouldn't look like that, plus we need to use DM Serif italic)
• https://svelte-omnisite.vercel.app/blog/svelte-css-in-js (iframes need some kind of separation from the post. also, it doesn't work)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
omnisite	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 7, 2024 0:25am

[benmccann]

Yeah, I like the two column approach

https://svelte-omnisite.vercel.app/blog/svelte-5-release-candidate

I don't know if it's just the connection I'm on, but the video embed doesn't work for me on this page. The youtube-nocookie site doesn't load

[dummdidumm]

What browser are you using? This is likely due to the cross origin headers we're setting. I did set a attribute on the embeddings to make them work but it may only work on chromium based browsers. Wondering if we need full page navigations on some pages after all

[dummdidumm]

Merged main into this branch, for Chrome it should display the iframe now. Doesn't work for other browsers though AFAIK. Maybe we need to mess around with full page navigations in some cases ...

As for the look:

I think this needs a bit more life, just too much text and nothing else. What if we render the OG card for the latest post?

The separation into one big and one small column, with the small listing out months makes it look like a "on this page" and I can skim through blog posts at that specific months. That was confusing to me.

[Rich-Harris]

I added bylines (which spaces things out more nicely, and adds some colour and variety as well as showcasing the breadth of writers, at least from 2020 onwards) and turned the feed into a simple list which calms the page down a lot. I changed the title of the feed to 'monthly updates' which is hopefully clearer. Worst case scenario, someone has to learn what it is by clicking on it.

Rendering the OG card here would look very strange!

[Rich-Harris]

gonna merge this so i can start creating issues for nits in the posts themselves