It is made with Jekyll and run on Github Pages.
You need to set-up Jekyll if you want to run locally.
First, install ruby with ASDF
asdf install
Then install the gems
bundle install
Then start the server
bundle exec jekyll serve --livereload
The stylesheet is made with sass. The css files will be auto-generated with sass command.
Don't change a css file directly because it is overwritten.
sass --watch sass/style.scss:css/style.css
Resize the photo to 285x285px, rename it to the member's name and copy it to images/team folder.
The file name should be lowercase with no spaces and special characters.
Edit file team.rb and add a new hash to the array following the pattern below: (github, facebook, bitbucket and instagram values can be nil).
{
name: 'Member Name',
job_title: 'Job Title',
about: 'about info',
image: 'file-name.jpg',
github: 'github_user',
facebook: 'facebook_user',
bitbucket: 'bitbucket_user'
}Generate the markup running the code below in your terminal.
ruby team.rbThis command will generate the HTML and update the _includes/team.html file.
If you don't have ruby installed, copy the team.rb content and paste in https://repl.it/languages/ruby. Run the script, it will generate a new file called team.html in the _includes folder. Copy the team.html content and paste in _includes/team.html.
That's all folks.