shaansubbaiah / portfolio Goto Github PK
View Code? Open in Web Editor NEW๐ค Automatically generate and deploy a beautiful, responsive, static-site to display your GitHub projects.
License: MIT License
๐ค Automatically generate and deploy a beautiful, responsive, static-site to display your GitHub projects.
License: MIT License
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.
maybe, some users want more then 3 navlinks, I think that couls be a nice hacktoberfest issue :)
you wrote, that users have to insert the twitter id, but the usernamen should work as well.
This is hard for me to debug since I am not a js dev, and there is no mention or location of error here.
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
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
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
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.
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.
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;
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. :)
For privacy reasons, the js & font files could be downloaded with npm and packed with webpack?
This could be also a nice first issue.
Build isn't completing and css file is not getting generated in the dist folder.
Im on Windows 11 22000.184
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.