techfolios / template Goto Github PK

On mobile displays, long names will push the navbar content off-screen, causing the width of the page to be wider than the viewport width (requiring horizontal scrolling). See:

I added an @media query to target mobile and a secondary shortened version of my last name to activate to address this issue, though it might be nice to have this handled by default in new sites.

Here's my repo with the workaround

I want to add an icon that bootstrap doesn't have, how do I add it?

@vjd3 sent me the following:

For the issue, it falls under Projects and Essays. I have resolved the issue to my satisfaction but wanted to identify and propose my solution to you for your consideration in case there are any aspects of your design for which I am not considering.

In your code (files essays.html and projects.html under _includes), you allow for the "draft" designation. This is a powerful feature, allowing us to create the pages before publishing them. However, in those HTML files, the premise under which the display limit is used does not take into account the draft status. While you do have the unless clause to prevent the draft page from being shown, it is still being counted, and therefore causes the displayed number of items and the total count to be incorrectly handled. By using the forloop.index and the essay_pages.size for the total counts, you are assuming that all pages in the folder will be displayed. For example, if I have 7 pages, of which 5 are draft and the drafts are the newer dated pages, the include loop may exit before it gets to the pages that can be displayed. Additionally, the link to see the full list of pages shows a count of 7 in this case, where it should be 2 with all displayed and no link necessary.

I propose (and have tested and used this on my pages vjd3.github.io adding a separate counter to be used to determine how many are to be shown and another counter for the total count of pages.

Sample resolution:

<div class="row g-3">
      {% assign essay_pages = site.pages | where: "type", "essay" | sort: "date" | reverse %}
      {% assign my_counter = 0 %}
      {% for page in essay_pages %}
        {% unless page.draft %}
          {% assign my_counter = my_counter | plus: 1 %}
          {% include essays/essay-card.html page=page %}
        {% endunless %}
        {% if my_counter == include.limit %}
          {% break %}
        {% endif %}
      {% endfor %}
    </div>

    {% assign not_draft = 0 %}
    {% for page in essay_pages %}
      {% unless page.draft %}
        {% assign not_draft = not_draft | plus: 1 %}
      {% endunless %}
    {% endfor %}

    {% if not_draft > include.limit %}
      <p class="text-center pt-4"><a href="{{ site.baseurl}}/essays/">See all {{ not_draft }} essays</a></p>
    {% endif %}

Hello,

I am trying to create my portfolio and i would like to segregate my portfolio with projects and subprojects.

I am a Ph.D., graduate in the non-CS domain and hence i am requesting your assistance. I would like to add my projects to categories.
(I have a few ML projects, Ph.D., projects, and masters projects which i would like to showcase).

My repository link is: https://github.com/hprutvisagar/hprutvisagar.github.io

Thanks in advance.

Regards
Dr. Sagar HP

Make the "Projects" "Essays", and "Resume" navbar items active when the associated content is being displayed.

Add a hover effect so that the network icons change appearance when you move the mouse over them.

I receive this error after pushing a commit: Your RubyGems version (3.0.3) has a bug that prevents required_ruby_version from working for Bundler. Any scripts that use gem install bundler will break as soon as Bundler drops support for your Ruby version. Please upgrade RubyGems to avoid future breakage and silence this warning by running gem update --system 3.2.3

This does not affect the current website, just changes that people may want to make.

repo url: https://github.com/PsychNStuff/psychnstuff.github.io

I added a project to my cloned repository for my techfolio and came upon a build and deploy error I haven't experienced before. I haven't updated my techfolio since fall '22 so it may be out of date, but I am unable to see what file needs to be updated for this process in the main techfolio repo. Any tips?

Here is my repo. Anything helps :)

-Mahalo!