d9785d601e
This generates unique referral codes for people, and keeps track (by email ID) of who referred whom.
37 lines
3.3 KiB
Twig
37 lines
3.3 KiB
Twig
{% extends "base.htm.twig" %}
|
|
|
|
{% block title %}Snipette Crowdfunding: Error{% endblock %}
|
|
{% block heading %}{% if referral_code %}Wait, there's stickers!{% else %}Thank you!{% endif %}{% endblock %}
|
|
{% block message %}
|
|
<p class="text-lg mb-2">Your pledge has been recorded. Thank you so much! Please check your inbox for a receipt.</p>
|
|
<p class="text-md mb-8">
|
|
{% if referral_code %}
|
|
Meanwhile to help us reach our goal, we're offering free stickers! All you have to do is share your unique referral link with friends and family. If 5 or more of them pledge, you'll get a set of Snipette-themed puppy stickers along with your first issue! Find your referral link below:
|
|
{% else %}
|
|
Meanwhile, to help us reach our subscriber goal, do consider sharing our campaign with your friends and family. We can't print if we don't have enough subscribers to send copies too, so who knows: this could be even more helpful than the pledge itself!
|
|
{% endif %}
|
|
</p>
|
|
<p class="flex space-x-1 items-center justify-center mb-8">
|
|
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="Just added my #micropledge to help Snipette's print version! Help them reach their subscriber goals to bring down the price for everyone 💗" data-url="https://fund.snipettemag.com{% if referral_code %}/r/{{referral_code}}{% endif %}" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
|
<iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Ffund.snipettemag.com{% if referral_code %}%2Fr%2F{{referral_code}}{% endif %}&layout=button&size=large&appId=878224506053413&width=77&height=28" width="77" height="28" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
|
|
<a class="bg-green-500 text-white no-underline text-sm bold p-2 rounded-lg" href="whatsapp://send?text=Just added my #micropledge to help Snipette's print version! Help them reach their subscriber goals to bring down the price for everyone, at https://fund.snipettemag.com{% if referral_code %}/r/{{referral_code}}{% endif %} 💗" data-action="share/whatsapp/share" target="_blank">WhatsApp</a>
|
|
</p>
|
|
<p class="mb-8 flex justify-center">
|
|
<input type="text" disabled id="share_link" name="share_link" value="https://fund.snipettemag.com{% if referral_code %}/r/{{referral_code}}{% endif %}" class="p-2 inline-block h-auto grow sm:grow-0"/>
|
|
<script type="text/javascript">
|
|
function copyShareURL() {
|
|
let shareLink = document.getElementById('share_link')
|
|
shareLink.select()
|
|
shareLink.setSelectionRange(0, 99999) // for mobile devices
|
|
|
|
// copy to clipboard
|
|
navigator.clipboard.writeText(shareLink.value)
|
|
|
|
alert('The link has been copied to your clipboard. Paste it wherever you like 🙂')
|
|
}
|
|
</script>
|
|
<a class="bg-white no-underline text-sm bold p-2 grow sm:grow-0" href="javascript:copyShareURL()">Copy Link</a>
|
|
</p>
|
|
<p><a href="https://www.snipettemag.com/" target="_blank" class="p-4 bg-orange-700 text-white no-underline rounded-xl hover:bg-orange-500 hover:cursor-pointer inline-block w-full sm:w-auto">Continue to Snipette</a></p>
|
|
{% endblock %}
|