juandarr / juandarr.github.io

Juan's web page with projects showcase, resume and blog.

Home Page:https://site.bitfusion.link

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Personal portfolio

This is my personal website. My goal is to present projects I have worked on in the past and highlight the kind of experience/skills in which I have some sort of mastery. If you want to get in touch just send me a message via Twitter, Mastodon or Gmail.

Dependencies

Install Ruby

Option 1: Bundle

Once you have Ruby, install the bundle gem with gem install bundle. Then get all the dependencies with: bundle.

Option 2: Jekyll

  • gem install jekyll bundler
    • After installation, add Ruby gem binaries to the path of your OS if requested in terminal
    • Troubleshooting
      • I had a problem with the gem webrick. It was solved installing the gem via gem install webrick

Usage

Run the following command in the terminal:

jekyll server --baseurl '' --livereload

If you have created the page with jekyll new website_name you need to use instead:

bundle exec jekyll serve --livereload

Color palette

Here is the chosen color palette. It uses teal as the base color. Its complementary color (orange) is part of the set. Purple and yellow in its variations are part of the palette too.

Color Palette by Paletton.com

*** Primary color:

   shade 0 = #00B5AE = rgb(  0,181,174) = rgba(  0,181,174,1) = rgb0(0,0.71,0.682)
   shade 1 = #4CC8C3 = rgb( 76,200,195) = rgba( 76,200,195,1) = rgb0(0.298,0.784,0.765)
   shade 2 = #27BBB6 = rgb( 39,187,182) = rgba( 39,187,182,1) = rgb0(0.153,0.733,0.714)
   shade 3 = #008A85 = rgb(  0,138,133) = rgba(  0,138,133,1) = rgb0(0,0.541,0.522)
   shade 4 = #006C68 = rgb(  0,108,104) = rgba(  0,108,104,1) = rgb0(0,0.424,0.408)

*** Secondary color (1):

   shade 0 = #FFF200 = rgb(255,242,  0) = rgba(255,242,  0,1) = rgb0(1,0.949,0)
   shade 1 = #FFF761 = rgb(255,247, 97) = rgba(255,247, 97,1) = rgb0(1,0.969,0.38)
   shade 2 = #FFF535 = rgb(255,245, 53) = rgba(255,245, 53,1) = rgb0(1,0.961,0.208)
   shade 3 = #E4D800 = rgb(228,216,  0) = rgba(228,216,  0,1) = rgb0(0.894,0.847,0)
   shade 4 = #B2A900 = rgb(178,169,  0) = rgba(178,169,  0,1) = rgb0(0.698,0.663,0)

*** Secondary color (2):

   shade 0 = #9307BF = rgb(147,  7,191) = rgba(147,  7,191,1) = rgb0(0.576,0.027,0.749)
   shade 1 = #B254D0 = rgb(178, 84,208) = rgba(178, 84,208,1) = rgb0(0.698,0.329,0.816)
   shade 2 = #A02EC5 = rgb(160, 46,197) = rgba(160, 46,197,1) = rgb0(0.627,0.18,0.773)
   shade 3 = #730497 = rgb(115,  4,151) = rgba(115,  4,151,1) = rgb0(0.451,0.016,0.592)
   shade 4 = #5A0376 = rgb( 90,  3,118) = rgba( 90,  3,118,1) = rgb0(0.353,0.012,0.463)

*** Complement color:

   shade 0 = #FF7100 = rgb(255,113,  0) = rgba(255,113,  0,1) = rgb0(1,0.443,0)
   shade 1 = #FFA761 = rgb(255,167, 97) = rgba(255,167, 97,1) = rgb0(1,0.655,0.38)
   shade 2 = #FF8E35 = rgb(255,142, 53) = rgba(255,142, 53,1) = rgb0(1,0.557,0.208)
   shade 3 = #E46500 = rgb(228,101,  0) = rgba(228,101,  0,1) = rgb0(0.894,0.396,0)
   shade 4 = #B24F00 = rgb(178, 79,  0) = rgba(178, 79,  0,1) = rgb0(0.698,0.31,0)

The original framework

This repository was created based on a technical portfolio framework TechFolio.


Juan Rios @ 2024

About

Juan's web page with projects showcase, resume and blog.

https://site.bitfusion.link

License:MIT License


Languages

Language:JavaScript 65.1%Language:CSS 33.9%Language:HTML 1.0%Language:Ruby 0.0%