shaansubbaiah / portfolio Goto Github PK

For privacy reasons, the js & font files could be downloaded with npm and packed with webpack?
This could be also a nice first issue.

• secondary color is black in Light theme, so 'projects' when selected isn't highlighted in blue
• blue looks better

Fixed by a refresh/ resizing the browser window.

I had attempted a fix by trying various ways to reload once after the document has loaded to no success.
Another way to fix would be to remove masonry-js from the repository cards section and use flex with animations instead.

• Handle links in repository description
• Lighter repo img bg
• Locally serve repo imgs
• Use Sharp to compress images
• Other issues mentioned in Lighthouse

Add option to enable frosted glass repository cards.

Would look something like:

Figma CSS properties look something like this:

position: absolute;
left: 24.44%;
right: 24.3%;
top: 30.98%;
bottom: 30.98%;

background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(60px);

/* Note: backdrop-filter has minimal browser support */
border-radius: 28px;

Currently getData.js, getAvatar.js, and build.js are in the repository root directory. Move them to a new folder utils. This should keep the repo more organized.

Right now cards are made only for repositories. It would be great if we could display pinned Gists as well.

This will require getting pinned Gists from GitHub using the GitHub API V4 and creating a template with HTML/CSS in the /resources folder.

Mockup of possible implementation:

Edit: We may also need to change a few settings of masonry js. Masonry js is responsible for the responsive grid and its animations when resizing the browser.

maybe, some users want more then 3 navlinks, I think that couls be a nice hacktoberfest issue :)

As I said in #23 , I would like to serve everything locally, so we could download the avatar in build.js (variable dt.user.avatarUrl) and store it into /dist/assets/png/avatar.png. Then we dont need build.js line 86-96 anymore.

Also a nice first issue, but I can also work on it by myself.

After adding the fixed sidebar, you should not add to much links to the sidebar.

This is hard for me to debug since I am not a js dev, and there is no mention or location of error here.

Steps to reproduce

• set token etc, set config
• use the selector to select build

System info

• Windows 11 Powershell / Ubuntu 22.04 bash, happens in both

Output logs

    █▀█ █▀█ █▀█ ▀█▀ █▀▀ █▀█ █░░ █ █▀█
    █▀▀ █▄█ █▀▄ ░█░ █▀░ █▄█ █▄▄ █ █▄█
https://github.com/shaansubbaiah/Portfolio

? What would you like to do? Build Portfolio
Fetching data from GitHub
node:internal/process/promises:288
            triggerUncaughtException(err, true /* fromPromise */);
            ^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "#<Object>".] {
  code: 'ERR_UNHANDLED_REJECTION'
}

Node.js v18.12.1

Hi, I tried to install the dependencies, but it said:
npm WARN Invalid version: "v1.6" npm WARN Portfolio2 No description npm WARN Portfolio2 No repository field. npm WARN Portfolio2 No README data npm WARN Portfolio2 No license field..
So I changed it to 1.6.0 and it worked. :)

The Text goes out of box

Build isn't completing and css file is not getting generated in the dist folder.
Im on Windows 11 22000.184

I got that error when inserting 200 as repo number
Starting Build ✔️ Fetched data from Github ✔️ Copied files ⚠️ Failed! Error: Cannot read property 'name' of null

you wrote, that users have to insert the twitter id, but the usernamen should work as well.