https://github.com/jgarber623/under-construction

A dependency-free Web Component that generates OSHA-compliant barricade tape.
https://github.com/jgarber623/under-construction

custom-elements customelements web-components webcomponents

Last synced: 2 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jgarber623/under-construction
• Owner: jgarber623
• License: mit
• Created: 2024-03-07T03:27:24.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-03-07T04:25:15.000Z (7 months ago)
• Last Synced: 2024-09-21T02:02:29.385Z (6 days ago)
• Topics: custom-elements, customelements, web-components, webcomponents
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/@jgarber/under-construction
• Size: 5.86 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# `` Web Component

**A dependency-free [Web Component](https://developer.mozilla.org/en-US/docs/Web/API/Web_Components) that generates [OSHA](https://www.osha.gov)-compliant [barricade tape](https://en.wikipedia.org/wiki/Barricade_tape).**

[![npm](https://img.shields.io/npm/v/@jgarber/under-construction.svg?logo=npm&style=for-the-badge)](https://www.npmjs.com/package/@jgarber/under-construction)

[![Downloads](https://img.shields.io/npm/dt/@jgarber/under-construction.svg?logo=npm&style=for-the-badge)](https://www.npmjs.com/package/@jgarber/under-construction)

[![Build](https://img.shields.io/github/actions/workflow/status/jgarber623/under-construction/ci.yml?branch=main&logo=github&style=for-the-badge)](https://github.com/jgarber623/under-construction/actions/workflows/ci.yml)

🚧 **[See `` in action!](https://jgarber623.github.io/under-construction/example)**

## Getting ``

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

- [Download a release](https://github.com/jgarber623/under-construction/releases) from GitHub and do it yourself _(old school)_.

- Install using [npm](https://www.npmjs.com/package/@jgarber/under-construction): `npm install @jgarber/under-construction --save`

- Install using [Yarn](https://yarnpkg.com/en/package/@jgarber/under-construction): `yarn add @jgarber/under-construction`

## Usage

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

```html

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

```

Use the `` Web Component anywhere on your page!

```html

  

  

    
Hello, website guest!

    
Pardon our dust, but this site is a work-in-progress.

  


```

> [!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](https://www.ansi.org) provide precise specifications for barricade tape colors. The relevant regulations are linked below:

- **OSHA:** [1910.22 - General requirements](https://www.osha.gov/laws-regs/regulations/standardnumber/1910/1910.22) and [1910.144 - Safety color code for marking physical hazards](https://www.osha.gov/laws-regs/regulations/standardnumber/1910/1910.144)

- **ANSI:** [Z535.5:2007](https://webstore.ansi.org/standards/nema/ansiz5352007-1284428)

For the world beyond America's borders, the ANSI Z535 series corresponds to [the ISO 3864 standard](https://en.wikipedia.org/wiki/ISO_3864).

This is _very_ serious business.

## License

The `` Web Component is freely available under the [MIT License](https://opensource.org/licenses/MIT).