<aside class="panel authorCard">
<h2 class="authorCard__title">About the author</h2>
<div class="authorCard__author">
<img src="https://placehold.co/70x70" class="authorCard__thumb" width="70" height="70" alt="">
<address class="authorCard__contact">
<span class="authorCard__authorName" rel="author">Jake Solyst</span><br />
<a href="mailto:jsolyst@chesapeakebay.net">jsolyst@chesapeakebay.net</a>
</address>
</div>
<p>As a web content specialist at the Chesapeake Bay Program, Jake writes, edits and manages content for the Chesapeake Bay Program’s flagship website while overseeing the partnership’s social media strategy. He has several years of content production experience and is currently enrolled in a Professional Writing M.S. program at Towson University. A Maryland-native, Jake was born in a suburb of Annapolis and now lives a dog-walk away from the waterfront in Canton, Baltimore.</p>
<a href="#" class="pageLink">More stories by this author<span class="appendedIcon">‍<i class="fas fa-angle-right"></i></span></a>
</aside>
<link media="all" rel="stylesheet" href="/author-card/author-card.css" />
<script src="/author-card/author-card.js"></script>
<link media="all" rel="stylesheet" href="/panel/panel.css" />
<script src="/panel/panel.js"></script>
<aside class="panel authorCard">
<h2 class="authorCard__title">About the author</h2>
<div class="authorCard__author">
<img src="https://placehold.co/70x70"
class="authorCard__thumb"
width="70"
height="70"
alt=""
>
<address class="authorCard__contact">
<span class="authorCard__authorName" rel="author">{{ name }}</span><br />
<a href="mailto:{{ email }}">{{ email }}</a>
</address>
</div>
<p>{{ blurb }}</p>
<a href="#" class="pageLink">{% render "@icon--appended" with {text: "More stories by this author"} %}</a>
</aside>
{% import "_macros.twig" as h %}
{{ h.componentAssets('author-card') }}
{{ h.componentAssets('panel') }}
{
"name": "Jake Solyst",
"email": "jsolyst@chesapeakebay.net",
"blurb": "As a web content specialist at the Chesapeake Bay Program, Jake writes, edits and manages content for the Chesapeake Bay Program’s flagship website while overseeing the partnership’s social media strategy. He has several years of content production experience and is currently enrolled in a Professional Writing M.S. program at Towson University. A Maryland-native, Jake was born in a suburb of Annapolis and now lives a dog-walk away from the waterfront in Canton, Baltimore."
}
import "./author-card.scss";
@use "../_layout/mixins";
.authorCard {
--blockSpacing: 0.7em;
& > {
@include mixins.loboOwl();
}
}
.authorCard__title {
font-size: var(--step-2);
}
.authorCard__author {
display: flex;
align-items: center;
gap: 1em;
}
.authorCard__thumb {
width: 70px;
height: 70px;
border-radius: 70px;
}
.authorCard__authorName {
font-weight: var(--bold-weight);
}
No notes defined.