share.html

<div id="modal-share" class="modal">
  <div class="modal-box">
    <p class="modal-title">分享给其他好友</p>
    <p class="modal-url">
      <input id="modal-input" class="input" type="text" value="{{site.url}}/" readonly>
      <button id="modal-copy" class="button is-primary" data-clipboard-target="#modal-input">复制链接</button>
    </p>
    <!-- <p class="modal-social">
      <a id="modal-twitter" class="button is-twitter" href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fcssreference.parryqiu.com&text=CSS%20Reference%3A%20a%20visual%20guide%20to%20the%20most%20popular%20%23CSS%20properties">Share on Twitter</a>
      <a id="modal-facebook" class="button is-facebook" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fcssreference.parryqiu.com">Share on Facebook</a>
    </p> -->
    <a id="modal-close" class="modal-close"></a>
  </div>
</div>