Comments (4)
Hi @HCury
Thank you for reaching out. I and Ben are working on version 2 of this portfolio template. And we have solved most of your queries there.
Steps to get those changes:
- Checkout to new-features branch https://github.com/hashirshoaeb/home/tree/new-features
git checkout new-features
- Make your changes In home/src/editable-stuff/config.js. There you will find "skills" section as well.
- Yes you can use your Github picture. In home/src/editable-stuff/config.js line 37 read the comments. Your github avatar is hosted at https://avatars2.githubusercontent.com/u/42822020 So,
const about = { show: true, heading: "About Me", imageLink: "https://avatars2.githubusercontent.com/u/42822020", imageSize: 375,
- We have solved the icon issue as well. Simply remove the objects.
icons: [ { image: "fa-github", url: "https://github.com/hashirshoaeb", }, { image: "fa-linkedin", url: "https://www.linkedin.com/in/hashirshoaeb/", }, ],
- To add new section, you can simply create a component and call it in App.js file (I'm assuming that you have basic knowledge of html css and reactjs). To see the implementation of work experience, you can have a look into Ana's version https://github.com/anaashrafi/home , Here is her experience component.
Thank you for using my template. Let me know if you have more questions. I'll be happy to help. 😃
Best,
Hashir Shoaib
from home.
Good afternoon Hashir,
Any specific dimensions the "Leadership" pictures should be?
All my images seem to be stretched or squished.
from home.
Hmm, Thank you for pointing this out. I'll add the option to set dimensions in the config.js file.
For now dimensions are hardcoded, (width="615" height="450")
Either you can crop you images to this size or change width and height in home/src/components/home/Leadership.jsx
width line 26
height line 27
Hope this will solve your problem,
Happy Hacking 😃
from home.
Hi @HCury I'm closing this issue now. If you have more questions you can contact me at [email protected]
from home.
Related Issues (20)
- Uneven boxes HOT 1
- Deployment issue HOT 1
- sh: react-scripts: command not found HOT 4
- Make recent projects card height consistent HOT 1
- Add Preview thumbnails to recent projects cards HOT 2
- Add all of your technical skills that you currently know under the skills section HOT 1
- Unable to update the website after a few months of deployment HOT 7
- hi HOT 2
- Failed to compile 'jumbotron', this is depreciated as of bootstrap 5? HOT 4
- [Migration] React 16 -> 18
- error due to build HOT 2
- Primeiro issue
- Migrate to node v18 HOT 1
- Could you please help me with this error? HOT 4
- On the main screen, the particle effect is not visible on the left side. Zoom in to see the error HOT 1
- Fix Auto-Closing of Navbar Menu on Navigation Item Selection
- Migrate to node v20
- Only main page with social icons and resume/blog buttons HOT 1
- Blog section HOT 10
- Education Section missing HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from home.