Project Splash Page HTML

Copy/paste this into an HTML block on a project’s splash page.

<style>
@media only screen and (min-width: 750px) {
   .wfu-responsive-banner {
display: grid;
grid-template-columns: 300px 1fr;
padding: 1rem;
gap: 2rem;
max-width: 3000px;
align-items: center;
font: 500 100%/1.5 system-ui;
margin: 0 auto;
    }
 }
</style>

<div class="wfu-responsive-banner">

<!-- replace this URL with project cover image URL -->

<div><img src="https://resize-v3.pubpub.org/eyJidWNrZXQiOiJhc3NldHMucHVicHViLm9yZyIsImtleSI6ImQ5Y210cWh5L2RlY2FyYm9uaXppbmcgY292ZXIgYnV0dGVyZmx5LTYxNzA3ODQxMTIxOTI1LnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6ODAwLCJmaXQiOiJpbnNpZGUiLCJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWV9fX0=" style="max-width:100%;height:auto;filter:drop-shadow(0 0 0.15rem black)" />
</div>
<div style="float:right">

<!-- replace details with relevant project details -->
<h1>Decarbonizing Character</h1>
<h2>Visions of Decarbonized Human Flourishing</h2>
<p><em>Edited by Ryan Juskus</em></p>
<p><em>Published August 2022</em></p>
<p>
Course: ENV 302, “Climate, Carbon, and Character,” Wake Forest University, Spring 2022
</p>
<p>
Contact: Kyle Denlinger | <a href="mailto:[email protected]">[email protected]</a>
</p>

<!-- Blockquote starts here -->
<blockquote class="hero">
To what extent has our use of fossil fuels for heat, energy, and raw material in the United States and elsewhere shaped contemporary conceptions of good human character and community? Have contemporary pursuits of moral virtue and human flourishing contributed to climate change? If so, what transition in thought, culture, and everyday practice might need to accompany an energy transition away from fossil fuels?
<p class="footer">Ryan Juskus, from the <a href="https://decarbonizingcharacter.pubpub.org/pub/introduction-spring22">Introduction to Decarbonizing Character</a></p>
</blockquote>
</div>
</div>