65 lines
2.4 KiB
Plaintext
65 lines
2.4 KiB
Plaintext
|
---
|
||
|
|
layout: layouts/base.njk
|
||
|
|
title: Press
|
||
|
|
description: Press resources for DJANGOKAM, the first Caribbean AI artist produced by ORGANISATION KA INTERNATIONALE (OKI) — HD visuals and listening links.
|
||
|
|
---
|
||
|
|
|
||
|
|
<section class="press-hero">
|
||
|
|
<h1>{{ t.press.title }} <span class="accent-text">{{ t.press.title_accent }}</span></h1>
|
||
|
|
<p class="press-lede">{{ t.press.lede }}</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="press-facts">
|
||
|
|
<div class="section-container">
|
||
|
|
<h2>{{ t.press.facts_title }}</h2>
|
||
|
|
<div class="press-facts-list">
|
||
|
|
{% for fact in t.press.facts %}
|
||
|
|
<div class="press-fact">
|
||
|
|
<span class="press-fact-label">{{ fact.label }}</span>
|
||
|
|
<span>{{ fact.value }}</span>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="press-visuals">
|
||
|
|
<div class="section-container">
|
||
|
|
<h2>{{ t.press.visuals_title }}</h2>
|
||
|
|
<p class="press-visuals-intro">{{ t.press.visuals_intro }}</p>
|
||
|
|
<div class="press-visual-grid">
|
||
|
|
{% for visual in t.press.visuals %}
|
||
|
|
<div class="press-visual">
|
||
|
|
<a href="{{ visual.image | cdn }}" target="_blank" rel="noopener noreferrer">
|
||
|
|
<img src="{{ visual.image | cdn }}" alt="{{ visual.caption }}" loading="lazy">
|
||
|
|
<span class="press-visual-caption">{{ visual.caption }}</span>
|
||
|
|
</a>
|
||
|
|
<a href="{{ ('/assets/press/' + visual.pdf) | cdn }}" class="press-visual-pdf-link">{{ t.press.visual_pdf_label }}</a>
|
||
|
|
</div>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
<div class="press-visuals-pdf">
|
||
|
|
<a href="{{ ('/assets/press/' + t.press.visuals_pdf_file) | cdn }}" class="btn btn-primary">{{ t.press.visuals_pdf_label }} →</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="press-links">
|
||
|
|
<div class="section-container">
|
||
|
|
<h2>{{ t.press.links_title }}</h2>
|
||
|
|
<div class="press-links-list">
|
||
|
|
{% for link in t.press.links %}
|
||
|
|
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.text }}</a>
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="press-contact">
|
||
|
|
<div class="section-container">
|
||
|
|
<h2>{{ t.press.contact_title }}</h2>
|
||
|
|
<p class="press-contact-text">{{ t.press.contact_text }}</p>
|
||
|
|
<a href="mailto:{{ t.press.contact_email }}" class="btn btn-primary">{{ t.press.contact_email }}</a>
|
||
|
|
</div>
|
||
|
|
</section>
|