A dependency-free Web Component that generates OSHA-compliant barricade tape.
🚧 See <under-construction> in action!
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
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.
OSHA and ANSI provide precise specifications for barricade tape colors. The relevant regulations are linked below:
- OSHA: 1910.22 - General requirements and 1910.144 - Safety color code for marking physical hazards
- ANSI: Z535.5:2007
For the world beyond America's borders, the ANSI Z535 series corresponds to the ISO 3864 standard.
This is very serious business.
The <under-construction> Web Component is freely available under the MIT License.