autotq-modern-ejs/views/news.ejs

38 lines
1.5 KiB
Text

<main>
<section class="page-hero">
<div class="container split split-visual">
<div>
<h1>News</h1>
<p class="lead">Recent AutoTQ news and press links.</p>
</div>
<article class="video-frame reveal" data-reveal>
<iframe src="https://www.youtube.com/embed/rI2n9TlMYIU" title="AutoTQ press and awareness video" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</article>
</div>
</section>
<section class="section">
<div class="container timeline" id="press-links">
<% (config.news || []).forEach(item => { %>
<article class="news-row reveal" data-reveal>
<p class="date"><%= item.date %></p>
<h3><%= item.title %></h3>
<a class="text-link" href="<%= item.url %>" target="_blank" rel="noopener noreferrer">View source →</a>
</article>
<% }) %>
</div>
</section>
<section class="section section-alt">
<div class="container split split-visual">
<article class="split-copy reveal" data-reveal>
<h2>See more source-backed material</h2>
<p>Use the research and literature pages for source links and supporting documentation.</p>
<a class="btn btn-primary" href="/research#sources">Go to Research</a>
</article>
<div class="split-media reveal" data-reveal>
<img src="<%= config.assets.images.company3 %>" alt="AutoTQ media and source-review context" loading="lazy" />
</div>
</div>
</section>
</main>