sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improving easter egg.

Browse Source
This commit is contained in:
Sergiotarxz 2023-08-25 05:21:54 +02:00
parent d8250ed016
commit 6f7df6f624
3 changed files with 37 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/categories/index.xml
View File

@ -1,9 +1,11 @@
<category>
<title>Información de Burguillos.</title>
<description>
<div class="easter-egg">
<div class="burguillos-logo-container">
<img alt="The logo of Burguillos.info" src="/img/burguillos-new-logo.svg"/>
</div>
</div>
<p>Burguillos.info no está afiliado con el Ayuntamiento de Burguillos.</p>
<p>Esta página está destinada a informar de los sucesos y negocios de nuestro pueblo, cualquiera puede redactar una noticia para que aparezca en este medio mientras pase un proceso de revisión por parte del staff de Burguillos.info.</p>

13
public/css/styles.css
View File

@ -178,10 +178,19 @@ body {
transition-property: transform;
transition-duration: 2s;
transition-delay: 2s; }
body div.page-contents nav > a.selected > img.index-image-menu,
body div.page-contents div.easter-egg {
display: flex;
justify-content: center; }
body div.page-contents div.burguillos-logo-container.active {
border: solid 1px black;
border-radius: 50%;
filter: invert(1); }
body div.page-contents div.burguillos-logo-container {
padding: 40px;
width: 120px; }
body div.page-contents nav > a:hover > img.index-image-menu,
body div.page-contents div.burguillos-logo-container.active > img {
transform: rotate(-1.5rad); }
transform: rotate(-1.5707963268rad); }
body div.page-contents nav.desktop {
display: none; }
body div.page-contents nav.desktop a {

23
public/css/styles.scss
View File

@ -263,10 +263,29 @@ body {
transition-delay: 2s;
}
nav > a.selected > img.index-image-menu,
div.easter-egg {
display: flex;
justify-content: center;
}
div.burguillos-logo-container.active {
border: solid 1px black;
border-radius: 50%;
filter: invert(1);
}
div.burguillos-logo-container {
padding: 40px;
width: 120px;
}
nav > a:hover > img.index-image-menu,
div.burguillos-logo-container.active > img {
transform: rotate(-1.5rad);
transform: rotate(-1.5707963267948966rad);
}
div.burguillos-logo-container.active img {
}
nav.desktop {