@jgarber/under-construction

0.1.0 • Public • Published

<under-construction> Web Component

A dependency-free Web Component that generates OSHA-compliant barricade tape.

npm Downloads Build

🚧 See <under-construction> in action!

Getting <under-construction>

You've got several options for adding this Web Component to your project:

  • Download a release from GitHub and do it yourself (old school).
  • Install using npm: npm install @jgarber/under-construction --save
  • Install using Yarn: yarn add @jgarber/under-construction

Usage

First, add this <script> element to your page which defines the <under-construction> Web Component:

<script type="module" src="under-construction.js"></script>

Use the <under-construction> Web Component anywhere on your page!

<body>
  <under-construction></under-construction>

  <header>
    <h1>Hello, website guest!</h1>
    <p>Pardon our dust, but this site is a work-in-progress.</p>
  </header>
</body>

[!TIP] This Web Component may be useful on development or staging websites as a visual reminder of which environment you're currently viewing.

Compliance

OSHA and ANSI provide precise specifications for barricade tape colors. The relevant regulations are linked below:

For the world beyond America's borders, the ANSI Z535 series corresponds to the ISO 3864 standard.

This is very serious business.

License

The <under-construction> Web Component is freely available under the MIT License.

Package Sidebar

Install

npm i @jgarber/under-construction

Weekly Downloads

0

Version

0.1.0

License

MIT

Unpacked Size

6.09 kB

Total Files

6

Last publish

Collaborators

  • jgarber