mohamad
48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block title %}{{ post.title }}{% endblock %}
|
||
{% block meta_description %}{{ post.excerpt|default:post.title }}{% endblock %}
|
||
|
||
{% block content %}
|
||
<article class="blog-detail">
|
||
<header class="page-hero blog-detail-hero">
|
||
<div class="page-hero-blobs" aria-hidden="true"><div class="blob blob--1"></div><div class="blob blob--2"></div></div>
|
||
<div class="container blog-detail-header">
|
||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||
<ol class="breadcrumb-list" role="list">
|
||
<li><a href="{% url 'pages:home' %}">Home</a></li>
|
||
<li aria-hidden="true" class="breadcrumb-sep">›</li>
|
||
<li><a href="{% url 'pages:blog_list' %}">Blog</a></li>
|
||
<li aria-hidden="true" class="breadcrumb-sep">›</li>
|
||
<li aria-current="page">{{ post.title }}</li>
|
||
</ol>
|
||
</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" {% 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" {% 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>
|
||
{% endblock %}
|