dd91c5a707
* Add custom hover shadows * Support avatars * Add guide-card include * Use it in product-landing * Add gradient styles * Add guides frontmatter * Use guideArticles instead of full objects * Add support for authors * Add support for category header * Just pass the whole page * Use it * guide.url => guide.href * Use `*.githubusercontent.com` * Fix mobile card width * Remove showDescription check * Use featureLinks.guideCards * Forgot an if * Remove support banner * Just use login instead of name/avatarUrl * Change card spacing * Use circular avatars * Add margin beneath "Guides" * Use smaller font * Even moar spacing * Remove category * Remove lead text, move button to bottom right * update guide cards * Change author of setting up ci to GitHub * Attribute node js guide to GitHub * Add author tag to powershell guide * update top guides section with correct actions links * Enforce size for single avatars * Adjust spacing Co-authored-by: Cynthia Rich <crichID@users.noreply.github.com>
38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
{% assign authorsString = guide.page.authors | join: ", @" %}
|
|
|
|
<div class="col-lg-4 col-12 mb-3">
|
|
<a class="Box box-shadow-medium height-full d-block hover-shadow-large no-underline text-gray-dark p-5" href="{{ guide.href }}">
|
|
<h2>{{ guide.title }}</h2>
|
|
<p class="mt-2 mb-4 text-gray-light">{{ guide.intro }}</p>
|
|
|
|
{% if guide.page.authors and guide.page.authors.length > 0 %}
|
|
<footer class="d-flex">
|
|
<div class="mr-1">
|
|
{% if guide.page.authors.length == 1 %}
|
|
<img class="avatar avatar-2 circle mr-1" src="https://github.com/{{ guide.page.authors[0] }}.png" alt="@{{ guide.page.authors[0] }}" />
|
|
{% else %}
|
|
<div class="AvatarStack AvatarStack--three-plus">
|
|
<div
|
|
class="AvatarStack-body tooltipped tooltipped-se tooltipped-align-left-1"
|
|
aria-label="@{{ authorsString }}"
|
|
>
|
|
{% for author in guide.page.authors %}
|
|
<img
|
|
class="avatar circle"
|
|
alt="@{{ author }}"
|
|
src="https://github.com/{{ author }}.png"
|
|
/>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div>
|
|
@{{ authorsString }}
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|
|
</a>
|
|
</div>
|