Nobody tell Paul Graham but I rebuilt his site to be beautiful

https://prettygraham.com/

by alexjackhughes • 4 years ago

45 47 4 years ago

prettygraham.com

alexjackhughes3• 4 years ago

It really needed dark mode on desktop, I've saving eyes here Paul.

jacquesm3• 4 years ago

Google 'plagiarism' and 'copyright violation'.

mikece• 4 years ago

Still laughing at the comment at the bottom of the site: "Paul Graham for people with eyes"

thescribbblr• 4 years ago

Made me laugh too

peatfreak• 4 years ago

Oh, the arrogance and the irony.

guntherhermann• 4 years ago

Nice work, very clean!

---

"Nobody tell him but I'll post it to HN."

What is this style of writing about?

jacquesm3• 4 years ago

Clickbait.

janvdberg• 4 years ago

There is a difference between the original desktop site and the original mobile site. The mobile site looks a bit better (more modern if you will).

But this effort looks really good too.

I do wonder whether copyright allows this?

vinaypai• 4 years ago

It does not unless the OP got permission from PG to republish his work. I suspect PG won't particularly care about this but it's certainly a copyright violation.

netchkin• 4 years ago

You know, I actually prefer the original paulgraham.com. I can read the smaller font easily, find the article excerpts useless (as opposed to seeing more titles at once) and the publication dates are also misleading. PG categorizes the articles by month, putting in a day (always the 1st) seems like being lazy to change the template.

None of these has anything to do with beautiful in my book.

stared2• 4 years ago

It is prettier. But it does not mean it provides a better UX.

For example, in http://www.paulgraham.com/articles.html there is a whole list of essays. No pagination (and especially not with a manual link), working with Ctrl+F.

The redesign forgets about that. It treats as if only the most recent blog posts mattered, which is not the case. It is not a news outlet, and there are quite a few evergreen posts.

Anyway, wishing you all the best with the redesign. :)

andai• 4 years ago

Form over function strikes again!

adabyron• 4 years ago

This is an interesting discussion I would love to listen more to.

Pagination (this site) vs a long list of all the titles (Paul's actual site). Which is better user experience?

OP seems to suggest pagination for sites where new content is high value & old content is low value. Long list of titles where all content is equal.

skydhash2• 4 years ago

IMO, pagination only makes sense when you want to save bandwidth and computation. Like, if each item has images, that need to be fetched. If there is pagination, I'd prefer the option to choose the number of items in the list.

_ache_2• 4 years ago

I not sure there is much to say.

Regular users will be interested in the most recent articles, seems fair to put them first.

Curious users will be interested to found an article that they may like. No need to say that a description of an article (and associated metadata) is far better than just the title.

And there is a search accessible in 1-click. Seems to me as a fair trade-off for every use case.

skydhash2• 4 years ago

This is one of the reasons that pushes me towards create a document first with HTML, then style it with CSS. If needs be – interactivity —, add a bit of JS. Space can look good when you're designing on a 27" screen, but on the iPad or the MBA, it is wasteful. Butterick's Practical Typography[0] and Beautiful Racket[1] are currently my standard for websites and a delight to browse.

[0] https://practicaltypography.com/

[1] https://beautifulracket.com/

jppope• 4 years ago

I second this. On occasion I'll be inclined to share one of his essays with someone else, so having multiple pages to scroll through is suboptimal because I won't remember exactly what the essay title is. Being able to see them in one place makes it much much easier to figure out which one.

spoils19• 4 years ago

Form over function strikes again!

alexjackhughes3• 4 years ago

Great point, I've added a search with a page that lists all the articles for the best of both worlds.

mrweasel• 4 years ago

Once you found the article you want to read, you can also just hit the "Reader mode" button in your browser, boom automatic dark mode and readable font size.

gavinray• 4 years ago

We should give credit to the original author of the template; it looks like attribution has been removed:

https://github.com/timlrx/tailwind-nextjs-starter-blog

Direct link to preview:

https://tailwind-nextjs-starter-blog.vercel.app/

Please leave attribution up for authors of free website templates (IMO), it's the nice thing to do.

ploum• 4 years ago

So you are telling me that someone managed to HN frontpage by making a website with: 1. content from another website 2. a look/template from a another website

and without giving attribution for it? (ok, attribution to paul graham is not hidden but it’s not clear that this is not an official website and there’s no link to the original content).

I understand that this is an attempt to get remarked by Paul Graham but it doesn’t show any skill and show a lack of understanding of certain fundamentals.

addandsubtract• 4 years ago

Has GPT-3 gone too far?!

alexjackhughes3• 4 years ago

My bad on this and it has been fixed!

I was using the README as a todo list for things left to do, and removed a bunch of stuff at once, didn't realise I removed the license.

whitepoplar• 4 years ago

I like PG's version better--it has better information density. On my 13" MBA's display, I'm able to see the titles of 31 essays without scrolling. On this site, I can only see two.

davidivadavid• 4 years ago

By that logic everyone should use the minimum zoom level to cram as much information in their screen as possible.

swyx• 4 years ago

footnotes are broken.

i'd also love a feature that links metadiscussions on HN, and perhaps ranks by number of upvotes (just as a timesaving thing)

WoodenChair• 4 years ago

Really bad form to:

- copy someone’s content without their permission (illegal actually)

- not link to someone else’s site prominently when you critique it

Terretta• 4 years ago

- rip another site's theme to apply to that content, removing attribution

yakubin• 4 years ago

It may be prettier, but:

1. Links aren't underlined[1].

2. The links in the footer are indistinguishable from normal text.

3. Links in the menu on top are white, while most links are blue.

In general, the site lacks consistency around the styling of links.

[1]: <https://www.tempertemper.net/blog/why-you-should-almost-alwa...>

trickpattyyo• 4 years ago

The old one looks like a cicada 3301 puzzle

jacquesm3• 4 years ago

Function over form any day. 'Good wine does not need laurels'.

pickledish• 4 years ago

Heheh, a lot of criticism here on HN like you might expect -- for what it's worth, I really like the design!

Also, you have a small CSS bug in the dark-mode version of https://prettygraham.com/blog :)

_ache_2• 4 years ago

I have dark-mode by default and the bug is on light-mode for me. I guess, the problem is that the switch mode isn't applied correctly to the search.

locallost• 4 years ago

It looks modern, and better, but I don't like it. It's not good for reading. The font is large, line height huge, side paddings really large, there is very little text per line and too few lines in the screen. There might be a max amount of text per line that can be enjoyed, but too little and I am prevented from really getting into a flow of reading, if that makes sense. It feels herky-jerky.

So the operation was a success, but the patient died.

JimDabell• 4 years ago

The text isn’t large – it’s using the default font size you have configured in your browser.

The text on the original site is small – looks like pg’s sense of design is firmly rooted in the late 90s, when people were designing primarily with 640×480–800×600 in mind and there was an awful fad of setting body copy to 11–13px.

That’s too small for most people in typical reading conditions, but if that’s the size you are used to looking at all day, everything normal size looks “too big”, even if it’s actually just normal size.

graphpapa• 4 years ago

This is wonderfully perfectly provocative. A clever button pushing projectile innocently lobbed into the everyday pitter patter. An imposter post meant to deviously short circuit the HN tropes' internal logic.

dcminter• 4 years ago

The one improvement I'd wish upon Paul's original site is a correct SSL certificate (it still appears to be configured with a cert for *.store.yahoo.com ) so that one can connect over https instead of http.

But that's a quibble. Otherwise I see no advantages to the new design over the old one.

Havoc• 4 years ago

Don't think he'll appreciate his content being scraped and duplicated, regardless of UX

KerrAvon• 4 years ago

Spoiler: It’s about reskinning his website. I was hoping for AI translation of PG’s text into societally useful (or at least interesting) content.

Someone should send Graham’s output through an AI filter, informed by Dabblers and Blowhards. https://idlewords.com/2005/04/dabblers_and_blowhards.htm

ThinkBeat• 4 years ago

I like the original better. Quite simple, high in valuable content per pixel

tablespoon• 4 years ago

Nobody tell Paul Graham but I rebuilt his site to be beautiful (prettygraham.com)

It's not pretty. It has too little whitespace and too much color.

To make it truly "pretty," you need to:

* Drop the light blue so it's only white, gray, and navy.

* Drop the dates and increase spacing so you can only see one article in the screen at at time, instead of three. Showing three whole titles at ones is disorientating and confusing to users.

kaba0• 4 years ago

Now rewrite the content as well to something good!

(/s, I now I will be crucified for this here :D )

true_religion• 4 years ago

Rebuilding someone’s personal site to be “prettier” to your own eyes, then widely publicized that is just rude.

If you want to do an unauthorized redesign pick a large unloved commercial app. That shows off your skills without coming off as snide bullying of a single persons design.

rumblestrut• 4 years ago

I'm curious about how any updating would get done with this kind of mirror. Is the content scraped from the original source and then uploaded through an automated process?

Nobody tell Paul Graham but I rebuilt his site to be beautiful

Related Stories