Haciendo mi primera pagina web // My first Website! [ESP-ENG]

in La Colmena11 months ago

Holaaaaa he vuelto!!

Hewooo I'm back!


banner-template.jpg

BANNER NUEVO COLOR.png

idiomas.png


Que tal como están amiwines de Hive.

Como parte de las cosas que hice mientras estaba ausente, estuve aprendiendo programación (otra vez) más específicamente, programar páginas web.

Hi again Hive friends!
As part of the stuffs I did while during my absence here, I was learning programming again, specifically, web pages.


Fuente/Source: giphy.com

Siendo sinceros, no me gusta demasiado programar XD pero me gané una beca y quería aprovecharla lo máximo posible. Disfruto bastante más los proyectos de ilustración y dibujo pero de esos me llegan bastante pocos últimamente.

Para este reto de programación, nos dieron este diseño en Figma, diseño que tenemos que replicar en códigos (por ahora solo HTML y CSS), de hecho hay una version para PC de escritorio, tablet y teléfono. Mi pagina debe ser responsiva y verse bien, o lo mejor posible, en todas los dispositivos.

To be honest, I don't like programming too much XD but I won a scholarship and I wanted to take the most of it. I enjoy making illustrations and drawing projects more, but I've been getting very few of those for work lately.

For this programming challenge, we were given this design in Figma, design that we have to replicate in code (for now, only HTML and CSS), in fact, there is a version for desktop PC, tablet and phone. The site must be responsive and look good, or as good as possible on all devices.


Este es el diseño propuesto por el curso:

This was the design proposed

Sin-título-1.jpg

Fuente/Source: Challenge Oracle+Alura design on Figma.


Yo personalice mi diseño para poder adaptarlo a mi foto y mis datos.

I personalized my design for adapt it to my photo and my information.

IMG-20230710-WA0009.jpg


Para mi diseño personalizado, use el amarillo como principal color porque es el color de cabello de mi rogue (el elfo rubio que aparece de cuando en cuándo en mis ilustraciones) y el color marrón es un color secundario que combina bien con el amarillo.

For my custom design, I used yellow as the main color because it is the hair color of my rogue (the blond elf that appears from time to time in my illustrations) and brown is a secondary color that goes well with yellow.


Este es una foto de cuando estaba haciendo el encabezado, se me complico un montón pero la idea es practicar.

This is a picture of when I was making the header, it was very complicated but the idea is to practice.

IMG-20230710-WA0008.jpg

Estoy muy feliz de haber completado la página web, se ve bien y la pueden revisar en mi GitHub.
Aquí les dejo una captura de pantalla de como quedo.

I'm very happy to have completed the website, it looks good and you can check it out on my GitHub.
Here is a screenshot of how it looks like.

image.png

image.png

image.png


y pueden acceder a la pagina de mientras, por aquí: pero ojito que todavía le faltaron algunas cosas, pero bueno, poco a poco voy aprendiendo y mejorando. Por ejemplo, la parte de contacto, no funciona jaja.

You can access to the page here: but there are still some things that I didn't finish, but well, I'm learning and improving. For example, the contact part doesn't work haha.

https://fabyrpg.github.io/Portfolio/


Si necesitan un programador front-end en un futuro, aquí estoy, estudiando para ser eso jeje.

If you need a front-end developer, I'm studying that hehe.


BANNER NUEVO COLOR invertido.png


Si te gustan mis dibujos y mi contenido puedes seguir mi blog @faffy 🌻 // 🌻 If you like my drawings you can follow my blog @faffy


firma_nueva.jpg

Visita mis otros espacios! / Visit my other social media pages!


linktree.png

𝔸𝕣𝕥𝕤𝕥𝕒𝕥𝕚𝕠𝕟 | 𝐈𝐧𝐬𝐭𝐚𝐠𝐫𝐚𝐦 | 𝔻𝕖𝕧𝕚𝕒𝕟𝕥𝔸𝕣𝕥 | 𝐓𝐰𝐢𝐭𝐭𝐞𝐫


Versión en español: Yo | English Translation: me



| All art I post on HiveBlog is my original work and you do not have permission to trace, edit, or use it without my or the character/piece owner's direct consent. |

| Todo el arte que publico en HiveBlog es mi trabajo original y no tiene el permiso de trazar, repintar o editar sobre mis obras sin mi permiso o el consentimiento directo del otro dueño de la obra o personajes. |

Sort:  

Has vuelto Faffy! Bienvenida! Me alegra saber que en este tiempo estuviste aprendiendo cosas nuevas, y una beca no es cualquier cosa, muchísimas felicitaciones 🌟 La pagina que hiciste se ve bastante bien, muy pulcra. Hace unos años yo quería mi web propia pero el tema de las plantillas para wordpress fue todo un tema, y las que me gustaban no bajaban de 300$ (aunque lo valen, muy bellas y completas), era adicta a CreativeMarket jajaja 👀 👍

Que ilusión me hace que comentes en mi publicación!
Gracias, la verdad si me tomo esfuerzo la pagina, toda una experiencia.
uy esta fuerte ese precio de las plantillas jaja, pero me imagino, aunque también programar y diseñar las paginas son casi que 2 mundos apartes que se conectan en algún punto 😆