Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Oneill19/social-preview-generator

Github social preview generator made using HTML, CSS and Javascript.
https://github.com/Oneill19/social-preview-generator

Last synced: 7 days ago
JSON representation

Github social preview generator made using HTML, CSS and Javascript.

Host: GitHub
URL: https://github.com/Oneill19/social-preview-generator
Owner: Oneill19
License: mit
Created: 2022-06-21T21:47:26.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-07-24T15:18:07.000Z (over 2 years ago)
Last Synced: 2024-08-02T16:42:36.190Z (3 months ago)
Language: JavaScript
Homepage:
Size: 14.6 KB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
Social Preview Generator




    

    

    



### 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

#

### Themes

| *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) |

#

### Example

![social-preview](https://user-images.githubusercontent.com/66797449/174906508-49bb5c84-b25a-4544-908b-14641853b12b.gif)