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

shower-red-material

v1.0.1

Published

Red Material theme for Shower HTML presentation engine

Downloads

3

Readme

Red Material theme for Shower

Changed color of material design theme to red. I only changed one variable in the sass file. This repo exists becauce it made me easier to use this template on a lot of slides (seperate npm package)

All credits go to: Vadim Makeev, the original creator of the material theme for shower. He's also the creator of shower. Many thanks for sharing your creation to the world!

Screenshot

Ribbon screen shot

Usage

Get the Shower template where Material is already included. Download the template archive or install the package:

npm install shower

If you want to install Material separately you can download the theme archive or install the package:

npm install shower-red-material

Features

All theme’s features are demonstrated in the index.html file. Use it as a reference while building your presentation. See more detailed features overview.

Ratios

Material theme supports two slide ratios: wide 16×10 (default) and taller 4×3. To change the slide’s ratio include one of the pre-built screen-16x10.css or screen-4x3.css files in the <head> of your presentation.

PDF

Ribbon could be exported to PDF by printing it from the list mode in Chrome or Opera browsers. See printing documentation for more options.

Development

If you want to adjust theme for your needs:

  1. Fork this repository and clone it to your local machine.
  2. Install dependencies: npm install.
  3. Start a local server with watcher: npm run dev or just gulp if you have it installed globally.
  4. Edit your files and see changes in the opened browser.

To take part in Material development please read contributing guidelines first and file an issue before sending any pull request.


Licensed under MIT License.