ls-signature-footer

Reusable footer signature for landing pages.

It gives you a lightweight signature with your logo and link to https://luizsiewerdt.com.

Install

npm install ls-signature-footer

Usage

1) Web component (works in any stack)

<footer>
  <ls-signature></ls-signature>
</footer>

<script type="module">
  import "ls-signature-footer";
</script>

2) Mount in a target element

<footer>
  <div id="footer-signature"></div>
</footer>

<script type="module">
  import { mountLSSignature } from "ls-signature-footer";

  mountLSSignature(document.querySelector("#footer-signature"));
</script>

3) Render as HTML string

import { renderLSSignature } from "ls-signature-footer";

const html = renderLSSignature();

Customization

<ls-signature
  name="Luiz Siewerdt"
  language="pt"
  site-url="https://luizsiewerdt.com"
  logo-url="https://www.luizsiewerdt.com/luiz-logo.png"
  dark-logo-background="true"
  logo-background="#111827"
  logo-color="#f9fafb"
  text-color="#111827"
  muted-color="#6b7280"
></ls-signature>

Language

• language="pt": uses Portuguese defaults
• language="en": uses English defaults
• role still overrides the default text if explicitly provided

Publish to npm

npm login
npm run build
npm publish --access public

If the name ls-signature-footer is unavailable, change name in package.json first.