From 21ee13ee7ecc6aac94cec4c6c05e92d44347f4b9 Mon Sep 17 00:00:00 2001
From: "Bradley M. Kuhn" <bkuhn@sfconservancy.org>
Date: Wed, 25 Nov 2020 21:03:24 -0800
Subject: [PATCH] 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.
---
 www/conservancy/static/css/conservancy.css     | 12 +++++++++++-
 www/conservancy/templates/supporter/index.html |  7 ++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index 5eebcf76..8d027644 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -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; }
diff --git a/www/conservancy/templates/supporter/index.html b/www/conservancy/templates/supporter/index.html
index 6a68785c..e86a25fb 100644
--- a/www/conservancy/templates/supporter/index.html
+++ b/www/conservancy/templates/supporter/index.html
@@ -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&rsquo;s Eschatology and Golden Era Hip Hop">
-  <p>Tony Sebro, delivering the keynote address at Copyleft Conf 2020. Photo copyright &copy; 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 &copy; 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&rsquo;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 &copy; 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 &copy; 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 &amp; 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>