added showcase, credits, and fixed hover bug

public/articles/data.html

@@ -41,17 +41,54 @@
 <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>Designed and developed using p5js, by Cailean Finn.</p>
 		</div>
-		<div id="project-related">
-			<div id="pr-header">References:</div>
-			<ul id="pr-list">
-				
-				<li><a href='https://www.caileanfinn.ie'>some-title</a></li>
-				
-			</ul>
+		
+		
+		<div id="project-showcase">
+			<div id="pr-header">Exhibited:</div>
+			<div id="showcase-cont">
+			
+			<div class="showcase">
+				<p>(2024)</p>
+				<p>Exposed Torino Foto Festival,</p>
+				<p>Turin</p>
+			</div>
+			
+			<div class="showcase">
+				<p>(2025)</p>
+				<p>Another Showcase Festival,</p>
+				<p>Rome</p>
+			</div>
+			
+			</div>
+		</div>
+		
+
+		
+		<div id="project-credits">
+			<div id="pr-header">Credits:</div>
+			<div id="credit-cont">
+			
+				<div class="credit">
+				<p>&#8594;</p> 
+				<p>Cailean, </p> 
+				<p>CT</p>
+				</div>
+			
+				<div class="credit">
+				<p>&#8594;</p> 
+				<p>Leon, </p> 
+				<p>Camera</p>
+				</div>
+			
+			</div>
+		</div>
+		
+
+		
+
 		<div id="sleeping-mario">
 			<img src="/images/website/mario-sleep-up.gif">
 		</div>
-		</div>
 	</div>
 </div>