Skip to content

Instantly share code, notes, and snippets.

@s3thi
Last active January 26, 2025 14:47
Show Gist options
  • Save s3thi/b03d4f91d5b947d4651baad6f39564f3 to your computer and use it in GitHub Desktop.
Save s3thi/b03d4f91d5b947d4651baad6f39564f3 to your computer and use it in GitHub Desktop.

help me redesign my personal blog. let's start with the homepage.

my blog is designed to be a conversation between myself and what i read. it primarily records my responses to blog posts, articles, and newsletters i read on the web. the title of my blog is “Ankur Sethi is Alive and Well”.

i'm inspired my long-time bloggers like Maria Popova, Mandy Brown, Tracy Durnell, John Gruber, Simon Willison, and Jason Kottke.

i quote and link to other blogs liberally. my blog is entirely text, with almost no images or embeds. most of my posts are short, between 500 and 750 words long. i use hyperlinks very heavily, so make sure you include a lot of them in the sample text.

each post on my homepage needs to have:

  • an optional title
  • a publication date
  • a clear link to itself (besides the title itself)
  • the full text of the post (do not truncate the posts, include the FULL TEXT)
  • a number of tags
  • number of words and estimated reading time

the homepage needs to work on both mobile, desktop, and ultrawide resolutions. it needs to have links to an about page, my socials, an RSS feed, a blogroll, and a way to subscribe to an email newsletter. the main focus should be good, clear typography so that the text is pleasant to read. prefer serif typefaces.

give me plain HTML and CSS. make sure it's semantic. do not use React. pick a deep red brand color and use it consistently. use a placeholder logo, just a solid colored circle.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment