<html>
  <head>
    <title>Share Button Testing Page</title>
    <meta name="description" content="The Gab Social share button demo and testing page.">
  </head>
  <body>

    <style type="text/css">
      a.gab-share-btn {
        display: inline-block;
        padding: 8px 12px;
        background: #00d178;
        color: #ffffff;
        border: solid 1px transparent;
        border-radius: 8px;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-decoration: none;
        font-weight: bold;
        font-size: inherit;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      a.gab-share-btn:hover {
        border-color: black;
      }
      a.gab-share-btn:active {
        border-color: #e8e8e8;
        background: #01854b;
        box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
      }
    </style>

    <a
      id="gab-share-btn"
      class="gab-share-btn"
      title="Share to Gab"
      target="_blank"
    >Share to Gab</a>

    <script>
      (async function ( ) {
        const button = document.getElementById('gab-share-btn');
        const title = document.querySelector('head title');
        if (!title) { button.setAttribute('hidden', true); }
        let description = document.querySelector('head meta[name="description"]');
        let text = title.textContent + '\n';
        if (description) { text += description.getAttribute('content') + '\n\n'; }
        button.setAttribute('href', `https://gab.com/compose?url=${encodeURIComponent(window.location.href)}&text=${encodeURIComponent(text)}`);
      })();
    </script>    

  </body>
</html>