---
title: "Author Profile"
type: patterns
scss: _assets/stylesheets/_page.scss
usage: "Author profile shown with bio image, short description, and Twitter follow button."
---

<footer class="page-footer">
  <div class="author-image">
    <img src="/images/bio-photo.jpg" alt="">
  </div>
  <div class="author-content">
    <h3 class="author-name">Written by <span itemprop="author">Michael Rose</span></h3>
    <p class="author-bio">Just another boring, tattooed, time traveling designer from Buffalo.</p>
    <p class="author-follow"><iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.df71e9fd75415d2cee8cfded99ebe79f.en.html#_=1422545484893&amp;dnt=true&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=mmistakes&amp;show_count=false&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 131px; height: 20px;"></iframe></p>
  </div>
</footer>
---
title: "Author Profile"
type: patterns
scss: _assets/stylesheets/_page.scss
usage: "Author profile shown with bio image, short description, and Twitter follow button."
---

<footer class="page-footer">
  <div class="author-image">
    <img src="/images/bio-photo.jpg" alt="">
  </div>
  <div class="author-content">
    <h3 class="author-name">Written by <span itemprop="author">Michael Rose</span></h3>
    <p class="author-bio">Just another boring, tattooed, time traveling designer from Buffalo.</p>
    <p class="author-follow"><iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/follow_button.df71e9fd75415d2cee8cfded99ebe79f.en.html#_=1422545484893&amp;dnt=true&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=mmistakes&amp;show_count=false&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 131px; height: 20px;"></iframe></p>
  </div>
</footer>

Fix insecure content error for Twitter embed by loading over https
Fix insecure content error for Twitter embed by loading over https
