1 <section class="post-full-authors">
3 <div class="post-full-authors-content">
4 <p>This post was a collaboration between</p>
8 <ul class="author-list">
10 <li class="author-list-item">
12 <div class="author-card">
13 <div class="basic-info">
15 <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />
17 <div class="author-profile-image">{{> "icons/avatar"}}</div>
24 <p><a href="{{url}}">More posts</a> by {{name}}.</p>
26 <p>Read <a href="{{url}}">more posts</a> by this author.</p>
32 <a href="{{url}}" class="moving-avatar"><img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" /></a>
34 <a href="{{url}}" class="moving-avatar author-profile-image">{{> "icons/avatar"}}</a>
44 {{#contentFor "scripts"}}
46 // Adds delay to author card dropups to disappear. This gives enough
47 // time for the user to interact with the author card while they move
48 // the mouse from the avatar to the card. Also makes space for the
50 $(document).ready(function () {
54 $('.author-list-item').hover(function(){
57 clearTimeout(hoverTimeout);
59 $('.author-card').removeClass('hovered');
60 $(this).children('.author-card').addClass('hovered');
65 hoverTimeout = setTimeout(function() {
66 $this.children('.author-card').removeClass('hovered');