Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MarkBind Template for Student Portfolio #2398

Merged
merged 62 commits into from
Apr 8, 2024

Conversation

jingting1412
Copy link
Contributor

@jingting1412 jingting1412 commented Feb 3, 2024

What is the purpose of this pull request?

  • Documentation update
  • Bug fix
  • Feature addition or enhancement
  • Code maintenance
  • DevOps
  • Improve developer experience
  • Others, please explain:

Overview of changes:
Added a template portfolio website for users based on the existing default template generated when running markbind init ---template and existing portfolio themes available on jekyll.

#2385

Anything you'd like to highlight/discuss:

Testing instructions:
run markbind init --template portfolio and see if contents are loaded

Proposed commit message: (wrap lines at 72 characters)
Add portfolio template for init command


Checklist: ☑️

  • Updated the documentation for feature additions and enhancements
  • Added tests for bug fixes or features
  • Linked all related issues
  • No unrelated changes

Copy link

codecov bot commented Feb 3, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 51.11%. Comparing base (8ad1b0c) to head (e3438a9).

❗ Current head e3438a9 differs from pull request most recent head f3ded34. Consider uploading reports for the commit f3ded34 to get more accurate results

Additional details and impacted files
@@            Coverage Diff             @@
##           master    #2398      +/-   ##
==========================================
+ Coverage   51.02%   51.11%   +0.08%     
==========================================
  Files         124      124              
  Lines        5372     5355      -17     
  Branches     1159     1152       -7     
==========================================
- Hits         2741     2737       -4     
+ Misses       2341     2328      -13     
  Partials      290      290              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@yucheng11122017 yucheng11122017 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the work @jingting1412! The portfolio page looks nice.

packages/core/template/portfolio/_markbind/variables.md Outdated Show resolved Hide resolved
packages/core/template/portfolio/index.md Outdated Show resolved Hide resolved
packages/core/template/portfolio/index.md Outdated Show resolved Hide resolved
docs/userGuide/templates.md Outdated Show resolved Hide resolved
@yucheng11122017
Copy link
Contributor

yucheng11122017 commented Feb 8, 2024

Hi @jingting1412, actually if you are looking for inspiration, you can check out these portfolios that the team thinks is nice!

Copy link
Contributor

@yucheng11122017 yucheng11122017 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @jingting1412 thanks for the changes!
One comment on moving the icons and thumbnails

packages/core/template/portfolio/contents/experience.md Outdated Show resolved Hide resolved
Copy link
Contributor

@yucheng11122017 yucheng11122017 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks for the work @jingting1412

@yucheng11122017 yucheng11122017 self-requested a review February 17, 2024 06:54
@yucheng11122017 yucheng11122017 dismissed their stale review February 17, 2024 06:55

Lack of tests

@yucheng11122017
Copy link
Contributor

Sorry @jingting1412, one more thing!
Could you add functional test for the template?

@jingting1412
Copy link
Contributor Author

Sorry @jingting1412, one more thing! Could you add functional test for the template?

Yep added! Sorry for not noticing earlier

Copy link
Contributor

@yucheng11122017 yucheng11122017 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Will wait for more comments before merging :)
@kaixin-hc @EltonGohJH @itsyme

@lhw-1
Copy link
Contributor

lhw-1 commented Feb 21, 2024

Hi, thanks for the PR @jingting1412! I've taken a look at the template, and I just have a few broad comments / suggestions that has to do with the UI / UX rather than the implementation itself:

  • For a student portfolio, I would imagine that a sleek look would be preferred instead of too much clutter (though we could assume that this would be their first ever portfolio that they are setting up).
    • I think we can reduce the clutter in the top navbar to only contain the GitHub and the LinkedIn logo - the search function is unlikely to be used, and the topics on the sidebar should be sufficient for navigation, since we aren't expecting a particularly lengthy site.
    • Breadcrumbs may not be needed for the same reason - the site is unlikely to be too lengthy.
  • I think we can include "Skills" and "Experience" as topics on the main page rather than as a separate page?
    • "Skills" can be the set of tech that the student has used previously, so I'm thinking of maybe having three Panels titled "Languages", "Frameworks & Tools", and "Others" respectively. And within those panels, maybe we can include examples for these. The two portfolio links that @yucheng11122017 posted has some possible examples.
    • It would be nice to present "Experience" as a simple timeline similar to how LinkedIn presents it, so Boxes might be suitable here? It might be also useful to make use of the vertical line created by a Blockquote here.
  • The main container on the main page can be used to display: Name, short description, and profile image. Basically, embed the "Hello there! ..." section's current content into the black container instead of repeating the same-ish content twice.
  • We could add some styling for the individual projects pages as well, similar to the layouts used by the two aforementioned portfolio links!
  • The "Navigating this site" section will need to be updated - and maybe we can also include some information indicating that this portfolio is a simplified version (if we do decide to remove some navbar features, etc), and if the student wants access to more features, they can use other templates instead.

These are suggestions rather than directions, and feel free to counter these if you feel that they are not preferable 👍

@jingting1412
Copy link
Contributor Author

Thanks everyone for the review! I've updated the site and it looks like this now: https://portfolio-template-markbind.netlify.app/

{{ vue }}
</div>
<div class="card-body">
<a href="#" class="btn btn-primary">View on Github</a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggest that this link should go to MarkBind github and the one below should go to MarkBind website

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi thanks for the suggestion, I've added it and you can check it out here: https://portfolio-template-markbind.netlify.app/

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great! @jingting1412 the button next to this seems wrong tho? What is "post"

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was thinking that "Devpost" seems a bit inaccurate, since we're linking to documentation, but yeah "post" might be a little confusing too 😓. I'll change it back to Devpost

Copy link
Contributor

@yucheng11122017 yucheng11122017 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM except for the broken link

</a>
</span>
</div>
<a class="btn btn-primary" href="./contents/assets/ug_template.docx" download="UG-template-resume" role="button">Resume</a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Perhaps using Download Resume could be more indicative to the viewer that it is a button to download as my expected intention when clicking the button is to be brought to a page showing the resume. Another way to go about this could be to exporting the docx file to pdf to allow it to be opened in a new tab instead of forcing a download. Imo using the pdf would be my preference

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep makes sense! I've changed it to the pdf file, you can check it again here: https://portfolio-template-markbind.netlify.app/

Copy link
Contributor

@itsyme itsyme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks for the research and effort put into creating this template!

@yucheng11122017 yucheng11122017 force-pushed the master branch 2 times, most recently from cb84513 to 69ec838 Compare April 5, 2024 06:21
@yucheng11122017 yucheng11122017 merged commit 147899a into MarkBind:master Apr 8, 2024
7 checks passed
Copy link

github-actions bot commented Apr 8, 2024

@yucheng11122017 Each PR must have a SEMVER impact label, please remember to label the PR properly.

@yucheng11122017 yucheng11122017 added the r.Minor Version resolver: increment by 0.1.0 label Apr 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
r.Minor Version resolver: increment by 0.1.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants