Zost/site
1
0
Fork 1
forked from TonTon-UFPA-Comput/site
Code Pull requests Activity

revision

Browse source
This commit is contained in:
Mateus Cezário Barreto 2025-11-18 15:21:41 -03:00
commit e2ce3d6cb7
4 changed files with 80 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

65
public/css/chapa_sigmoide.css
View file

@ -270,17 +270,24 @@ div.ficha figure
padding: 0;
}
div.ficha figure img
div.ficha img
{
margin: 0;
aspect-ratio: 3 / 4;
}
div.ficha:not(.easteregg-visible) img
{
animation-name: image-change;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
}
div.ficha div.description
div.ficha.easteregg-visible img:not(.easteregg)
{ opacity: 0; }
div.ficha div.description, div.ficha div.easteregg
{
grid-row: 2;
grid-column: 1 / 3;
@ -308,43 +315,55 @@ div.ficha div.description
40%, 80% { transform: translateX(8px) rotate(1deg); }
}
.animate-shake {
animation: shake 0.3s ease-in-out;
.animate-shake
{ animation: shake 0.3s ease-in-out; }
div.easteregg-visible
{ animation: glow 1s infinite alternate ease-in-out; }
@keyframes glow {
0% {
border-color: orange;
box-shadow: 0 0 10px orange,
0 0 20px orange;
}
100% {
border-color: red;
box-shadow: 0 0 10px red,
0 0 30px red;
}
}
.easteregg-transition {
transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in;
overflow: hidden;
}
div.easteregg-visible div.description
{ display: none; }
.easteregg-hidden {
max-height: 0;
opacity: 0;
padding: 0 1.5rem; /* Maintain horizontal padding space */
}
div:not(.easteregg-visible) .easteregg
{ display: none; }
.easteregg-visible {
max-height: 300px; /* Arbitrary large height for expansion */
opacity: 1;
padding-top: 1rem;
padding-bottom: 1.5rem;
}
div.easteregg-visible .easteregg
{ display: block; }
div.ficha figure img:nth-of-type(1)
{ animation-delay: 0s;}
div.ficha figure img:nth-of-type(2)
div.ficha figure img:not(:nth-of-type(1))
{
animation-delay: 5s;
opacity: 0;
position: absolute;
left: 0rem;
top: 0rem;
width: 100%;;
width: 100%;
padding: inherit;
box-sizing: border-box;
}
div.ficha figure img:not(:nth-of-type(1)):not(.easteregg)
{ opacity: 0; animation-delay: 5s; }
div.ficha img.easteregg
{ opacity: 1; }
@media print
{
:root