Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

home: scratch that idea, bibou oracle finished

Browse source
This commit is contained in:
Agahnim 2026-03-23 16:55:23 +01:00
parent e2d0f6006c
commit 64c32f8c6f
3 changed files with 34 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
static/assets/images/boob_oracle_bg.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 KiB

58
static/style.css
View file

@ -466,43 +466,41 @@ home-content {
gap: 2rem; gap: 2rem;
} }
bibou-oracle {
background-image: url(assets/images/boob_oracle_bg.png);
bibou-container { bibou-container {
position: relative; position: relative;
display: block;
width: 100px;
margin: 0 auto;
cursor: pointer;
img {
width: 100%;
display: block; display: block;
width: 100px;
margin: 0 auto;
cursor: pointer;
img {
width: 100%;
display: block;
}
&:hover .bibou {
opacity: 1;
}
.bibou {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
&:hover .boubou {
opacity: 0;
}
} }
bibou-text { &:hover .bibou {
font-style: italic; opacity: 1;
text-align: center; }
.bibou {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
&:hover .boubou {
opacity: 0;
} }
} }
bibou-text {
font-style: italic;
text-align: center;
}
} }

14
templates/partials/home.html
View file

@ -54,14 +54,12 @@
width="30px" alt="Instagram logo" /></a> width="30px" alt="Instagram logo" /></a>
</socials> </socials>
<img width="200px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" /> <img width="200px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
<bibou-oracle> <bibou-container>
<bibou-container> <img class="boubou" src="/static/assets/images/boubou.webp" alt="Bibou endormi" />
<img class="boubou" src="/static/assets/images/boubou.webp" alt="Bibou endormi" /> <img class="bibou" src="/static/assets/images/bibou.webp" alt="Bibou éveillé" />
<img class="bibou" src="/static/assets/images/bibou.webp" alt="Bibou éveillé" /> </bibou-container>
</bibou-container> <bibou-text>
<bibou-text> </bibou-text>
</bibou-text>
</bibou-oracle>
</box> </box>
<box id="newsbox"> <box id="newsbox">
<website-news> <website-news>