- Notifications
You must be signed in to change notification settings - Fork0
My Interactive Web Portfolio Website! Fully Interactive and configurable via JSON file!
NotificationsYou must be signed in to change notification settings
Harry260/harry260.github.io
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
| Dynamic and Fully Configurable via json files
- No need to edit
htmlto remake this - Fully configurable from
jsonfiles
| THIS WEBSITE WAS INSPIRED BYMATTHEW P MUNGER'S PORTFOLIO |
|---|
There is three files you can customize,
| File | Use |
|---|---|
| social.json | Replace the values with your social profiles. |
| projects.json | Replace the values with your projects data |
| apps.json | Setup apps and desktop |
This file is used to configure Social Profiles. See the below object to understand the structure
{"links":{"[social_platform]":"[link]"// .....},"maxonmenu":5// INT}| Key | Description |
|---|---|
| [social platform] | Name of social platform |
| [link] | Link to your profile |
| maxonmenu | The maximum no. of items to be shown in menu |
This file is used to configure Projects. See the below object to understand the structure
"project_id": {"id":" project_id","title":"Project Title","icon":"icons/project.svg",// Root folder is assets"description":"my aswesome project","link":"https://example.com/","github":"http://github.com/user/repo","openTarget":"_self"}
| Key | Description |
|---|---|
| title | Title of your project |
| id / project_id | Unique id for your project |
| icon | Icon Image for your project NB: The root folder for icon path isassets |
| description | Short description about your projects (Future Use) |
| link | The link of your project |
| github | Your git repository link |
| openTarget | Set if you wan to open the project in new tab or not_self : Same tab_blank: New tab |
This file is used to configure Apps like things in the protfolio, Example "README.md" inside the project or "VS code" inside it . See the below object to understand the structure
"app_id":{"icon":"appicon.svg","title":"App Title","action" :"app_id","type":"iframe","id":"app_id","src":"https://example.com","desktop":true}
| Key | Description |
|---|---|
| Icon | Icon of the app NB: The root folder isassets/icons |
| Title | Title of the app |
| action/id | Unique app id, both should be same (i messed it up) |
| src | src of your app. Eg, Create an HTML file as an app. |
| type | Set the type of your appmark-down: if src is a Markdown fileiframe: If src is html file |
| desktop | If app should be showed on Desktop |
About
My Interactive Web Portfolio Website! Fully Interactive and configurable via JSON file!