Example of fully rendered component

[thomasdavis]

Hi there, I've been following this great project. I was wondering if there is a full hosted example of it in action.

I'm also adding it to the official projects page.

I'd also love to incorporate the microdata work into all themes going fourth

Edit: I might consider adding this work to the registry, such that all hosted resumes, have an equivalent microdata page that google can index. https://github.com/jsonresume/jsonresume.org/issues/116

[scottnath]

Hi @thomasdavis,

Thanks so much for adding this to the official projects page! Glad to have this visible to more folks for sure.

full hosted example

There is a storybook on Chromatic for jsonresume-component which has lots of different examples. The meow-json story uses a resumejson object which should have all sections of content in them

Source HTML

FYI - the HTML structures and templating all come from jsonresume-theme-microdata which has it's own storybook for the framework-agnostic theme components

Using microdata in registry

I think this is an excellent idea, but might be a bit hard to implement across HTML themes. FWIW as I was building jsonresume-theme-microdata my main focus was on proper and semantic HTML structure and a microdata structure that would best suite a generic resumejson object. But, I built in the option to change some of the microdata itemtypes by adding to the schema. See options.itemtype in the theme readme for which ones I made configurable.

All that is to say that if you want the html-based microdata, folks might want an option to change it and it requires changes to a theme's HTML to add it.

theme A common HTML structure in a Zen Garden

One concept I had to fix the how-to-get-microdata-in-all-themes was a play on the CSS Zen Garden but more of a Resume-Zen-Garden.

If there was a single HTML structure used, then the themes could be just CSS files.

cheers