https://github.com/makigas/thumbnail-maker

Herramienta para crear las miniaturas de los vídeos de YouTube y también lugar donde probar y aprender SvelteJS.
https://github.com/makigas/thumbnail-maker

html5 makigas svelte svg youtube

Last synced: about 1 month ago
JSON representation

Herramienta para crear las miniaturas de los vídeos de YouTube y también lugar donde probar y aprender SvelteJS.

• Host: GitHub
• URL: https://github.com/makigas/thumbnail-maker
• Owner: makigas
• License: gpl-3.0
• Created: 2021-04-20T22:14:20.000Z (over 3 years ago)
• Default Branch: trunk
• Last Pushed: 2022-12-18T15:49:04.000Z (about 2 years ago)
• Last Synced: 2023-12-04T23:40:18.911Z (about 1 year ago)
• Topics: html5, makigas, svelte, svg, youtube
• Language: Svelte
• Homepage: https://makigas.github.io/thumbnail-maker
• Size: 131 KB
• Stars: 5
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

README

        
# thumbnail-maker

## About

This is the web application that I use to generate the thumbnails used in my videos and in my playlists.

The web application allows to preview the thumbnail using an SVG template where the values, colors and images are selected using the form.

When the thumbnail is ready, clicking the Download button will convert the SVG into a PNG file using [save-svg-as-png](https://www.npmjs.com/package/save-svg-as-png) and download it as a PNG that can be uploaded to YouTube or to the CMS system.

## Web Application Architecture

Chaos.

However, I'm refactoring the application to use a CSS framework and I am taking the opportunity to cleanup some components.

## How to run

`npm run dev`

## How to build

`npm run build` && `npm run preview` to double check that it works.

## How to deploy

I am using GitHub Pages for this.

## What the license

GNU General Public License 3.0, as usual, to prevent you from doing privative things to my project... somehow. See COPYING for the raw license.