Commit e9443768 authored by sajolida's avatar sajolida

Add testimonials to /donate

parent de803c88
......@@ -182,7 +182,7 @@ span.title {
/* Other ways */
#other-ways-1, #other-ways-2, #other-ways-3, #income {
#other-ways-1, #other-ways-2, #other-ways-3, #expenses, #meet-partner {
margin-top: 2em;
background: #f5f5f5;
box-sizing: border-box;
......
......@@ -2,6 +2,7 @@
[[!meta stylesheet="bootstrap.min" rel="stylesheet" title=""]]
[[!meta stylesheet="donate" rel="stylesheet" title=""]]
[[!meta stylesheet="testimonials.inline" rel="stylesheet" title=""]]
[[!meta stylesheet="hide-breadcrumbs" rel="stylesheet" title=""]]
[[!meta script="donate"]]
......@@ -640,6 +641,14 @@ permitted by law.</strong></p>
</div>
<div id="recommended" class="row">
<h3>Recommended by</h3>
[[!inline pages="testimonials.inline" raw="yes" sort="age"]]
</div>
<div id="expenses" class="row">
<div class="col-md-12">
......
......@@ -140,70 +140,3 @@ h3 {
color: #56347c;
display: block;
}
.testimonials {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.testimonials .quote, .testimonials .logos {
width: 70%;
margin: 0 auto;
}
@media (max-width: 768px) {
.testimonials .quote br {
display: none;
}
}
@media (min-width: 768px) {
.testimonials {
justify-content: space-between;
}
.testimonials .quote {
width: 30%;
}
}
.testimonials .logos {
display: flex;
flex: wrap;
flex-direction: column;
}
.testimonials .logos a {
margin-top: 1em;
}
@media (min-width: 480px) {
.testimonials .logos {
flex-direction: row;
justify-content: space-around;
align-items: baseline;
}
}
.testimonials img {
display: block;
margin: auto;
}
.testimonials blockquote {
color: black !important;
border-bottom: none !important;
font-size: 14px;
margin: 0;
}
.testimonials blockquote p {
border: none;
background: none;
}
.testimonials a {
background: none !important;
color: black !important;
border: none !important;
}
[[!meta title="Home"]]
[[!meta stylesheet="index" rel="stylesheet" title=""]]
[[!meta stylesheet="hide-breadcrumbs" rel="stylesheet" title=""]]
[[!meta stylesheet="testimonials.inline" rel="stylesheet" title=""]]
[[!meta google-site-verification="aGp--gO0AaDbtxshkcWaS0jY8WkOjYwUuBqRWzWHy6o"]]
<script>
......@@ -157,61 +158,7 @@ in this digital world.</p>
<h1>Recommended by</h1>
<div class="testimonials">
<section class="quote">
[[!img snowden.png link="https://twitter.com/Snowden/status/1165395796520554496" alt="Edward Snowden"]]
<blockquote>
<a href="https://twitter.com/Snowden/status/1165395796520554496">
<p><em>If you look at the way post-2013 whistleblowers have been caught,
it is clear the absolute most important thing you can do to maintain
your anonymity is reduce the number of places in your operational
activity where you can make mistakes. Tor and Tails still do precisely
that.</em></p>
&mdash; <strong>Edward Snowden</strong>,<br/>
NSA whistleblower
</a>
</blockquote>
</section>
<section class="quote">
[[!img tor.png link="https://www.torproject.org/" alt="Tor Project"]]
<blockquote>
<p><em>Tails expands Tor's protections to an entire operating system, and
they do so with an unwavering commitment to their Social Contract. Tails
is a favorite companion tool of Tor.</em></p>
&mdash; <strong>Roger Dingledine</strong>,<br/>
co-founder of the Tor Project
</blockquote>
</section>
<section class="quote">
[[!img eff.png link="https://www.eff.org/" alt="EFF"]]
<blockquote>
<a href="https://www.eff.org/deeplinks/2014/10/7-privacy-tools-essential-making-citizenfour">
<p><em>One of the most robust ways of using the Tor network is through a
dedicated operating system that enforces strong privacy- and
security-protective defaults. That operating system is Tails.</em></p>
&mdash; <strong>Electronic Frontier Foundation</strong>
</a>
</blockquote>
</section>
<section class="logos">
[[!img accessnow.png link="https://accessnow.org/" alt="Access Now"]]
[[!img riseup.png link="https://riseup.net/" alt="Riseup"]]
</section>
</div>
[[!inline pages="testimonials.inline" raw="yes" sort="age"]]
</section>
......
.testimonials {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.testimonials .quote, .testimonials .logos {
width: 70%;
margin: 0 auto;
}
@media (max-width: 768px) {
.testimonials .quote br {
display: none;
}
}
@media (min-width: 768px) {
.testimonials {
justify-content: space-between;
}
.testimonials .quote {
width: 30%;
}
}
.testimonials .logos {
display: flex;
flex: wrap;
flex-direction: column;
}
.testimonials .logos a {
margin-top: 1em;
}
@media (min-width: 480px) {
.testimonials .logos {
flex-direction: row;
justify-content: space-around;
align-items: baseline;
}
}
.testimonials img {
display: block;
margin: auto;
}
.testimonials blockquote {
color: black !important;
border-bottom: none !important;
font-size: 14px;
margin: 0;
}
.testimonials blockquote p {
border: none;
background: none;
}
.testimonials a {
background: none !important;
color: black !important;
border: none !important;
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<div class="testimonials">
<section class="quote">
[[!img snowden.png link="https://twitter.com/Snowden/status/1165395796520554496" alt="Edward Snowden"]]
<blockquote>
<a href="https://twitter.com/Snowden/status/1165395796520554496">
<p><em>If you look at the way post-2013 whistleblowers have been caught,
it is clear the absolute most important thing you can do to maintain
your anonymity is reduce the number of places in your operational
activity where you can make mistakes. Tor and Tails still do precisely
that.</em></p>
&mdash; <strong>Edward Snowden</strong>,<br/>
NSA whistleblower
</a>
</blockquote>
</section>
<section class="quote">
[[!img tor.png link="https://www.torproject.org/" alt="Tor Project"]]
<blockquote>
<p><em>Tails expands Tor's protections to an entire operating system, and
they do so with an unwavering commitment to their Social Contract. Tails
is a favorite companion tool of Tor.</em></p>
&mdash; <strong>Roger Dingledine</strong>,<br/>
co-founder of the Tor Project
</blockquote>
</section>
<section class="quote">
[[!img eff.png link="https://www.eff.org/" alt="EFF"]]
<blockquote>
<a href="https://www.eff.org/deeplinks/2014/10/7-privacy-tools-essential-making-citizenfour">
<p><em>One of the most robust ways of using the Tor network is through a
dedicated operating system that enforces strong privacy- and
security-protective defaults. That operating system is Tails.</em></p>
&mdash; <strong>Electronic Frontier Foundation</strong>
</a>
</blockquote>
</section>
<section class="logos">
[[!img accessnow.png link="https://accessnow.org/" alt="Access Now"]]
[[!img riseup.png link="https://riseup.net/" alt="Riseup"]]
</section>
</div>
This diff is collapsed.
This diff is collapsed.
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