Chapa Sigmóide. New photos. Easteregg CSS rules and Javascript simplification (no more easteregg-hidden class)

public/css/chapa_sigmoide.css

@@ -335,10 +335,9 @@ div.easteregg-visible
   }
 }
 
-div.easteregg-visible div.description
-{ display: none; }
-
-div:not(.easteregg-visible) .easteregg
+div.easteregg-visible div.description,
+div:not(.easteregg-visible) .easteregg,
+div:not(.easteregg-visible).easteregg
 { display: none; }
 
 div.easteregg-visible .easteregg

public/javascript/chapa_sigmoide.js

@@ -5,7 +5,7 @@ for (const card of cards)
 	card.addEventListener('click', handleCardClick);
 }
 
-const eastereggContainers = document.querySelectorAll('div.ficha:has(.easteregg)');
+const eastereggContainers = document.querySelectorAll('div.ficha:has(.easteregg), div.ficha.easteregg');
 
 const messageBox = document.getElementById('message-box');
 
@@ -20,7 +20,6 @@ function hideEastereggs() {
 	for (const div of eastereggContainers)
 	{
 		div.classList.remove('easteregg-visible');
-		div.classList.add('easteregg-hidden');
 	}
 }
 
@@ -28,7 +27,6 @@ function expandEastereggs() {
 	for (const div of eastereggContainers)
 	{
 		div.classList.add('easteregg-visible');
-		div.classList.remove('easteregg-hidden');
 	}
 
 	// Clear any existing timeout and set a new one
@@ -74,6 +72,4 @@ function handleCardClick(event) {
 	// Check for the 3-click trigger
 	if (clickCount >= 3)
 	{ expandEastereggs(); }
-}
-
-window.onload = () => { hideEastereggs(); }
+}

views/chapa-sigmoide/readme.erb

@@ -143,9 +143,9 @@
 	</div>
 
 	<figure>
-		<img src="/chapa-sigmoide/henrique.jpg"/>
+		<img src="/chapa-sigmoide/henrique.png"/>
 
-		<img src="/chapa-sigmoide/henrique.jpg"/>
+		<img src="/chapa-sigmoide/henrique.png"/>
 	</figure>
 
 	<div class="description">
@@ -155,4 +155,28 @@
 
 		<p><a href="henrique">Mais</a></p>
 	</div>
+</div>
+
+<div class="ficha easteregg">
+	<div class="names">
+		<p><span class="shadowed">(Quase) <span><strong>Tesoureiro</strong></p>
+
+		<p>Fabill</p>
+
+		<p class="shadowed">Windows user</p>
+	</div>
+
+	<figure>
+		<img class="easteregg" src="/chapa-sigmoide/fabill.jpg"/>
+	</figure>
+
+	<div class="easteregg">
+		<p><strong>Semestre:</strong> 2º.</p>
+
+		<p><strong>Gosta de:</strong> bíblia, animes e FNAF.</p>
+
+		<p>america yaaa</p>
+
+		<p>Último detentor do Orange Pi.</p>
+	</div>
 </div>