data.html

{% extends "layout.html" %}

{% block content %}
<div id="content" class="">
  <a href="/new" id="new_sharelock" class="btn-floating btn-large waves-effect waves-light"><i class="mdi-content-add"></i></a>

  <div class="data card-panel">
    <div class='notice'>
      <p class='title'>
        <strong>Important Notice:</strong> New secrets creation has been disabled. Sharelock.io is being ended and the service
        will be shut down <strong>August 1st, 2021</strong>.
        After this date Sharelock will no longer be available, and you will not be able to retrieve any previously shared
        secrets.
      </p>
      <ul>
        <li>
          If you’re retrieving a secret shared with you via Sharelock, you should store this secret in another secure
          location so you do not lose access to it after <strong>August 1st, 2021</strong>.
        </li>
      </ul>
    </div>
    <h3>YOUR SECRET DATA</h3>

    <div class="mobile-con">
      <p class="secret-data-mobile">{{data}}</p>
      <a id="copy-link-mobile" class="copy-link scale waves-effect waves-light btn" href="#"></a>
      <a class="plus waves-effect waves-light btn hide" href="#"></a>
    </div>
    <p class="text secret-data">{{data}}</p>

    <a id="copy" data-clipboard-text="{{data}}" class="action-link action-link-inverted place-top desktop-only move-down" href="javascript:;"><span class="copy_text">Copy to clipboard</span> <span class="circle-ico"><img src="/images/ico_scale.svg" alt=""></span></a>



  </div>

  <div class="data card-panel card-panel-secondary">
    <div id="panel-attachment">
      <div class="display-area active">

        <div class="try-app">
          <h3>TRY THE NATIVE SHARELOCK APPS</h3>

          <a href="https://cdn.auth0.com/sharelock-osx/Sharelock-latest.dmg">
            <img src="/home/img/icon-mac.svg">
            <span>Mac</span>
          </a>

          <a target="_new" href="https://play.google.com/store/apps/details?id=com.auth0.sharelock&hl=en">
            <img src="/home/img/icon-android.svg">
            <span>Android</span>
          </a>
        </div>

        </div>
    </div>
  </div>
</div>
<!-- / content -->
{% endblock %}

{% block scripts %}
<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<script type="text/javascript">
$(function () {
  var copy_client = new ClipboardJS(document.getElementById('copy'));

  copy_client.on("success", function(event) {
    $(event.trigger).find('.copy_text').text('Copied');
  });

  $('.link.sharelock').attr('href', location.href);
  $('.link.sharelock').text(location.href);
  $('.link.facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u='
    + encodeURIComponent(location.href));
  $('.link.twitter').attr('href', 'https://twitter.com/share?text=Check%20my%20sharelock%20secret&url='
    + encodeURIComponent(location.href));
  $('.link.mail').attr('href', 'mailto:some@email.com?subject=Check%20my%20sharelock%20secret&body=Check%20my%20sharelock%20'
    + encodeURIComponent(location.href));

});
</script>
{% endblock %}