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

shades-of-purple-highlightjs

v1.5.0

Published

⚑ A professional theme with hand-picked & bold shades of purple πŸ’œ to go along with your HighlightJS. A custom HighlightJS theme with style.

Downloads

30

Readme

emoji-log

GitHub stars GitHub followers Tweet for help

Install

Easy To Download

Download the shades-of-purple.css any where in your project. You can use command line to run the command below and it will download this css file in the folder you run this command in.

wget -qO shades-of-purple.css https://git.io/SOPHighlightHS

Or you can manually go to this link Download shades-of-purple.css and save it as shades-of-purple.css in your project.

Tips

Usage

  1. Copy shades-of-purple.css to your desired directory.
  2. Include the theme in your html.

In the end, your page should look something like this:

<link rel="stylesheet" href="shades-of-purple.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<pre><code class="javascript">
// JS Functions
function shade(which) {
  console.log(which, 'Shades of Purple');
}
</code></pre>

Shades of purple for other software

Put Shades of Purple In Other Places!

I have built other Shades of Purple themes for different software. Here's a list.

Hello

Hello, we're the WordPress Couple!

I (Ahmad Awais) am a Full Stack Web Developer and a regular core contributor at WordPress. My significant other (Maedah Batool) is a Technical Project Manager, and she's also a WordPress Core Contributor. Together with our team, we run the WPCouple.com.

If you'd like to get insights into our love for open source software, professional full stack development, WordPress community, the growth of JavaScript or growing a family, building, and bootstrapping a business, then subscribe to our premium newsletter called ↣ The WordPress Takeaway!

Support our Open Source Projects! 🎩

If you'd like us to keep producing professional free and open source software (FOSS). Consider paying for an hour of my dev-time. We'll spend two hours on open source for each contribution. Yeah, that's right, you pay for one hour and get both of us to spend an hour as a thank you.

Partners

Project Backers & WPCouple Partners ⚑️

This FOSS (free and open source software) project is updated and maintained with the help of awesome businesses listed below. Without the support from these amazing companies/individuals, this project would not have been possible.

β€” What/How? Read more about it β†’

Thanks

License & Attribution

Licensed as MIT β“’ Ahmad Awais.

Thanks to makers of HighlightJS and Icons8 for the icons in this readme.

Follow me πŸ‘‹ on Twitter β†’ Tweet to say Hi