Commit df23c085 authored by sajolida's avatar sajolida

Tear down donation campaign

parent 4d428891
/* Position banner */
#donate-banner {
position: relative;
margin: 0 auto;
max-width: 986px;
padding: 1em 2em;
display: block;
font-family: "Source Sans Pro Regular", sans-serif;
background-color: white;
}
/* Hide all translations of the banner by default */
body .donate-de,
body .donate-es,
body .donate-fa,
body .donate-fr,
body .donate-it,
body .donate-pt {
display: none;
}
/* Hide the English banner for all other languages
This way, the English banner is still displayed when the PO plugin is
disabled. This is useful for development
*/
body.de .donate-en,
body.es .donate-en,
body.fa .donate-en,
body.fr .donate-en,
body.it .donate-en,
body.pt .donate-en {
display: none;
}
/* Show the banner corresponding to the current language */
body.de .donate-de,
body.es .donate-es,
body.fa .donate-fa,
body.fr .donate-fr,
body.it .donate-it,
body.pt .donate-pt {
display: block !important;
}
/* Counter */
#donate-banner {
padding-right: 14em;
}
.counter {
position: absolute;
top: 50%;
transform: translateY(-50%); /* Align vertically */
right: 15px;
width: 200px;
font-weight: normal;
text-align: center;
}
/* Place counter belong text on small screens */
@media only screen and (max-width : 700px) {
#donate-banner {
padding-right: 2em;
background: red;
}
.counter {
position: relative;
top: 0.5em;
transform: none;
right: 0;
}
}
.counter-progress {
margin-top: 4px;
height: 20px;
background: white;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
padding: 3px;
}
.counter-progress-bar {
height: 100%;
background: black;
}
/* Hide 'Last updated' by default */
#counter-last-updated {
display: none;
}
/* Hide 'Last updated' info icon when there is no JS to display 'Last updated' */
#counter-last-updated-info {
display: none;
}
#counter-last-updated-info {
position: absolute;
top: -4px;
right: 0;
}
#counter-last-updated {
position: absolute;
background: white;
border: 1px solid #ccc;
padding: 0.5em;
width: 300px;
height: 2.6em;
top: 1.5em;
left: -50px;
}
/* Style for 2018 */
#donate-banner {
background: yellow url(donate-banner/give-love.svg) no-repeat 1.2em;
background-size: 4.6em;
color: black;
padding-left: 7em;
font-size: 16px;
font-weight: bold;
}
#donate-banner .first {
display: inline-block;
margin-bottom: 0.1em;
}
#donate-banner .second {
display: inline-block;
border-bottom: 2px solid black;
}
document.addEventListener('DOMContentLoaded', function() {
var endOfCampaign = new Date("2019-01-15");
// Adjust the number of days remaining
// Without JS, it's still displayed but not updated automatically and thus slightly outdated
var numberOfDays = document.getElementsByClassName('counter-number-of-days');
for (let i = 0; i < numberOfDays.length; i++) {
let now = new Date();
numberOfDays[i].textContent = Math.round((endOfCampaign-now)/24/60/60/1000);
}
// Display #counter-last-updated when hover on #counter-last-updated-info
document.getElementById('counter-last-updated-info').style.display = "inline-block";
document.getElementById('counter-last-updated-info').onmouseover = function() {
document.getElementById('counter-last-updated').style.display = "block";
}
document.getElementById('counter-last-updated-info').onmouseout = function() {
document.getElementById('counter-last-updated').style.display = "none";
}
});
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 99.574775 71.754097"
enable-background="new 0 0 100 100"
xml:space="preserve"
id="svg4453"
sodipodi:docname="give-love.svg"
width="99.574776"
height="71.754097"
inkscape:version="0.92.1 r15371"><metadata
id="metadata4459"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs4457" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="703"
id="namedview4455"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="3.3092597"
inkscape:cx="67.948889"
inkscape:cy="13.337075"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4453" /><g
id="g4449"
transform="translate(-0.171,-3.9499057)"><path
style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd"
inkscape:connector-curvature="0"
id="path4447"
d="m 98.541,48.067 c -1.058,-1.159 -4.059,-1.526 -6.473,-1.17 -1.197,0.176 -18.73,5.17 -18.73,5.17 0.499,1.508 1.32,4.267 -1.65,7.088 -2.026,1.712 -5.147,2.222 -9.201,2.145 -4.049,-0.077 -8.438,-0.687 -11.818,-1.093 -1.098,-0.132 -4.144,-0.522 -4.144,-0.522 0,0 2.144,-0.956 5.053,-1.052 3.63,-0.115 6.486,-0.091 8.133,0 1.802,0.101 4.392,0.317 5.475,0.356 4.95,0.178 6.127,-2.893 6.151,-4.113 0.062,-3.446 -1.955,-4.591 -8.21,-5.095 C 59.106,49.457 54.786,49.198 51.776,48.832 45.973,48.12 41.805,46.542 39.679,46.348 38.216,46.211 34.426,45.525 30.825,48.406 19.902,57.139 0.171,62.608 0.171,62.619 3.15,72.14 19.586,75.704 19.586,75.704 c 6.987,-6.101 14.73,-6.854 21.353,-7.088 1.141,-0.042 12.243,-0.043 22.497,1.148 2.062,0.142 3.828,-0.929 3.828,-0.929 15.382,-9.506 28.501,-14.711 28.501,-14.711 3.112,-1.131 4.027,-2.481 3.979,-3.516 -0.091,-1.881 -1.191,-2.527 -1.203,-2.541 z"
sodipodi:nodetypes="ccccccccccccccccccccccc" /></g><path
d="M 66.516057,36.995151 C 54.980439,28.221582 46.20687,19.610486 46.20687,10.836917 c 0,-11.53561661 17.384664,-14.4601397 20.309187,-2.9245212 2.924523,-11.5356184 20.309188,-8.77356891 20.309188,2.9245212 0,8.773569 -8.773569,17.384665 -20.309188,26.158234 z"
id="path5132"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cscsc"
style="stroke-width:1.624735" /></svg>
\ No newline at end of file
#donate-banner {
display: none;
}
.sidebar {
display: none;
}
......
/* Hide top donation banner */
#donate-banner {
display: none;
}
/* Donation message */
#donation-message {
......
[[!meta title="Dear Tails user,"]]
[[!meta title="Welcome to Tails!"]]
[[!meta stylesheet="home" rel="stylesheet" title=""]]
......@@ -15,19 +15,4 @@ translation of the label below is long and gets split into two lines. -->
</a>
</div>
<div id="donation-message">
<p>Today, we are asking you to help Tails. You are able to download Tails for free
because we believe that nobody should have to pay to be safe while using
computers. And we want to keep it this way. <span class="highlight">If
everyone reading this donated $6, our fundraiser would be done in one
day.</span> The price of a USB stick is all we need.</p>
<p><span class="underlined">But, not everyone can donate.</span> When you donate, you are offering to many
others who need it, this precious tool that is Tails.</p>
<div id="donate-button"><a href="https://tails.boum.org/donate?r=home">Donate</a></div>
</div>
[[!inline pages="news" raw="yes" sort="age"]]
......@@ -37,9 +37,6 @@ Table of Content:
/* Load RTL stylesheet */
@import url("local.rtl.css");
/* Load stylesheet for donation campaign */
@import url("donate-banner.css");
/* Fonts */
@font-face { font-family: "Source Sans Pro Regular"; src: url("lib/SourceSansPro-Regular.ttf"); }
......
......@@ -20,11 +20,10 @@
<TMPL_IF LOCAL_CSS>
<link rel="stylesheet" href="<TMPL_VAR BASEURL><TMPL_VAR LOCAL_CSS>" type="text/css" />
<TMPL_ELSE>
<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css?reload20180211" type="text/css" />
<link rel="stylesheet" href="<TMPL_VAR BASEURL>local.css?reload-2019-01-15" type="text/css" />
</TMPL_IF>
<script src="<TMPL_VAR BASEURL>lib/js/mirror-dispatcher.js" type="text/javascript"></script>
<script src="<TMPL_VAR BASEURL>donate-banner.js" type="text/javascript"></script>
<TMPL_UNLESS DYNAMIC>
<TMPL_IF EDITURL>
......@@ -67,84 +66,6 @@
</a>
</div>
<a id="donate-banner" href="https://tails.boum.org/donate/index.<TMPL_VAR HTML_LANG_CODE>.html?r=banner">
<div class="donate-en">
<span class="first">Tails helps thousands of people stay safe online every day. And it's free.</span>
<span class="second">Donate today to protect and sustain Tails!</span>
</div>
<div class="donate-es">
<span class="first">Tails ayuda a miles de personas a navegar con seguridad cada día y es gratis.</span>
<span class="second">¡Dona hoy para apoyar y proteger Tails!</span>
</div>
<div class="donate-de">
<span class="first">Tails hilft täglich tausenden Menschen sicher im Netz zu sein, und das unentgeltlich.</span>
<span class="second">Spende heute, um Tails am Leben zu halten!</span>
</div>
<div class="donate-fa">
<span class="first">Tails helps thousands of people stay safe online every day. And it's free.</span>
<span class="second">Donate today to protect and sustain Tails!</span>
</div>
<div class="donate-fr">
<span class="first">Chaque jour, Tails protège gratuitement des milliers de personnes sur le net.</span>
<span class="second">Donnez aujourd'hui pour soutenir et protéger Tails&nbsp;!</span>
</div>
<div class="donate-it">
<span class="first">Tails helps thousands of people stay safe online every day. And it's free.</span>
<span class="second">Donate today to protect and sustain Tails!</span>
</div>
<div class="donate-pt">
<span class="first">Tails ajuda milhares de pessoas a se protegerem na Internet todos os dias, e é gratuito.</span>
<!-- Faça uma doação para ajudar o Tails a continuar a existir! -->
<span class="second">Donate today to protect and sustain Tails!</span>
</div>
<div class="counter">
<!--
Checklist when updating:
- [ ] Total in EUR
- [ ] Total in USD
- [ ] Last updated
- [ ] Percent
- [ ] Remaining days
-->
<div class="counter-amount donate-en">$72&#8239;880 out of $140&#8239;000</div>
<div class="counter-amount donate-es">63&#8239;657€ de 120&#8239;000€</div>
<div class="counter-amount donate-de">63&#8239;657€ von 120&#8239;000€</div>
<div class="counter-amount donate-fa">$72&#8239;880 out of $140&#8239;000</div>
<div class="counter-amount donate-fr">63&#8239;657€ sur 120&#8239;000€</div>
<div class="counter-amount donate-it">63&#8239;657€ out of 120&#8239;000€</div>
<div class="counter-amount donate-pt">63&#8239;657€ out of 120&#8239;000€</div>
<div id="counter-last-updated-info"><img src="<TMPL_VAR BASEURL>lib/info.png" alt="Info"></div>
<div id="counter-last-updated">
<span class="donate-en">Last updated on 2019-01-08.</span>
<span class="donate-es">Última actualización el 2019-01-08.</span>
<span class="donate-de">Last updated on 2019-01-08.</span>
<span class="donate-fa">Last updated on 2019-01-08.</span>
<span class="donate-fr">Dernière mise à jour le 2019-01-08.</span>
<span class="donate-it">Last updated on 2019-01-08.</span>
<span class="donate-pt">Last updated on 2019-01-08.</span>
</div>
<div class="counter-progress">
<div class="counter-progress-bar" role="progressbar" style="width: 53%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="donate-en"><div class="counter-days"><span class="counter-number-of-days">7</span> days remaining</div></div>
<div class="donate-es"><div class="counter-days">Quedan <span class="counter-number-of-days">7</span> días</div></div>
<div class="donate-de"><div class="counter-days">Noch <span class="counter-number-of-days">7</span> Tage übrig</div></div>
<div class="donate-fa"><div class="counter-days"><span class="counter-number-of-days">7</span> days remaining</div></div>
<div class="donate-fr"><div class="counter-days"><span class="counter-number-of-days">7</span> jours restants</div></div>
<div class="donate-it"><div class="counter-days"><span class="counter-number-of-days">7</span> days remaining</div></div>
<div class="donate-pt"><div class="counter-days"><span class="counter-number-of-days">7</span> days remaining</div></div>
</div>
</a>
<TMPL_IF HTML5><article class="page"><TMPL_ELSE><div class="page"></TMPL_IF>
<TMPL_IF HTML5><section class="pageheader"><TMPL_ELSE><div class="pageheader"></TMPL_IF>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment