d9785d601e
This generates unique referral codes for people, and keeps track (by email ID) of who referred whom.
506 lines
32 KiB
Twig
506 lines
32 KiB
Twig
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||
<title>Snipette Crowdfunding: Analog for Everyone</title>
|
||
|
||
<!-- Primary Meta Tags -->
|
||
<meta name="title" content="Snipette - Analog for Everyone">
|
||
<meta name="description" content="Make our print version cheaper...by paying less! If we get enough subscribers, it will reduce printing costs, making it accessible to everyone.">
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://fund.snipettemag.com/">
|
||
<meta property="og:title" content="Snipette - Analog for Everyone">
|
||
<meta property="og:description" content="Make our print version cheaper...by paying less! If we get enough subscribers, it will reduce printing costs, making it accessible to everyone.">
|
||
<meta property="og:image" content="https://fund.snipettemag.com/img/social-thumb.png">
|
||
|
||
<!-- Twitter -->
|
||
<meta property="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:url" content="https://fund.snipettemag.com/">
|
||
<meta property="twitter:title" content="Snipette - Analog for Everyone">
|
||
<meta property="twitter:description" content="Make our print version cheaper...by paying less! If we get enough subscribers, it will reduce printing costs, making it accessible to everyone.">
|
||
<meta property="twitter:image" content="https://fund.snipettemag.com/img/social-thumb.png">
|
||
|
||
<!-- Main stylesheet -->
|
||
<link rel="stylesheet" href="/css/style.css"/>
|
||
|
||
<!-- Fonts: Fanwood Text, Abhaya Libre, Didact Gothic -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@800&family=Didact+Gothic&family=Fanwood+Text:ital@0;1&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body class="bg-orange-200 font-serif">
|
||
<div class="bg-orange-600 uppercase text-lg text-orange-800 p-5 font-sans">
|
||
Snipette Analog Fundraiser{% if referrer %} (referred by: {{referrer}}){% endif %}
|
||
</div>
|
||
<div class="bg-orange-600 text-center p-10">
|
||
<img alt="Snipette" class="text-5xl uppercase font-sans w-full max-w-3xl mx-auto" src="/img/header.png"/>
|
||
<p class="text-5xl text-black lowercase font-heading font-extrabold">Analog <span class="text-yellow-300">for Everyone</span></p>
|
||
</div>
|
||
|
||
<!-- This container will include the floating donation box -->
|
||
<div>
|
||
|
||
<div class="float-right w-full md:w-2/5 lg:w-1/4 p-0 md:p-5 sticky top-0 md:top-0.5">
|
||
<div class="bg-white flex flex-col md:rounded-md md:drop-shadow-md">
|
||
<div class="h-0 md:h-auto bg-orange-600 w-full p-0 md:p-3 md:rounded-t-md">
|
||
<h4 class="font-sans text-center text-white">Make Analog affordable</h4>
|
||
</div>
|
||
<div class="flex flex-row md:flex-col items-stretch">
|
||
<div class="w-full">
|
||
<div class="p-2 md:p-5">
|
||
<div class="flex justify-between md:mb-1">
|
||
<span class="text-base font-medium text-orange-700">{{progress_rupees}} rupees</span>
|
||
<span class="text-sm font-medium text-orange-700">Goal: ₹{{goal_rupees}}</span>
|
||
</div>
|
||
<div class="w-full bg-gray-200 rounded-full h-2.5">
|
||
<div class="bg-orange-600 h-2.5 rounded-full" {{percent_rupees|raw}}></div>
|
||
</div>
|
||
|
||
|
||
<div class="flex justify-between md:mb-1">
|
||
<span class="text-base font-medium text-orange-700">{{progress_people}} people</span>
|
||
<span class="text-sm font-medium text-orange-700">Goal: {{goal_people}}</span>
|
||
</div>
|
||
<div class="w-full bg-gray-200 rounded-full h-2.5">
|
||
<div class="bg-orange-600 h-2.5 rounded-full" {{percent_people|raw}}></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-16 md:w-full md:px-5 md:pb-5">
|
||
<a href="#pledge-form" class="h-full font-sans no-underline text-base p-2 border-2 border-solid border-orange-700 bg-orange-700 md:bg-white text-white md:text-orange-700 hover:border-orange-500 hover:bg-orange-500 md:hover:bg-white md:hover:text-orange-500 uppercase rounded w-full inline-block text-center flex justify-center items-center">
|
||
<span class="hidden md:inline">Add your Pledge</span>
|
||
<span class="inline md:hidden">Pledge Now</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% if recent_pledges %}
|
||
<div class="h-0 md:h-auto bg-white w-full p-0 md:p-3 md:rounded-md mt-5 hidden md:block d:drop-shadow-md">
|
||
<h4 class="font-sans text-center text-black">Recent Pledges</h4>
|
||
<ul>
|
||
{% for pledge in recent_pledges %}
|
||
<li class="recent-pledge">
|
||
<div class="avatar-container">
|
||
<div class="avatar">
|
||
<span class="m-auto">
|
||
{% if pledge.get('anonymous') %}?{% else %}{{ pledge.get('name')[:2] }}{% endif %}
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="pl-2">
|
||
<p class="pledger-name">{% if pledge.get('anonymous') %}Anonymous{% else %}{{ pledge.get('name') }}{% endif %}</p>
|
||
<p class="font-bold">₹{{ pledge.get('amount') }}</p>
|
||
{% if pledge.get('other_message') %}
|
||
<p class="italic">{{ pledge.get('other_message')}}</p>
|
||
{% endif %}
|
||
</div>
|
||
</li>
|
||
{% endfor %}
|
||
<a href="/pledges" class="no-underline">
|
||
<li class="recent-pledge">
|
||
<div class="avatar-container">
|
||
<div class="avatar">
|
||
<span class="m-auto">★</span>
|
||
</div>
|
||
</div>
|
||
<div class="pl-0 md:pl-2">
|
||
<p class="pt-2">See all pledges</p>
|
||
</div>
|
||
</li>
|
||
</a>
|
||
</ul>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<div class="w-full md:w-3/5 lg:w-3/4">
|
||
<div class="max-w-4xl ml-auto p-10">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center">Who we are</h1>
|
||
<div class="flex flex-wrap text-xl font-sans">
|
||
<img alt="Snipette puppies" src="/img/three-pups.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3 h-full"/>
|
||
<p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
|
||
We are a web and print magazine seeking to explain the world in an easy to understand way. We borrow techniques from fiction to make our non-fiction shine. <a href="https://www.snipettemag.com" target="_blank">Browse our library of 250+ articles here</a>!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-full md:w-3/5 lg:w-3/4">
|
||
<div class="max-w-4xl ml-auto p-10">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center">What we do</h1>
|
||
<div class="flex flex-wrap flex-row md:flex-row-reverse text-xl font-sans">
|
||
<img alt="Puppy with a stack of magazines" src="/img/stackpup.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3 h-full"/>
|
||
<p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
|
||
In order to make our content more accessible, we have been bringing out a print version, Snipette Analog, which is a better medium for long-form articles. <a href="/img/Analog-8-preview.pdf" target="_blank">Sample the latest issue here</a>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-full md:w-3/5 lg:w-3/4">
|
||
<div class="max-w-4xl ml-auto p-10">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center">Our problem</h1>
|
||
<div class="flex flex-wrap text-xl font-sans">
|
||
<img alt="People wanting money and money wanting people" src="/img/catch-twenty-two.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3 h-full"/>
|
||
<p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
|
||
Digital printing is expensive. Offset printing is more cost-effective, but it only works at scale—1000 copies or more. So we can't bring down costs till we got more subscribers, but we won't get more subscribers till we bring down costs. <a href="https://en.wiktionary.org/wiki/Catch-22" target="_blank">Catch-22</a>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-full md:w-3/5 lg:w-3/4">
|
||
<div class="max-w-4xl ml-auto p-10">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center">Your Solution</h1>
|
||
<div class="flex flex-wrap flex-row md:flex-row-reverse text-xl font-sans">
|
||
<img alt="Puppies catching subscribers and money in a safety net" src="/img/sheetpup.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3 h-full"/>
|
||
<p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
|
||
Here's your chance to pledge to pay the lower rate for our print version. Your donation of ₹500 or more will get you a full years' worth of Snipette, and make it cost-effective for everybody else as well—a win-win situation all round.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-full md:w-3/5 lg:w-3/4 mt-12">
|
||
<div class="max-w-4xl ml-auto p-10 bg-orange-900 text-orange-100 md:rounded-md md:ml-4">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center">How it works</h1>
|
||
|
||
<ul class="my-4 text-xl font-sans">
|
||
|
||
<li class="flex flex-col md:flex-row items-center md:items-stretch">
|
||
<div class="py-4 w-8 order-1 md:order-2">
|
||
<p class="bg-orange-700 text-gray-200 h-8 w-8 text-center rounded-full font-serif">1</p>
|
||
<div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
|
||
</div>
|
||
<div class="md:w-1/2 p-4 order-2 md:order-1">
|
||
<img width=640 height=480 src="/img/pledgeperson.png"/>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-4 flex items-center order-3">
|
||
<p>You make your pledge, saying how much you're willing to donate to us (or "subscribe", if that's how you prefer to think about it)</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="flex flex-col md:flex-row-reverse items-center md:items-stretch">
|
||
<div class="py-4 w-8 order-1 md:order-2">
|
||
<p class="bg-orange-700 text-gray-200 h-8 w-8 text-center rounded-full font-serif">2</p>
|
||
<div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
|
||
</div>
|
||
<div class="md:w-1/2 p-4 order-2 md:order-1">
|
||
<img width=640 height=480 src="/img/phonepup.png"/>
|
||
</div>
|
||
<div class="md:w-1/2 md:pr-4 flex items-center order-3">
|
||
<p>Once we've collected enough pledges to start operations, we'll reach out to you to make the payment (so be sure to provide us with valid contact details!)</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="flex flex-col md:flex-row items-center md:items-stretch">
|
||
<div class="py-4 w-8 order-1 md:order-2">
|
||
<p class="bg-orange-700 text-gray-200 h-8 w-8 text-center rounded-full font-serif">3</p>
|
||
<div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
|
||
</div>
|
||
<div class="md:w-1/2 p-4 order-2 md:order-1">
|
||
<img width=640 height=480 src="/img/coinpup.png"/>
|
||
</div>
|
||
<div class="md:w-1/2 md:pl-4 flex items-center order-3">
|
||
<p>You can make your payment through Internet Banking, card, UPI, cheque, or any other preferred method</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="flex flex-col md:flex-row-reverse items-center md:items-stretch">
|
||
<div class="py-4 w-8 order-1 md:order-2">
|
||
<p class="bg-orange-700 text-gray-200 h-8 w-8 text-center rounded-full font-serif">4</p>
|
||
<div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
|
||
</div>
|
||
<div class="md:w-1/2 p-4 order-2 md:order-1">
|
||
<img width=640 height=480 src="/img/presspup.png"/>
|
||
</div>
|
||
<div class="md:w-1/2 md:pr-4 flex items-center order-3">
|
||
<p>When all the payments have come in, we will be ready to start printing! The first print run will happen 3-6 months after we reach our goal, and every 3 months from then onwards</p>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="flex flex-col items-center">
|
||
<div class="py-4 w-8">
|
||
<div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
|
||
<p class="bg-orange-700 text-gray-200 h-8 w-8 text-center rounded-full font-serif">…</p>
|
||
</div>
|
||
<p class="text-center">We will be posting updates on the progress of this campaign on social media. If you have any questions, don't hesitate to drop us a line there or email <a href="mailto:editors@snipettemag.com">editors@snipettemag.com</a>.</p>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- Here, the floating donation box ceases to float -->
|
||
|
||
{% if recent_pledges %}
|
||
<div class="w-full mt-12 md:hidden">
|
||
<h4 class="font-sans text-center text-black text-2xl mb-4">Recent Pledges</h4>
|
||
<ul class="font-sans overflow-x-scroll grid grid-flow-col auto-cols-max gap-3 mx-3">
|
||
{% for pledge in recent_pledges %}
|
||
<li class="bg-white rounded-md p-4 max-w-[14rem]">
|
||
<div class="avatar">
|
||
<span class="m-auto">
|
||
{% if pledge.get('anonymous') %}?{% else %}{{ pledge.get('name')[:2] }}{% endif %}
|
||
</span>
|
||
</div>
|
||
<div class="pl-0 md:pl-2 text-center">
|
||
<p class="pledger-name py-1">{% if pledge.get('anonymous') %}Anonymous{% else %}{{ pledge.get('name') }}{% endif %}</p>
|
||
<p class="font-bold">₹{{ pledge.get('amount') }}</p>
|
||
{% if pledge.get('other_message') %}
|
||
<p class="italic">{{ pledge.get('other_message')}}</p>
|
||
{% endif %}
|
||
</div>
|
||
</li>
|
||
{% endfor %}
|
||
<a href="/pledges" class="no-underline bg-white rounded-md p-4">
|
||
<li>
|
||
<div class="avatar">
|
||
<span class="m-auto">★</span>
|
||
</div>
|
||
<div class="pl-0 md:pl-2 pt-2">
|
||
See all pledges
|
||
</div>
|
||
</li>
|
||
</a>
|
||
</ul>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<div class="w-full mt-12">
|
||
<form action="/pledge" method="post" class="max-w-4xl mx-auto p-10">
|
||
<a id="pledge-form"><h1 class="text-center text-2xl font-sans">Donation options</h1></a>
|
||
|
||
<ul class="mt-10 mb-5 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3">
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="250">
|
||
<li>
|
||
<h2 class="text-5xl">₹250</h2>
|
||
<p class="font-sans">You get: Snipette stickers</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="500">
|
||
<li class="row-auto text-center inline-block p-10 bg-white rounded-md text-black border-2 border-white hover:border-green-500 hover:cursor-pointer h-auto">
|
||
<h2 class="text-5xl">₹500</h2>
|
||
<p class="font-sans">You get: 4 colour issues + social media mention</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="750">
|
||
<li>
|
||
<h2 class="text-5xl">₹750</h2>
|
||
<p class="font-sans">You get: 4 colour issues + social media shoutout + desktop/mobile wallpapers</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="1000">
|
||
<li>
|
||
<h2 class="text-5xl">₹1,000</h2>
|
||
<p class="font-sans">You get: 4 colour issues + social media shoutout + desktop/mobile wallpapers + bookmarks</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="1500">
|
||
<li>
|
||
<h2 class="text-5xl">₹1,500</h2>
|
||
<p class="font-sans">You get: 4 colour issues + social media shoutout + desktop/mobile wallpapers + pack of postcards</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option">
|
||
<input type="radio" name="amount" value="custom">
|
||
<li>
|
||
<h2 class="text-5xl text-center">₹<input type="number" min="0" max="100000" size="5" name="amount-custom" class="input-custom" placeholder="amount"/><span class="underline">custom</span></h2>
|
||
<p class="font-sans">You get: all the perks from the next lowest level</p>
|
||
</li>
|
||
</label>
|
||
<label class="donate-option col-span-1 sm:col-span-2 md:col-span-3">
|
||
<input type="checkbox" name="overseas" value="yes">
|
||
<li>
|
||
<h2 class="text-2xl text-left">I live outside India (add $25 for shipping)</h2>
|
||
<p class="font-sans text-left">When the campaign is over, you will get the option to pay an additional 25 dollars for shipping costs or have your print copies sent to an address in India.</p>
|
||
</li>
|
||
</label>
|
||
</ul>
|
||
|
||
<div class="bg-white p-10 rounded-md text-md">
|
||
|
||
<div class="my-8">
|
||
<label for="input-name" class="block text-xl">Name:</label>
|
||
<input name="name" id="input-name" class="block font-sans text-2xl mb-2 w-full bg-gray-100 p-2 rounded-md" placeholder="Full Name" required/>
|
||
<p>
|
||
<input type="checkbox" name="anonymous" id="input-anonymous"/>
|
||
<label for="input-anonymous">Anonymous donation (don't list my name publicly on the website)</label>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="my-8">
|
||
<label for="input-email" class="block text-xl">Email:</label>
|
||
<input name="email" type="email" id="input-email" placeholder="editors@snipettemag.com" class="block font-sans text-2xl mb-2 w-full bg-gray-100 p-2 rounded-md" required/>
|
||
<label for="input-contact" class="block">We will use this (and/or phone) to contact you when it's time to collect the payment</label>
|
||
</div>
|
||
|
||
<div class="my-8">
|
||
<label for="input-phone" class="block text-xl">Phone (with country code):</label>
|
||
<input name="phone" type="tel" id="input-phone" placeholder="+91 0000000000" pattern="\+[0-9]{2,3} {0,1}-{0,1}[0-9]{10,13}" class="block font-sans text-2xl mb-2 w-full bg-gray-100 p-2 rounded-md"/>
|
||
<label for="input-contact" class="block">This is optional, but please include one if it's the best way of contacting you—we can't collect funds if we can't reach out!</label>
|
||
</div>
|
||
|
||
<div class="my-8">
|
||
<label for="input-reminder-count" class="block text-xl">How many times should we try to contact you before giving up?</label>
|
||
<input name="retry_times" id="input-reminder-count" type="number" value="10" size="3" class="block font-sans text-2xl mb-2 bg-gray-100 p-2 rounded-md" required/>
|
||
<label for="input-reminder-count" class="block">If we don't manage to collect your payment, we may have to call off the crowdfunding, so please err on the higher side!</label>
|
||
</div>
|
||
|
||
<div class="my-8">
|
||
<p class="block text-xl">Would you like to receive our weekly newsletter?</p>
|
||
<div class="inline-block mr-2">
|
||
<input name="get_newsletter" value="yes" id="input-newsletter-yes" type="radio" class="text-xl font-sans"/>
|
||
<label for="input-newsletter-yes" class="text-xl font-sans mr-3">Yes please</label>
|
||
</div>
|
||
<div class="inline-block">
|
||
<input name="get_newsletter" value="no" id="input-newsletter-no" type="radio" class="text-xl font-sans" checked/>
|
||
<label for="input-newsletter-no" class="text-xl font-sans">No thanks</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="my-8">
|
||
<label for="input-message" class="block text-xl">Any other message for us?</label>
|
||
<textarea name="other_message" id="input-message" placeholder="Hi there..." class="block font-sans text-xl mb-2 w-full bg-gray-100 p-2 rounded-md"></textarea>
|
||
<label for="input-contact" class="block">You can also email us later at <a href="mailto:editors@snipettemag.com">editors@snipettemag.com</a></label>
|
||
</div>
|
||
|
||
<div class="my-5">
|
||
<p class="block text-xl">Are you a robot?</p>
|
||
<div class="inline-block mr-2">
|
||
<input name="was_robot" value="yes" id="input-robo-yes" type="radio" class="text-xl font-sans" checked/>
|
||
<label for="input-robo-yes" class="text-xl font-sans">Yup, how did you know?</label>
|
||
</div>
|
||
<div class="inline-block">
|
||
<input name="was_robot" value="no" id="input-robo-no" type="radio" class="text-xl font-sans"/>
|
||
<label for="input-robo-no" class="text-xl font-sans">No, of course not</label>
|
||
</div>
|
||
{% if referral_code %}<input type="hidden" name="referral_code" value="{{referral_code}}"/>{% endif %}
|
||
</div>
|
||
</div>
|
||
|
||
<input type="submit" name="submit" value="Save Pledge" class="bg-green-500 my-5 w-full p-5 text-xl uppercase font-sans rounded-md"/>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
<div class="bg-orange-200 text-orange-900 w-full">
|
||
<div class="max-w-4xl mx-auto p-10 text-lg">
|
||
<h1 class="text-4xl font-heading font-extrabold lowercase text-center mb-5">Frequently asked questions</h1>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">Why are there two goals?</summary>
|
||
<p class="p-5">We need enough money to be able to print out 1,000 copies of Snipette—but there's no point in having so many copies if there's nobody to send them to! That's why we required at least 750 people to have signed up, so that we can send out most of the copies to them.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">What's actually inside Snipette Analog?</summary>
|
||
<p class="p-5">You will be getting four copies of Snipette Analog, which will collectively contain all the articles that we publish in a year (you can see a sample copy <a href="/img/Analog-8-preview.pdf" target="_blank">here</a>). Apart from this, you will also get the perks listed under your chosen tier—details on those are yet to be worked out and we will update you about them once we begin operations.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">Why pay for something that already exists on the internet?</summary>
|
||
<p class="p-5">With the world under the grip of the coronavirus pandemic, everyone has suddenly come under the grip of screens. We use it for work, hobbies, play, and even social life. Through Snipette Analog, our print version, we hope to provide some respite from this relentless screen-time that is entertaining and yet informative. We have noticed that people prefer reading long-form content like ours from a physical print copy rather than off the internet, but the current price is prohibitive for many. By contributing to our campaign, you will be helping to make this experience affordable—and, hopefully, giving yourself, your friends, and your family a little bit of respite from screens as well.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">What will my email and phone number be used for?</summary>
|
||
<p class="px-5 pt-5 pb-2">We will use your email (and phone number, if you provide one) while collecting payment. We will attempt to contact you for the number of times you specify, and, if you don’t respond by then, we will unfortunately have to count your contribution as lost.</p>
|
||
<p class="px-5 py-2">Once your payment comes in, we will use your email to figure out details of perks (such as what address to ship stickers to or what social media handles to use in our shoutouts). If your perks include an Analog subscription, your email will be stored in our Airtable database for as long as your subscription lasts so we can contact you for Analog-related tasks such as sending you the PDF attachment, following up on deliveries, and sending renewal reminders when the subscription is about to expire.</p>
|
||
<p class="px-5 py-2">If the campaign is cancelled for some reason, we will use your email and/or phone to contact you about that and collect details about refunding your contribution.</p>
|
||
<p class="px-5 py-2">If you subscribe to our weekly newsletter, you will email notifications for that too.</p>
|
||
<p class="px-5 pb-5 pt-2">Apart from the aforementioned purposes, we will not use your contact details anywhere or link them with any other forms of data analysis or profiling. Don't worry!</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">How will you decide when to start printing?</summary>
|
||
<p class="p-5">We will start printing when we’ve reached our funding goal, and we are predicting that it might take about 3-6 months after we reach the goal to get you the copies.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">How will I hear about when to pay?</summary>
|
||
<p class="px-5 pt-5 pb-2">We will start by sending you an email, failing which we will give you a call if you’ve provided your number. We will attempt to reach you through phone and email for the number of times you specify before giving up.</p>
|
||
<p class="px-5 pb-5 pt-2">You can also watch out for updates on our social media handles.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">How will I make my payment when the time comes?</summary>
|
||
<p class="px-5 pt-5 pb-2">We will start by sending you an email, failing which we will give you a call if you’ve provided your number. We will attempt to reach you through phone and email for the number of times you specify before giving up.</p>
|
||
<p class="px-5 pb-5 pt-2">You can also watch out for updates on our social media handles.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">Is this tax-deductible?</summary>
|
||
<p class="p-5">Unfortunately, no. We are not formally registered anywhere; in fact if this campaign is successful we hope it will help us scale up and formalise our operations. Till then, you can think of it this way: we’re only asking for small donations, so the taxable amount will be really tiny anyway 😉</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">Can I back out of a pledge?</summary>
|
||
<p class="px-5 pt-5 pb-2">You can back out before the final payment is made—just email editors@snipettemag.com saying that you want to drop out. (We’ll add a helpful form for this in a bit, so stay tuned). If you’re dropping out because you don’t want a print copy, consider opting out of perks instead—that way you won’t receive Snipette Analog or any of the other perks, but your financial contribution will still go towards supporting us and our mission.</p>
|
||
<p class="px-5 pb-5 pt-2">Once printing starts, we’ll have to lock in your money because we’ll be starting to use it. You will still be able to opt out of perks but we won’t be able to offer you a refund on the money.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">What happens if the campaign fails?</summary>
|
||
<p class="p-5">
|
||
This depends on the stage at which the campain fails: before or after reaching our goal and collecting payments:
|
||
<ul class="list-disc mx-12">
|
||
<li>If we have failed to reach our goals in 12 months, we will call off the campaign. Everyone will be informed of this and we will clear our database of donors unless requested otherwise. Since no payments would have been made at that time, there will be no need to process any refunds.</li>
|
||
<li>If we reach our goals and started collecting money but then run short because some people backed out, we will have to call off operations. (This is why you should make sure we can contact you easily when the time comes, and why we hope you won’t back out!). In this case, if you have already sent in your payment, we will refund that payment to you minus the transaction and processing fees incurred by the payment gateway.</li>
|
||
<li>A final way this campaign can fail is if we collect all the funds but then fail to start printing copies. (We think this is highly unlikely, but so was COVID before it happened). In this case, the process will be similar to the earlier case: everyone will receive their money back minus the transaction and processing fees incurred by the payment gateway. If some of the money has already been spent (for example, through a partially started but then aborted print run) we may ask for additional contributions but these will be completely voluntary; the default option is for us bear the cost of the failed operation ourselves and give all donors a full refund.</li>
|
||
</ul>
|
||
</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">Are you really capable of doing this?</summary>
|
||
<p class="px-5 pt-5 pb-2">We have been operating as an online magazine for nearly five years, including two years of running our quartely print version. You can <a href="https://www.snipettemag.com/" target="_blank">see the results for yourself online</a>, and we are confident we can continue to keep up the performance. We even have an existing Airtable database to keep all the subscriber details in order; adding hundreds of subscribers more will basically be an extension of that process.</p>
|
||
<p class="px-5 pb-5 pt-2">The only potential stumbling block is the offset printing process itself and the subsequent scaling up of the shipping process. To that end, we have begun to establish contacts in the offset printing industry; in fact our budget estimate is based off a set of official quotes provided by an offset printing firm. We plan to work out a system, either with the printers or on our own, to handle the collection and distribution of prints once they come out. As a last resort, we could use a part of our budget to hire extra people for the packaging and shipping, but we’re fairly confident that won’t be necessary.</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">What happens to surplus copies?</summary>
|
||
<p class="p-5">
|
||
We aren't sure, to be honest, but the surplus copies could end up being used in any of the following ways:
|
||
<ul class="list-disc mx-12">
|
||
<li>Distributing "author copies" to Snipette authors, to thank them for all the time and effort they put in to creating our articles</li>
|
||
<li>Sample copies to be sent out to institutions or individuals, inviting them to sign up for a subscription</li>
|
||
<li>Free copies to be left in public places or on metros à la <a href="https://booksonthedelhimetro.wordpress.com">Books on the Delhi Metro</a></li>
|
||
<li>Selling at fairs, melas, and possibly newsstands</li>
|
||
</ul>
|
||
|
||
By the way, if you have any more ideas on this, please do let us know 🙂
|
||
</p>
|
||
</details>
|
||
|
||
<details>
|
||
<summary class="text-xl hover:cursor-pointer">I have some other question...</summary>
|
||
<p class="p-5">
|
||
If you have any other questions, feel free to <a href="mailto:editors@snipettemag.com">drop us an email</a> or <a href="https://twitter.com/snipettemag">tweet it in</a>. We'll get back within a week, and maybe you'll find your question magically appearing here as well 😉
|
||
</p>
|
||
</details>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Count pageviews with GoatCounter -->
|
||
<script>
|
||
window.goatcounter = {
|
||
path: function(p) { return '[' + location.host + ']' + p }
|
||
}
|
||
</script>
|
||
<script data-goatcounter="https://stats.snipettemag.com/count" async src="//stats.snipettemag.com/count.js"></script>
|
||
|
||
</body>
|
||
</html>
|