Portfolio Template
This is a Jekyll website template designed for Prep Fellows.
Make your own!
- Use the Template button.
- Update
_config.yml
to contain your information.- Change
url
to the URL you'll be hosting it at - Make sure it has the /
- Change
- Use something like Netlify or GitHub Pages to deploy (note, this only works on username.github.io, not username.github.io/repo-name)
Add your portfolio
Head to _data
and fill out either projects.yml
, experience.yml
and education.yml
.
Project example.
- title: Online Shopping Application
event: MLH Prep - Batch 4.5
date: Fall 2021
Experience example.
- role: MLH Prep Fellow
company: MLH Fellowship
dates: Summer 2021
logo: fellowship.svg
Education example.
- course: Prep Fellow
institute: MLH Fellowship
dates: Fall 2021
logo: fellowship.svg
Add project posts
- Make a new
.md
file inside ofprojects
. - Add the header to your markdown file (see below) and change the title to the name of your blog post.
- Write your project page! Can be a README from GitHub or your Devpost page.
- Add the
page-name
field to yourprojects.yml
(see below).
Top of post markdown file post.
---
title: Project
layout: page
---
projects.yml
with the page-name
field.
- title: Online Shopping Application
event: MLH Prep - Batch 4.5
date: Summer 2021
page-name: project
Development
If you want to test it locally or add some new features, run the below commands. Make sure to have Ruby and Bundler installed.
bundle install --path vendor/bundle
bundle exec jekyll serve
Adding social icons
This pull request addresses #Issue 11 We were able to add
social media
accounts' icons to the project. Each member or item insidefellow.yml
must have the following attributes or variablesThe following attributes are case-sensitive
They must be URLs to external links to platforms like Twitter, GitHub, Linkedin, and Google drive. I am currently waiting for @LiubovRukhlina to push the data from the form.
The following snippet shows each card for a fellow. It now also contains their social media accounts
We also added a transition and styling to the unordered list containing the social media icons. In addition we used
font-awesome
package or library for the needed icons.And that's how it looks now
It is an important pull request since it will allow the website visitors to explore our batch's fellows' social media accounts, and can connect with them.
Please check out the pull request @sadiq-b
[x] My Pod Leader knows I'm working on this Pull Request
[x] I've explained what the Pull Request is adding.
[x] I've explained why this is important.
issue #6 ; improved project card's ui on landing page and added new fields
Please, go through these steps before you submit a PR.
##What? Improved project card UI on landing page issue #26. The new card ui contains the following
Why
I and my partner divided the 3 tasks in issue 6 between ourselves. I chose to-
while my partner chose to.
screenshot of project section before my commit
screenshot of project section after my commit
Issue #5: Replace the MLH Fellowship logo with the MLH Prep logo
This Pull request fixes the bug wherein MLH Fellowship logo shows instead of the Prep Logo.
The pull request is for issue #5 which asks to replace the MLH Fellowship logo with the MLH Prep logo on the Projects page. It is important since this portfolio website is a part of MLH Prep and hence the logo.
I have also added a boilerplate for Dark mode functionality which requires JavaScript. Kindly ignore the 4 commits pertaining to the dark mode. Only the first is relevant.
fixed profile pictures on main
Please, go through these steps before you submit a PR.
Found an issue in previous PRs that effected profile pics display and changed it in CSS file.
Overflow & ID's for Data
This pull request re-adds the overflow fixed in this pull request which was overridden in merge conflicts. This was part of Issue #12. This is important so we do not lose improvements made to our site.
I also added unique ID's as part of fellow data. This addresses Issue #50. This is important because it makes the map function smoothly, and for any future features, we have a way to easily refer to unique fellows. Prior to this the map code was relying on the name data to refer to individual fellows. Since some people entered both their first and last name with a space in-between, this broke the map functionality because individual fellows were parsed by spaces.
Issue #9 Profile page for each fellow
Please, go through these steps before you submit a PR.
Profile.html page is added. When the user clicks on the fellow name at the main page, they will be redirected to the profile page that displays detailed information about the fellow.
Image compression test issue #2
Please, go through these steps before you submit a PR.
Added Calibre Image Actions and made a workflow to execute it, which reduces the image size up to 50%. This PR is made with respect to issue #2
Navbar implementation
This PR is adding a navigation bar to the portfolio page so that different sections can be navigated more easily
This feature is important when more sections will be added to the portfolio page and it may get harder to navigate to each desired section when the page is too long.
Dark mode finalized
Issue#4 Add Pod Stats
The pull request is for issue https://github.com/MLH-Fellowship/prep-portfolio-22.JUL.PREP.3/issues/4 . Added a leader board for showing up pod statistics like total PRs merged for each member , total open PRs for each member and total commits for each member
added about section to home page
Please, go through these steps before you submit a PR.
I added an about section template on the landing page to introduce the portfolio site and the pod group. It also includes a picture beside it which we can replace with our pod class photo. This is for issue #21
fixed the links to social media and resume
Please, go through these steps before you submit a PR.
kindly review @himanshu-thakur-7 @dw2761
Add unique ID for fellow data
Currently there is no unique ID field in the fellow data. This makes referring to specific fellows difficult in code. It will be good practice to have an ID field for our data.
Fix content appearing on top of header
Currently when you scroll down the page, the content of the site appears on top of the header. This can likely be fixed by adjusting the z-index of the header.
Add about description
Currently, the portfolio doesn't have an "about" or introduction section to introduce the website. We could add a description to introduce the pod as a whole group/introduce the project, and include our class photo beside it once we take it.