Supporter: pictures: get picture-small working & apply throughout.
I pulled this from the `blog-left` style I used to use in blog posts and created a new style called picture-small. On smaller screen real estate, Tony's picture was ultimately too big.
This commit is contained in:
parent
35fd957b4a
commit
21ee13ee7e
2 changed files with 15 additions and 4 deletions
|
@ -319,13 +319,23 @@ blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {
|
|||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.picture-small img {
|
||||
.picture-small {
|
||||
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: 8%;
|
||||
max-width: 30%;
|
||||
width: auto;
|
||||
}
|
||||
.picture-small img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.secondary_info { font-size: 83%; }
|
||||
.next_page_button { float: right; }
|
||||
|
|
|
@ -79,9 +79,9 @@
|
|||
<hr style="clear: both;"/>
|
||||
<div class="expandable-section">
|
||||
|
||||
<div class="picture right" style="clear: right;">
|
||||
<div class="picture-small right">
|
||||
<img src="/img/2020_Sebro-Tony_CopyleftConf.jpg" alt="Tony Sebro speaks on stage in front of a slide comparing 1800’s Eschatology and Golden Era Hip Hop">
|
||||
<p>Tony Sebro, delivering the keynote address at Copyleft Conf 2020. Photo copyright © by Remy DeCausemaker, licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></p>
|
||||
<p>Tony Sebro, delivering the keynote address at Copyleft Conf 2020. Photo © Remy DeCausemaker, licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></p>
|
||||
</div>
|
||||
|
||||
<p>2020 has been a difficult year. We’ve all scrambled to keep ourselves
|
||||
|
@ -188,7 +188,8 @@ as we look hopefully forward to an in-person Copyleft Conf 2022.</p>
|
|||
|
||||
<div class="picture-small left">
|
||||
<img src="/img/2020-01-17_bkuhn_lca-2020.png" alt="Bradley on stage at LinuxConf Australia 2020" />
|
||||
<p><a href="/about/staff/#bkuhn">Bradley M. Kuhn</a>, delivering a <a href="https://lca2020.linux.org.au/schedule/presentation/91/">talk with Karen</a> at LCA 2020.<br/>Photo © by Linux Australia <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></p>
|
||||
<p><a href="/about/staff/#bkuhn">Bradley M. Kuhn</a>, delivering
|
||||
a <a href="https://lca2020.linux.org.au/schedule/presentation/91/">talk with Karen</a> at LCA 2020.<br/>Photo © by Linux Australia, licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></p>
|
||||
</div>
|
||||
|
||||
<p>We participated in many exciting events organized by others. Before travel was canceled, we presented multiple talks at LCA and on the FOSDEM main stage, helped organize the Legal & Policy DevRoom at FOSDEM, spoke to students and faculty at Oxford University, ran a workshop at Open Source 101 and delivered keynotes at CHAOSScon, Git Merge and the OpenUK Healthcare event. Once in-person events were no longer possible, we participated in many virtual events, including GUADEC, DebConf, ÖzgürKon and State of the Source. Our Executive Director was a featured speaker at VentCon, a conference urgently organized in May for folks working on FOSS projects for ventilators at a time when making sure that hospitals had enough access to ventilators to treat the surge in COVID-19 patients was a top concern.</p>
|
||||
|
|
Loading…
Reference in a new issue