Utilisation d'un png au lieu de plusieurs images

> Permet d'éviter d'avoir plusieurs images inutiles
This commit is contained in:
Anthony Dumas 2019-12-26 15:41:26 +01:00
parent 06ae35500b
commit c0910f319a
6 changed files with 15 additions and 26 deletions

View File

@ -54,4 +54,9 @@
p{
color:white;
}
#photoProfil{
background-color:darken(#5c9ead,30%);
}
}

View File

@ -132,16 +132,7 @@ footer small{
color:$white;
}
#photoProfil.dark{
display:none;
// Photo de Profil
#photoProfil{
background-color:lightgray;
}
@media (prefers-color-scheme: dark){
#photoProfil.dark{
display:block;
}
#photoProfil.light{
display:none;
}
}

View File

@ -7065,7 +7065,9 @@ label.panel-block {
border-width: 4px;
color: white; }
p {
color: white; } }
color: white; }
#photoProfil {
background-color: #25444b; } }
#idCard .hero-body {
padding-bottom: 2rem;
@ -7115,11 +7117,5 @@ section#contact .button {
footer small {
color: #ffffff; }
#photoProfil.dark {
display: none; }
@media (prefers-color-scheme: dark) {
#photoProfil.dark {
display: block; }
#photoProfil.light {
display: none; } }
#photoProfil {
background-color: lightgray; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
images/profile_opt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

View File

@ -35,11 +35,8 @@
<div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
<div class="card">
<div class="card-image">
<figure id="photoProfil" class="image light">
<img src="images/profile_opt.jpg" alt="Une Photo de moi">
</figure>
<figure id="photoProfil" class="image dark">
<img src="images/profile_nuit_opt.jpg" alt="Une Photo de moi">
<figure id="photoProfil" class="image">
<img src="images/profile_opt.png" alt="Une Photo de moi">
</figure>
</div>
<div class="card-content">