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

https://github.com/juanesgalvis/extension_platzi_cover

Extensión para crear el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion
https://github.com/juanesgalvis/extension_platzi_cover

extension-chrome javascript

Last synced: about 1 month ago
JSON representation

Extensión para crear el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

Awesome Lists containing this project

README

        

# 💚 Platzi Cover

> Extensión para extraer el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

## 📦 Instalación
1. Descargar el código del repositorio 👆🏻
2. En nuestro navegador vamos al **administrador de extensiones**
3. Seleccionamos la opción **"Cargar descomprimida"** (en caso de no encontrarla se debe buscar si es necesario activar algún "Modo desarrollador")
4. Seleccionamos la carpeta que contiene el código 📁
5. Listo! solo debes ir a algun curso y dar click a la extensión 💚

## 🤔 Funcionamiento / Explicación
1. Ingresar al link del curso que puede ser en las clases ( cursos/frontend-developer/ ) o en la landing del curso (clases/frontend-developer/)
2. Click en el icono de la extensión
3. En la **consola** encontrarás la URL para el icono y el cover del curso 👌🏻
![Ejemplo de extración de las imágenes del curso de Frontend Developer](https://pbs.twimg.com/media/FAWUO6iWQAEEJJg?format=jpg&name=large)
4. En Notion debemos tener una vista de "Galeria" (al crear la página seleccionamos Gallery o usamos el comando: ``/gallery``)
5. Seleccionamos que el la prevía de la tarjeta sea el contenido de la página (al poner el cover al inicio de cada página ese será el cover en la galería)
![Ejemplo de la vista de galeria de Notion](https://pbs.twimg.com/media/FAWU78zXEAcHDUV?format=jpg&name=large)
6. Al crear una página en la galería agregamos el icono con la URL obtenida en la extensión y al inicio una imagen con el cover (también obtenida en la extensión)
![Ejemplo de como implementar el icono y cover en Notion](https://pbs.twimg.com/media/FAWUqjJXIAM0kK7?format=jpg&name=medium)

------------

🚀 JUAN ESTEBAN GALVIS 😎


Programador Web 💻 - UI Designer 🎨 - Estudiante de Ingeniería informática 🎓 - Apuntes en Notion 🤍


🌲´https://linktr.ee/JuanGalvis 🌲