feat: add people sections and opt-in read more
This commit is contained in:
@@ -19,13 +19,28 @@
|
||||
</nav>
|
||||
<p class="blog-meta">{{ post.published_at|date:"F j, Y" }}{% if post.author_name %} · {{ post.author_name }}{% endif %}</p>
|
||||
<h1 class="page-hero-title">{{ post.title }}</h1>
|
||||
{% if post.excerpt %}<p class="page-hero-subtitle">{{ post.excerpt }}</p>{% endif %}
|
||||
{% if post.excerpt %}<p class="page-hero-subtitle" {% if post.read_more_excerpt %}data-readmore="110"{% endif %}>{{ post.excerpt }}</p>{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
<div class="section">
|
||||
<div class="container blog-article-wrap">
|
||||
{% if post.cover_image %}<img class="blog-cover" src="{{ post.cover_image.url }}" alt="{{ post.cover_image_alt|default:post.title }}" />{% endif %}
|
||||
<div class="blog-article rich-content glass-card">{{ post.rendered_content }}</div>
|
||||
<div class="blog-article rich-content glass-card" {% if post.read_more_content %}data-readmore="600"{% endif %}>{{ post.rendered_content }}</div>
|
||||
{% with partners=post.partners.all %}
|
||||
{% if partners %}
|
||||
<section class="blog-partners" aria-labelledby="blog-partners-title">
|
||||
<div class="blog-partners-heading">
|
||||
{% if site_branding.article_people_eyebrow %}<span class="blog-partners-eyebrow">{{ site_branding.article_people_eyebrow }}</span>{% endif %}
|
||||
<h2 id="blog-partners-title">{{ site_branding.article_people_title }}</h2>
|
||||
</div>
|
||||
<div class="blog-partners-grid">
|
||||
{% for partner in partners %}
|
||||
{% include "partials/_person_card.html" with person=partner body=partner.description read_more=partner.read_more_description %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
<div class="blog-card-body">
|
||||
<p class="blog-meta">{{ post.published_at|date:"F j, Y" }}{% if post.author_name %} · {{ post.author_name }}{% endif %}</p>
|
||||
<h2 class="blog-card-title"><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h2>
|
||||
{% if post.excerpt %}<p class="blog-card-excerpt">{{ post.excerpt }}</p>{% endif %}
|
||||
{% if post.excerpt %}<p class="blog-card-excerpt" {% if post.read_more_excerpt %}data-readmore="110"{% endif %}>{{ post.excerpt }}</p>{% endif %}
|
||||
<a href="{{ post.get_absolute_url }}" class="link-arrow">Read article</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -25,8 +25,8 @@
|
||||
{% if hero.title_highlight %}<span class="gradient-text">{{ hero.title_highlight }}</span>{% endif %}
|
||||
</h1>
|
||||
{% endif %}
|
||||
{% if hero.subtitle %}<p class="hero-subtitle">{{ hero.subtitle }}</p>{% endif %}
|
||||
{% if hero.description %}<p class="hero-description">{{ hero.description }}</p>{% endif %}
|
||||
{% if hero.subtitle %}<p class="hero-subtitle" {% if hero.read_more_subtitle %}data-readmore="120"{% endif %}>{{ hero.subtitle }}</p>{% endif %}
|
||||
{% if hero.description %}<p class="hero-description" {% if hero.read_more_description %}data-readmore="160"{% endif %}>{{ hero.description }}</p>{% endif %}
|
||||
{% if hero.primary_cta_text or hero.secondary_cta_text %}
|
||||
<div class="hero-actions">
|
||||
{% if hero.primary_cta_text %}<a href="{{ hero.primary_cta_url }}" class="btn-primary">{{ hero.primary_cta_text }}</a>{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user