An open API service indexing awesome lists of open source software.

https://github.com/metaory/jsonresume-theme-legacy

Legacy JSONResume handlebars port to Vite
https://github.com/metaory/jsonresume-theme-legacy

json-resume jsonresume jsonresume-theme

Last synced: 2 months ago
JSON representation

Legacy JSONResume handlebars port to Vite

Awesome Lists containing this project

README

        




𐑃⌄𐌒⌃𐣯𐐹


jsonresume theme

demo |
sample.pdf



---

## USAGE

```sh
# clone
git clone [email protected]:metaory/jsonresume-theme-legacy.git

# navigate
cd jsonresume-theme-legacy

# install dependencies
pnpm install

# run development
pnpm run dev

# view sample page
http://localhost:5173

# build sample pdf
pnpm run build:sample

# duplicate the resume data
cp src/pages/index.json src/pages/private.json

# update the resume data
nvim src/pages/private.json

# view newly created page
http://localhost:5173/private

# build private pdf
pnpm run build:private
```

---

## CUSTOMIZATION

### Icons

> [!NOTE]
> [Iconify](https://icon-sets.iconify.design) is used for icons.

> [!NOTE]
> The default icon map is defined in [src/pages/index.json](https://github.com/metaory/jsonresume-theme-legacy/blob/master/src/pages/index.json)
> Under `meta.themeOptions.iconMap`

> [!TIP]
> You can add/overwrite by adding the desired key value in your `private.json`

> [!TIP]
> You can use icons from any collection

For example to add new icon
for keyword `system-design` to have `mingcute:ghost-line` icon,
and to overwrite the `javascript` icon;

```jsonc
{
// ...
"meta": {
"themeOptions": {
"iconMap": {
"system-design": "mingcute:ghost-line",
"javascript": "fluent:code-js-rectangle-16-filled"
}
// ...
}
}
}
```

> [!IMPORTANT]
> Make sure the keys in `iconMap` are all lowercase
>
> While the keyword do NOT have to be lowercase

> [!TIP]
> the iconify icon name can be in either form
>
> - `hugeicons:ai-view`
> - `hugeicons--ai-view`

> [!CAUTION]
> a complete process restart is needed if overwriting existing icons

---

### Images

> [!TIP]
> Image paths can be remote or local
>
> Local path is from root

```jsonc
{
"basics": {
"name": "John Doe",
"label": "Programmer",
// remote images
"image": "https://avatars.githubusercontent.com/u/9919",
// local private ignored assets
"logo": "/.dev/my-private-logo.png",
// ...
},
// ...
}
```

---

### Summary

> [!TIP]
> The `basics.summary` is placed as **raw HTML**

---

### Titles

> [!TIP]
> You can change section titles
>
> Under `meta.themeOptions.sectionTitles`

---

### Colors

> [!TIP]
> ~~You can overwrite color values~~
>
> ~~Under `meta.themeOptions.colors`~~
>
> 🚧 Not implemented

---

### Troubleshooting

> [!CAUTION]
> You need the dev script running before running the pdf build script

---

> [!WARNING]
> `sh: line 1: chromium: command not found`
>
> [chromium](https://chromium.org) is used for pdf exports
>
> If you use the proprietary `google-chrome`
> you have to update the [build:private](https://github.com/metaory/jsonresume-theme-legacy/blob/master/package.json) script accordingly

---

> [!NOTE]
> Only tested on Linux
>
> Reconsider your life choices if you're running 💩 Windows!

---

## LICENSE

[MIT](LICENSE)