npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@jaycanuck/jsonresume-theme-material

v1.1.0

Published

Material theme for JSON Resume

Downloads

4

Readme

jsonresume-theme-material

This is the Material theme for JSON Resume project. Fork of nocturnalbeast's jsonresume-theme-material with bugfixes and slight styling changes for output simplification.

demo

Getting started

Installation

We need to install the dependencies. Local projects/workspaces will need both resume-cli and this theme, @jaycanuck/jsonresume-theme-material.

npm install resume-cli @jaycanuck/jsonresume-theme-material

Resume-CLI will look for a valid resume.json file in the current working directory.

Usage

This theme can be used like other themes with resume-cli commands.

For serving locally:

resume serve --theme @jaycanuck/jsonresume-theme-material --port 8000

For exporting to PDF or HTML:

resume export --format pdf --theme @jaycanuck/jsonresume-theme-material resume.pdf

Modifying the theme / Theme development

The theme is structured as follows:

  • package.json - The NPM definition of the theme (this theme) package.
  • index.js - The entrypoint for JSON Resume tool.
  • main.hbs - The main template, uses Handlebars as it's templating engine.
  • partials/*.hbs - The sections of the Handlebars template, included within the main.hbs file.
  • style.css - The material theme CSS definition.
  • resume.json - The sample resume data containing all fields that are supported within this theme.

Editing resume.json

A sample resume.json file has been included within this repository. This contains all the fields that are supported within this theme.

Once you modify the data within the resume.json file and save it, the brower will reload if the server is running.

Embedding HTML content

In this template, only summary can host HTML content. This can be done like so:

{
    "name": "Heading",
    "summary": "Point 1<br>Point 2<br>Point 3"
}