Create picture-tiny option; fix various formatting typos.

This commit is contained in:
Bradley M. Kuhn 2020-12-04 11:29:18 -08:00
parent e841fd4f0c
commit 8ea9fbd808
2 changed files with 27 additions and 13 deletions

View file

@ -335,6 +335,22 @@ blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {
.picture-small img { .picture-small img {
width: 100%; width: 100%;
} }
.picture-tiny {
padding-left: 1em;
border: thin silver solid;
padding: 0.5em;
text-align: center;
font-style: italic;
font-size: 70%;
text-indent: 0;
margin: .25em;
min-width: 4%;
max-width: 10%;
width: auto;
}
.picture-tiny img {
width: 100%;
}
.secondary_info { font-size: 83%; } .secondary_info { font-size: 83%; }

View file

@ -212,12 +212,11 @@ your money to work fighting for the freedom and rights of all software
users.</p> users.</p>
</div> </div>
<h3 id="VintageT">Vintage T-Shirt Promotion</h3> <h3 id="VintageT">Vintage T-Shirt Promotion</h3>
<div data-read-more="Would you like a last chance to receive a vintage Conservancy t-shirt? Find out how&hellip;"> <div data-read-more="Would you like a last chance to receive a vintage Conservancy t-shirt? Find out how&hellip;">
<div class="picture-small left"> <div class="picture-tiny left">
<img src="/img/conservancy-t-shirt.jpg"> alt="Karen wears the vintage t-shirt!" /> <img src="/img/conservancy-t-shirt.jpg" alt="Karen wears the vintage t-shirt!" />
<p><a href="/about/staff/#karen">Karen M. Sandler</a> wears the vintage t-shirt.</p> <p><a href="/about/staff/#karen">Karen M. Sandler</a> wears the vintage t-shirt.</p>
</div> </div>
@ -225,8 +224,8 @@ users.</p>
would you like to take advantage of a last chance to get our vintage design &mdash; seen sported so often would you like to take advantage of a last chance to get our vintage design &mdash; seen sported so often
by <a href="https://twitter.com/bensturmfels/status/599118574641262592">our earliest Supporters</a> at <a href="https://twitter.com/conservancy/status/786480068512002048">conferences and events</a>? If so, read on!</p> by <a href="https://twitter.com/bensturmfels/status/599118574641262592">our earliest Supporters</a> at <a href="https://twitter.com/conservancy/status/786480068512002048">conferences and events</a>? If so, read on!</p>
<div class="picture-small right"> <div class="picture-tiny right">
<img src="/img/brett-in-2018-shirt.jpg"> alt="Brett wears the 2018 t-shirt!" /> <img src="/img/brett-in-2018-shirt.jpg" alt="Brett wears the 2018 t-shirt!" />
<p><a href="/about/staff/#brett">Brett Smith</a> wears the current t-shirt design.</p> <p><a href="/about/staff/#brett">Brett Smith</a> wears the current t-shirt design.</p>
</div> </div>
@ -237,12 +236,11 @@ we on staff all shared the post office trips, but we all have different COVID-19
slowly. We appreciate the patience of our Supporters waiting for t-shirts, and we do have plan to safely send out slowly. We appreciate the patience of our Supporters waiting for t-shirts, and we do have plan to safely send out
the backlog by years' end.</p> the backlog by years' end.</p>
<div class="picture-small left"> <div class="picture-tiny left">
<img src="/img/2019-08-26_Neil-alone_GUADECSupporterNight.jpg"> alt="Neil McGovern wears the vintage t-shirt!" /> <img src="/img/2019-08-26_Neil-alone_GUADECSupporterNight.jpg" alt="Neil McGovern wears the vintage t-shirt!" />
<p>Neil McGovern, Executive Director of the GNOME Foundation, wearing that stylish vintage shirt!</p> <p>Neil McGovern, Executive Director of the GNOME Foundation, wearing that stylish vintage shirt!</p>
</div> </div>
<p>As part of those preparations, we found a treasure trove and now have an exciting promotion for renewing <p>As part of those preparations, we found a treasure trove and now have an exciting promotion for renewing
Supporters. We found an old stash of <strong>vintage t-shirts</strong>, in the old style! Supplies are limited, Supporters. We found an old stash of <strong>vintage t-shirts</strong>, in the old style! Supplies are limited,
but for those few supporters who would like to receive one, we have a special offer. Supporters who give but for those few supporters who would like to receive one, we have a special offer. Supporters who give
@ -255,9 +253,8 @@ $512 or more in 2020 can receive one of these vintage t-shirts! To claim your v
address and date(s) of your donation(s) that total $512 and your desired size. (We have at least a few of all sizes in stock, but supplies are limited; we cannot necessarily guarantee your size selection, but we'll update here as sizes run out.)</li> address and date(s) of your donation(s) that total $512 and your desired size. (We have at least a few of all sizes in stock, but supplies are limited; we cannot necessarily guarantee your size selection, but we'll update here as sizes run out.)</li>
</ul></p> </ul></p>
<div class="picture-tiny right">
<div class="picture-small right"> <img src="/img/scaled-LLW-2015-Conservancy-Supporters-by-Carlo-Piana-CC-0.jpg" alt="Zack, Karen, John and Jim pose, mostly wearing the vintage t-shirt!" />
<img src="/img/scaled-LLW-2015-Conservancy-Supporters-by-Carlo-Piana-CC-0.jpg"> alt="Zack, Karen, John and Jim pose, mostly wearing the vintage t-shirt!" />
<p>Vintage-shirt-wearing Supporters post with Karen! <br/>From left: Stefano &ldquo;Zack&rdquo; Zacchiroli, Karen M. Sandler, John Sullivan, and Jim Wright</p> <p>Vintage-shirt-wearing Supporters post with Karen! <br/>From left: Stefano &ldquo;Zack&rdquo; Zacchiroli, Karen M. Sandler, John Sullivan, and Jim Wright</p>
</div> </div>
@ -266,10 +263,11 @@ supplies are limited so make a big donation today, support Conservancy, and show
want to look that way!</p> want to look that way!</p>
<div class="picture-small left"> <div class="picture-small left">
<img src="/img/2020-12-04_lots-vintage-shirts.jpg"> alt="A big stack of vintage Conservancy t-shirts!" /> <img src="/img/2020-12-04_lots-vintage-shirts.jpg" alt="A big stack of vintage Conservancy t-shirts!" />
<p>Supplies won't last; give $512 and make one of these vintage shirts yours today!</p> <p>Supplies won't last; give $512 and make one of these vintage shirts yours today!</p>
</div> </div>
</div>
<a class="expander" data-expand-link-text="(Expand All Sections)"></a>
</div></div>
{% endblock %} {% endblock %}