Lazy loading for images

This commit is contained in:
2025-12-14 17:17:07 +00:00
parent b1355a91f5
commit 4cc9b7bb93
14 changed files with 240 additions and 239 deletions

View File

@@ -43,17 +43,17 @@
</div>
<div id="project-cover">
<img src="/images/data.png">
<img src="/images/data.png" loading="lazy">
</div>
<div id="project-body">
<p>In 2023, Concept Null had the pleasure to chat with Paul, Tom, and Aisling, who lead the Dublin Art &amp; Technology Association (D.A.T.A). Since 2022, D.A.T.A has been a hub for artists, makers, and thinkers to exchange ideas on digital culture in Ireland. During the conversation, D.A.T.A explored it's identity, evolution, and the intricacies of event curation and organisation. </p>
<p>The website presents the interview in both linear and non-linear formats. By utilising machine learning and natural language processing, text segments extracted from the interview were ranked against key topics; creating a higher-dimensional understanding, and projection of the interview - which is commonly referred to as the latent space. After, a t-SNE algorithm was applied to high-dimensional space, flattening it into two dimensions, represented in the interactive map; allowing the user to navigate the interview from the perspective of the machine.</p>
<p><em>Designed and developed using p5js, by Cailean Finn.</em></p>
<p><a href="http://conceptnull.org/data">Website &#x2197;</a> </p>
<p><img alt="DATA" src="/images/data/d_data_2.png" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_data_5.png" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_data_1.webp" title="DATA" /></p>
<p><img alt="DATA" src="/images/data/d_tsne-data.gif" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_2.png" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_5.png" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_data_1.webp" title="DATA" /></p>
<p><img loading="lazy" alt="DATA" src="/images/data/d_tsne-data.gif" title="DATA" /></p>
</div>