added showcase, credits, and fixed hover bug

public/articles/latent-mirror.html

@@ -43,17 +43,48 @@
 <p>The visual element of the performance was real-time and audio reactive, which captured the facial structure of the performing sound artist. By utilising Machine Learning Models, the captured face was manipulated and distorted further to animate another portrait, in an attempt to deconstruct and isolate key compositional elements of the 'subject'. Through this work, we hoped to reflect on our digital identity, and highlight the disconnection between our physical and virtual presence.</p>
 <p>Created in TouchDesigner.</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>(2022)</p>
+				<p>Sound & Portraits, Imagine Arts Fesitval, WGOA,</p>
+				<p>Wateford</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>