orca-logo
v1.3.1
Published
The logo for NCLS Development's Orca solution in all its forms, as a Web Component
Downloads
17
Maintainers
Readme
orca-logo
Vanilla JS animated logo for NCLS Development's Orca solution, as a Web Component.
See the live demo.
Usage
Basic usage:
<orca-logo></orca-logo>
Displays the logo. Hover (or tap) it to have it 'shine'.
Alternate forms
animated
<orca-logo animated></orca-logo>
When the logo enters the viewport, have it appear by 'drawing' its outline, then fade its fill in and shine.
Hover (or tap) it to have it 'shine'.animated="spinner"
<orca-logo animated="spinner"></orca-logo>
Runs a looping 'spinner'-like animation conveying a busy state.
No mouse/finger interaction.
Custom styling
Style its primary colour via the CSS variable --primary-colour
.
Dependencies
- None
Compatibility
Installation
Install through npm
:
npm install orca-logo
Licensing
GNU General Public License v3.0
Permissions of this strong copyleft license are conditioned on making available complete source code of licensed works and modifications, which include larger works using a licensed work, under the same license.
Copyright and license notices must be preserved.
Contributors provide an express grant of patent rights.
Note to the maintainers
Redeploy to GitHub Pages with:
npm run deploy