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

@anthonyjdella/jsonresume-theme-anthonyjdella-stackoverflow

v1.0.8

Published

Stack Overflow theme for JSON Resume

Downloads

14

Readme

Customized JSON Resume Theme: StackOverflow

🖼️ This is a tweaked version of the StackOverflow theme. Tweaked to fit my design preferences. Published on NPM and GitHub Registry.

Notable Changes

  • 2 Page version in PDF/printable mode
  • Added sections for speaking and articles
  • Style changes

Prerequisites

To build and start the local server, it needs to use the cli command, which is custom cli I tweaked.

npm i @anthonyjdella/customized-resume-cli

How to Start

npm run start

How to Change

  • resume.hbs is the order of the resume.
  • theme/partials/ are the html files for each section
  • style.css is the styling
  • To make changes to the PDF/printable version, make changes in the @print section of style.css
  • Change version number in package.json
  • Deploy the changes via npm publish --access public
  • To see changes from resume.anthonydellavecchia.com you need to go to the registry project, then cd into functions, run npm i and npm update, then firebase deploy.

Stack Overflow theme for jsonresume npm version

Printable version with custom CSS

DEMO

Getting started

Install the command line

Create your resume in json on jsonresume

The official resume-cli to run the development server.

Go ahead and install it:

npm install -g resume-cli

Install and serve theme

Clone the repository

git clone https://github.com/francescoes/jsonresume-theme-stackoverflow.git

And simply run:

resume serve

You should now see this message:

Preview: http://localhost:4000
Press ctrl-c to stop

To build your own resume, create a 'resume.json' file in the current folder and follow the json resume schema

Social Profiles Icons

Profiles supported with brand colors:

github, stack overflow, linkedin, dribbble, twitter, facebook, pinterest, instagram, soundcloud, wordpress, youtube, flickr, google plus, tumblr, foursquare.

To have a social icon close the social link profile (or username) it is enough to set a network the name of the Social Network (es: 'Stack Overflow').

Support to extra fields

With stackoverflow theme it is possible to add:

  • keywords to each 'work', 'publication' and 'volunteer' item
  • summary to each 'interests' and 'education' item
  • location to each 'work', 'education' and 'volunteer' item
  • birth to 'basics'

example of the extra location object:

"location": {
  "city": "Zürich",
  "countryCode": "CH",
  "region": "Switzerland"
} 

example of the extra birth object:

"birth": {
  "place": "New York",
  "state": "USA",
  "date": "1988"
}

Contribution

Fork the project, add your feature (or fix your bug) and open a pull request OR

Open an issue if you find find or if you would like to have extra fields or changes

License

Available under the MIT license.