TonTon-UFPA-Comput/site
3
0
Fork 1
Code Issues Pull requests 2 Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Mateus Cezário Barreto 2025-11-18 22:17:16 -03:00
commit 7165598f2d
5 changed files with 31 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/chapa-sigmoide/fabill.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
public/chapa-sigmoide/henrique.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 KiB

7
public/css/chapa_sigmoide.css
View file

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

8
public/javascript/chapa_sigmoide.js
View file

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

28
views/chapa-sigmoide/readme.erb
View file

@ -143,9 +143,9 @@
</div> </div>
<figure> <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> </figure>
<div class="description"> <div class="description">
@ -155,4 +155,28 @@
<p><a href="henrique">Mais</a></p> <p><a href="henrique">Mais</a></p>
</div> </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> </div>