Sobre Mí
🔥 Logros Destacados 🏆
📈 Esta sección se actualiza periódicamente 🔄 para reflejar mis nuevos logros 🏆, aprendizajes 📚 y experiencias 🌍.
Syntax Palette 🎨
He desarrollado este sitio web desde cero, configurando manualmente cada aspecto funcional y estético. Para el diseño, he creado temas personalizados utilizando SCSS
y CSS
, asegurando una identidad visual única y coherente. Además, he implementado un sistema de resaltado de sintaxis para el código, desarrollando temas específicos basados en los ejemplos proporcionados en el repositorio oficial de Quarto CLI. A continuación, comparto la paleta de colores seleccionada para cada uno de los scopes de código mostrados:
🌞 Light
Scope | Color | HEX | RGB |
---|---|---|---|
Background | #F4F4F4 | rgb(244, 244, 244) | |
Foreground | #383A42 | rgb(56, 58, 66) | |
Comment | #68A0B7 | rgb(104, 160, 183) | |
Keyword | #DF631C | rgb(223, 99, 28) | |
Function/Method | #D52753 | rgb(213, 39, 83) | |
String | #E0B723 | rgb(224, 183, 35) | |
Number | #823FF1 | rgb(130, 63, 241) | |
Constant | #49C991 | rgb(73, 201, 145) | |
Markup Tag | #FF8029 | rgb(255, 128, 41) | |
Markup Attribute | #0098DD | rgb(0, 152, 221) | |
Class/Type/Interface | #ACD249 | rgb(172, 210, 73) | |
Operator/Punctuation | #D52753 | rgb(213, 39, 83) |
🌚 Dark
Scope | Color | HEX | RGB |
---|---|---|---|
Background | #011627 | rgb(1, 22, 39) | |
Foreground | #ABB2BF | rgb(171, 178, 191) | |
Comment | #5F6F9F | rgb(95, 111, 159) | |
Keyword | #56B6C2 | rgb(86, 182, 194) | |
Function/Method | #E06C75 | rgb(224, 108, 117) | |
String | #A47BF0 | rgb(164, 123, 240) | |
Number | #FF8029 | rgb(255, 128, 41) | |
Constant | #49C991 | rgb(73, 201, 145) | |
Markup Tag | #61AFEF | rgb(97, 175, 239) | |
Markup Attribute | #98C379 | rgb(152, 195, 121) | |
Class/Type/Interface | #27B462 | rgb(39, 180, 98) | |
Operator/Punctuation | #F72671 | rgb(247, 38, 113) |
Tools 🛠️
Para enriquecer el diseño, he utilizado recursos SVG gratuitos obtenidos de Vecteezy y FFFuel. Además, para ajustar y recortar estos SVG utilicé Conholdate.