search

zappycode / zappycode-django

The code behind ZappyCode.com 💻 Come check it out and see how it ticks!
51 stars 41 forks source link

Add Open Graph and Twitter Preview Stuff #16

Closed zappycode closed 4 years ago

zappycode commented 4 years ago

Make ZappyCode pages look good when shared on social. Could have one default thing for any page and then have custom things for a course for example, or a blog post, or you get the point :)

Here are some helpful links: Facebook/Opengraph https://ogp.me/ https://developers.facebook.com/tools/debug/ Twitter https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started https://cards-dev.twitter.com/validator

croolicjah commented 4 years ago

like such things :) have idea how to handle it

croolicjah commented 4 years ago

@zappycode Nick, just polishing (think it's funny i'm polish so i'm polishing :)) stuff. do you have got more specific idea what you want to have there or it could be completely up to me?

zappycode commented 4 years ago

Here ya go! https://d.pr/v/qnECKs

croolicjah commented 4 years ago

made pull request. hope there is no to much mistakes :) but it's very hard to test with empty database. and cannot use og and twitter validators. my aproach was: if there is custom content to share, site will serve custom images, descriptions. if not site will serve default content. I've made plug image (it's crucial to share with images). tried to get zappy style - used this purple, emoji. background picture is with CC0 Public domain licence, so don't need even credit it.

zappycode commented 4 years ago

First off, AMAZING work. This was so cool to see this pull request when I opened my laptop. Like WHOA! Some very legit awesome work done on the site...not by me. So cool.

Any who, there were a couple of changes I made in this commit 386ff33f494f7bfcb62e8000b310095dbe58a2ca for a few wording changes and I wanted the website to be capitalized a few spots. And also, looks like the vimeo image thing didn't seem to be pulling the right stuff so I changed it to the course image.

zappycode commented 4 years ago

BTW @croolicjah, give yourself a HUGE pat on the back. Your code is live on the server!

zappycode commented 4 years ago

Man I'm just too pumped about this :) Had to tweet about it https://twitter.com/ZappyCode/status/1269915389078560769

croolicjah commented 4 years ago

yes, yes, yes. i did it, i did it. i was me :)