Portafolio

Antes de empezar, esta no será una descripción detallada de cómo hice cada elemento; para eso está el área de programas.

Aquí simplemente leerás a un loco intentando convencerte de por qué usar el dominio gratuito de GitHub como un blog personal y ni siquiera aprovechar a usar Jekyll o Hexo; es una buena idea.

hear me out!

Uno de los recuerdos más viejos que tengo usando una computadora es buscar juegos en flash para navegador, y el segundo más viejo es entrar a Aulaclic y aprender cómo se hacía una hoja con doble columna en Word y tambien como usando el block de notas puedes hacer documentos de textos glorificados llamados HTML.

No fui muy constante en aprender HTML aprendí como insertar imágenes, decorar links, cosas muy sencillas. No fue hasta bachillerato que, como proyecto, hice una página web para el comité que se encarga del agua de mi colonia y que, al momento de terminar mis prácticas de bachillerato, dejaron de usar y crearon una página de Facebook (la decisión más inteligente).

Aberración creada con estas manos.

Siempre tenía la espinita de hacer un sitio y publicar cosas y, por esos años, seguía a alguien que le encantaba compartir sus gustos en YouTube y allí fue donde descubrí Blogspot.

Pasaron años hasta que supe quién era el personaje de su imagen de perfil.

LNXFX, una persona que allá por el lejano 2010 subía videos de él jugando juegos aún más viejos que él, y yo, como toda persona sin supervisión en internet, encontraría su canal de YouTube cuando estaba buscando una guía de Ocarina of Time para pasar el templo del agua.

Entre sus varios proyectos, el que llamó más mi atención fue su blog, donde publicaba cosas como un poema hecho con algo parecido a un programa de generación de palabras, los métodos más arcaicos que se usaban en aquel entonces para grabar desde tu computadora y mi favorito de todos, La crónica del aguacate mágico: "He aquí la leyenda del aguacate mágico que fue mal hecho en una noche de desvelo y desesperación por un lunático".

Me creé una cuenta en Blogspot, pero antes de empezar a subir cosas quería modificar el tema que te viene por defecto entonces dije: "voy a regresar cuando sepa lo suficiente para hacer mi propio tema para mi blog" y nunca volvió a abrir esa cuenta, lo que nos trae hasta el día de hoy con este portafolio.

Cuando vi el dominio gratuito que te da GitHub lo primero que te recomiendo es usar Jekyll o cualquier otra plantilla la que me recomendó Mynor Cifuentes fue también Hexo, son prácticas, bonitas y modificables, pero yo quería seguir intentando hacer algo desde 0, la primera opción que se me ocurrió fue usar React, busque videos encontré varias extensiones como JSX, next.js y cuando tenía abierto 3 videos de 4 horas cada uno de 0 a héroe en front-end vi que iba a tener el mismo problema que siempre de nunca iniciar nada, entonces decidí hacer una página simple en HTML y seguir modificando hasta llegar poco a poco a algo que me gustara

La página no tiene muchas de las cosas que me gustaría que tuviera un buscador para los programas, toda una sección que divida todos los post por tags, que cada programa tenga su página en donde muestro la documentación y muestre el programa en ejecución, un banner propio (este es de va11halla), etc.

Y eso me motiva más a modificarla poco a poco que esperar a que ser un experto en front-end con el fin semana gratis de Platzi, esta página será uno de los proyectos en los que siempre estaré trabajando hasta llegar a la versión final que quiero.

inspiración

Cuando busques inspiración llevate todo lo que no este clavado al suelo y eso hice esta es una lista de los sitos que visite para armar el mio y algunas paginas utiles.

Nayuki

El primero y al que en su gran mayoría copie porque su página me parece excelente en cuanto a presentación y lo simple, pero elegante en cuanto a mostrar sus proyecto es a la magical girl de Toronto nayuki.

su página principal resume muy bien todos sus trabajos también como están dividíos en categorías y la presentación de cada uno ellos que aunque sean una biblia de texto es detallado y cada uno tiene un estilo diferente dependiendo de lo que esté mostrando (imágenes, partes en donde puedes ejecutar el programa en línea, etc.), quiero que en un futuro mi página y mis trabajos tengan ese tipo de presentación.

Lo único que agregue fue un banner (robado también).
En un futuro quisiera agregar algo similar, pero con tags como en las páginas de manga.
Imagina saber programar, joder ahora imagina programar bien.

Sharyap

Oh, solo Shar, ilustradora, animadora, desarrolladora, youtuber, etc. Qué mejor carta de presentación que su misma página. Lo que gusta es lo interactiva que es sin llegar a ser tan exagerada, colorida, bordes redondeados, hasta sonidos cuando haces clic y lo mejor de todo, UN RANA! que cuando hacemos clic suena una canción lofi para estar aún más chill.

Y dice ella que no sabe programar, entonces, ¿qué soy yo?

Ella es tan buena que tiene un video de cómo la hizo esta chica es increíble.

Otras webs útiles

Ya para terminar, usé Paletton para probar diferentes paletas de colores y sus complementarios, y si notan que el fondo es muy similar al de esta página, así es, también se lo robé porque aquí nadie se salva.

ToWebP.app es una página que Shar recomendó para reducir el peso de las imágenes y que tu página no pese lo mismo que DOOM.

Feathericons, en donde dicen que son open source icons, así que debe de ser cierto.

Google Fonts para la fuente Space Mono porque soy un nerd.