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…
	
	Add table
		
		Reference in a new issue