Add author image

Adds author images

To enable, add an override, probably src/Preroll.svelte like this:

<script>
  import Author from '$svekyll/Author.svelte';    
</script>

<Author/>

Then, add your configuration to enable author information:

author:
  image: https://www.gravatar.com/avatar/4f325e95feb5cc5077c8dbcdca22a373.jpg?s=128&r=g
  bio: "<a href='https://www.linkedin.com/in/chris-dawson-37473/'>Chris Dawson</a> is a dad and writer from Portland, OR. <a href='https://webiphany.com'>Personal blog</a>"

The bio will be added as HTML, so you can put whatever you want in there.

You can override styling in your user.css with these classes:

  .svekyll-author-wrapper {
    @apply md:w-1/3 m-2 p-2 flex justify-center flex-row items-center justify-around;
  }

  .svekyll-author-bio {
    @apply text-xs italic p-2 m-2;
  }

  .svekyll-author-image {
    @apply h-32 w-32 rounded-full bordered border-2 border-black;
  }