Comments (15)
Can we have summary screenshot as the OG Image?
I still feel having screenshot is a better
video.mp4
from catchup.
@tusharnankani sorry I meant a custom asciidoctor renderer for adoc -> svg.
from catchup.
Updates? @KartikSoneji
from catchup.
Can we have summary screenshot as the OG Image? cc: @PranavDani
from catchup.
Updates? @KartikSoneji
Sorry, need to open an issue in Asciidoctor regarding the internal flow of the rendering pipeline.
I had found a workaround but I'm not sure if it's better to fix the underlying issue.
from catchup.
Maybe use https://github.com/vercel/og-image?
from catchup.
Maybe look into html2canvas
. (Doesn't seem to be Node.js compatible though.)
from catchup.
https://screenshot.as-a-service.dev/ looks like a service we can use to create an OG image for us.
Example: https://screenshot.as-a-service.dev/?url=https://catchup.ourtech.community/summary/103
@OurTechCommunity/core
from catchup.
Ohhh nice! @SirusCodes
Although I guess we should have an OG image like this:
https://og-image.vercel.app/OTC%20CatchUp%20103%20Summary.png
Creating something around this looks promising!
from catchup.
Yeah but the reason for having a screenshot is that people can have a glimpse of what summary has and can read a few lines and if they want they can open it and continue reading...
from catchup.
I am still considering writing a custom renderer.
from catchup.
@KartikSoneji I'm thinking that it is worth the effort or not. I feel it's better to implement it as a standalone project so others can also use which kind of justifies the efforts.
But until that is implemented, I feel it's better to use https://screenshot.as-a-service.dev/
from catchup.
I am still considering writing a custom renderer.
Do you mean writing a complete og-image service or using OG Image as a serivce like Vercel og-image? @KartikSoneji
from catchup.
Can we have summary screenshot as the OG Image?
I still feel having screenshot is a better
from catchup.
One way to do this: Social media cards generated with shot-scraper
from catchup.
Related Issues (20)
- feat: Switch to `:toc: left` for the combined summary page HOT 2
- bugfix: Update actions dependent on deprecated versions of node HOT 1
- cleanup: Remove `alt-start` script from package.json HOT 6
- cleanup: Migrate all markdown files to asciidoc HOT 2
- Update UI for summary page HOT 7
- Hamburger menu consistency across all pages. HOT 1
- Redirect to OTC Talks Web Site. HOT 3
- Add Prettier linting instructions to `CONTRIBUTING.md`. HOT 3
- Add PR checklist. HOT 3
- Add an optional Prettier pre-commit hook. HOT 2
- Error in superscript ordinals HOT 4
- Video element overflows on summary pages when screen width is less than 700 px. HOT 6
- Automate linking Twitter handles in `attendees.adoc` HOT 17
- feat: A button to edit/make the summary better via PRs.. HOT 29
- Improve Documentation for Attendee List Generation Scripts.
- New Telegram/Twitter Actions workflow error. HOT 4
- Refactor Twitter & Telegram Action name & description. HOT 1
- Links in Attendee Map Overridden by `null`. HOT 1
- Add a `devcontainer.json` for all Dependency Needs. HOT 1
- Use 69th-catchup image
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from catchup.