Tweak donation page style

This commit is contained in:
Alex Cabal 2024-11-25 10:40:34 -06:00
parent bd058eb74e
commit 86f3ac74be
2 changed files with 24 additions and 5 deletions

View file

@ -3032,6 +3032,22 @@ ul.feed p{
flex-shrink: 0;
}
.join-patrons-circle-callout{
border: 3px double;
padding: 2rem;
margin-top: 3rem;
}
.join-patrons-circle-callout h3{
margin: 0;
text-align: center;
text-transform: uppercase;
}
.join-patrons-circle-callout .button-row{
margin-bottom: 1rem;
}
@media (hover: none) and (pointer: coarse){ /* target ipads and smartphones without a mouse */
/* For iPad, unset the height so it matches the other elements */
select[multiple]{

View file

@ -33,6 +33,14 @@ $newsletterSubscriberCount = floor(Db::QueryInt('
<p>Members of the Patrons Circle are steadfast supporters of free, unrestricted, and beautifully presented digital literature. Besides helping support the creation of free, gorgeous ebooks, they also have a direct voice in shaping the future of the Standard Ebooks catalog.</p>
<p>Membership in the Patrons Circle is limited to individuals only. Organizations, please see <a href="#corporate-sponsors">corporate sponsorship</a> instead.</p>
<p><i>Join the Patrons Circle by starting a recurring donation of $10/month or more, or join for one year with a one-time donation of $100 or more.</i></p>
<div class="join-patrons-circle-callout">
<h3>Join now</h3>
<p class="button-row">
<a href="https://fundraising.fracturedatlas.org/standard-ebooks/monthly_support" class="button">Donate $10/month or more</a>
<a href="https://fundraising.fracturedatlas.org/standard-ebooks/general_support" class="button">Donate $100 or more</a>
</p>
<p><strong>Important:</strong> We need to know your email address to be able to log you in to the Patrons Circle. Make sure to select either “List my name publicly” or “Dont list publicly, but reveal to project” during checkout to be able to log in to the Patrons Circle.</p>
</div>
<h3>Benefits of the Patrons Circle</h3>
<ul>
<li>
@ -62,11 +70,6 @@ $newsletterSubscriberCount = floor(Db::QueryInt('
<p>The right to periodically vote on a selection from our <a href="/contribute/wanted-ebooks">Wanted Ebooks list</a> to choose an ebook for immediate production. The resulting ebook will be a permanent addition to our <a href="/ebooks">online catalog of free digital literature</a>.</p>
</li>
</ul>
<p><strong>Important:</strong> We need to know your email address to be able to log you in to the Patrons Circle. Make sure to select either “List my name publicly” or “Dont list publicly, but reveal to project” during checkout to be able to log in to the Patrons Circle.</p>
<p class="button-row">
<a href="https://fundraising.fracturedatlas.org/standard-ebooks/monthly_support" class="button">Donate $10/month or more</a>
<a href="https://fundraising.fracturedatlas.org/standard-ebooks/general_support" class="button">Donate $100 or more</a>
</p>
</section>
<section id="sponsor-an-ebook">
<h2>Sponsor a new ebook</h2>