Github social preview generator made using HTML, CSS and Javascript.
This generator generate an image for the repository social preview.
The program used several frameworks and libraries.
Bootstrap
for style.
jQuery
for DOM manipulation.
animate.css
for animations.
dom-to-img
to convert the card div to png image.
FileSaver.js
to download the image to the pc.
Google Fonts
for JetBrains Mono and FiraCode fonts
Tokyo Night |
![Tokyo Night Theme](https://user-images.githubusercontent.com/66797449/174904118-4c0e010e-63b1-4744-b1f6-24b94da74326.png) |
Dracula |
![Dracula](https://user-images.githubusercontent.com/66797449/174904735-771dd1bd-811b-44af-ae9b-291c23374434.png) |
Monokai |
![Dracula](https://user-images.githubusercontent.com/66797449/174904844-78bc23d3-cde3-4919-92fb-5763fbf18a3b.png) |
One Dark |
![One Dark](https://user-images.githubusercontent.com/66797449/174905057-4fb17944-1ae6-4dde-b71d-9f4994ef427e.png) |
One Light |
![One Light](https://user-images.githubusercontent.com/66797449/174905138-56790494-483a-45c5-8e67-980ac542eea6.png) |
Github Dark |
![Github Dark](https://user-images.githubusercontent.com/66797449/174905247-970764e5-35ea-412d-8834-5a318ae1308c.png) |
Github Light |
![Github Light](https://user-images.githubusercontent.com/66797449/174905321-708ccbea-d9a2-4020-82df-d041ecce01bf.png) |
Night Owl Dark |
![Night Owl Dark](https://user-images.githubusercontent.com/66797449/174905389-ab0385d3-c06d-4d02-b7e9-86d2952a6db9.png) |
Night Owl Light |
![Night Owl Light](https://user-images.githubusercontent.com/66797449/174905433-6a7867ce-e87f-4cd1-908b-9502da6c43cf.png) |
Winter Is Coming |
![Winter Is Coming](https://user-images.githubusercontent.com/66797449/174905467-f0d9cc95-a3fc-4e27-b6f2-6adc585c458a.png) |
![social-preview](https://user-images.githubusercontent.com/66797449/174906508-49bb5c84-b25a-4544-908b-14641853b12b.gif)