I really like that suble off-white coloring (sorry, someone had to say it).
[deleted]
Show HN: A GitHub business card generator
11–20 of 59 posts
Re: Show HN: A GitHub business card generator
#12Very cool project! What do you think about including a QR code linking back to the user's GitHub page on the rendered card?
I did it at the beginning (it’s quite easy), but I think it took too much place on the image, and wasn’t sure it was that helpful.
I’m planning on adding a few customization options to the generation. I may add the QR code as one :)
Re: Show HN: A GitHub business card generator
#13Doesn't render for me: https://github-business-card.vercel.app/api/github?username=...
Re: Show HN: A GitHub business card generator
#14Silly suggestion - show something like the contribution graph along the very bottom of the card, like a border. Those who know what it means will _know_, to everyone else it's just decorative.
Re: Show HN: A GitHub business card generator
#15Seems broken on Firefox for Android (mobile). It displays half the card [0].
Re: Show HN: A GitHub business card generator
#16Huh, `@vercel/og` is interesting! It looks like the same approach as `html2canvas` (implement custom rendering for each HTML element + CSS property), with all the tradeoffs that entails, but they actually rightly limited some of the features they're willing to support (like external stylesheets). And it looks like it'll be more supported than `html2canvas` currently is.
I quite like `dom-to-image-more` (sorta active fork of `dom-to-image`) that renders a SVG with a foreignElement that is a data URL of an XHTML page to a canvas. It also led me to rewriting my own image rendering stuff to just build an SVG in DOM, use toDataURL on it, and then render that in a canvas. So much simpler
Re: Show HN: A GitHub business card generator
#17Neat idea. It does not render properly for me as I have multiple links, @leebrian.
Maybe only use the first link. Or wrap a little bit to allow for multiple lines.
Re: Show HN: A GitHub business card generator
#18Huh, `@vercel/og` is interesting! It looks like the same approach as `html2canvas` (implement custom rendering for each HTML element + CSS property), with all the tradeoffs that entails, but they actually rightly limited some of the features they're willing to support (like external stylesheets). And it looks like it'll be more supported than `html2canvas` currently is. I quite like `dom-to-image-more` (sorta active…
SVG is a really underrated medium. The only thing I miss compared to HTML is flexboxes (but there's always stuff like react-flexbox-svg [1]).
[1]: https://github.com/metabolize/react-flexbox-svg
Edit: for a React-less implementation, see https://blog.scottlogic.com/2015/02/02/svg-layout-flexbox.ht...
Re: Show HN: A GitHub business card generator
#19Doesn't render for me: https://github-business-card.vercel.app/api/github?username=...
I see it fine on my iPhone
Re: Show HN: A GitHub business card generator
#20Huh, `@vercel/og` is interesting! It looks like the same approach as `html2canvas` (implement custom rendering for each HTML element + CSS property), with all the tradeoffs that entails, but they actually rightly limited some of the features they're willing to support (like external stylesheets). And it looks like it'll be more supported than `html2canvas` currently is. I quite like `dom-to-image-more` (sorta active…
html2canvas and similar libraries only work in the browser, and this is why @vercel/og is that interesting! Not only it runs on the server (in an Edge serverless function), but it doesn’t have to start a headless browser to make screenshot and generate the image ;)