Ajout d'une image en mode sombre

This commit is contained in:
Anthony Dumas 2019-09-21 17:44:24 +02:00
parent 556d313e16
commit 4eb0f0f371
4 changed files with 27 additions and 1 deletions

View File

@ -130,4 +130,18 @@ font-size: 25px;
//
footer small{
color:$white;
}
#photoProfil.dark{
display:none;
}
@media (prefers-color-scheme: dark){
#photoProfil.dark{
display:block;
}
#photoProfil.light{
display:none;
}
}

View File

@ -7114,3 +7114,12 @@ section#contact .button {
footer small {
color: #ffffff; }
#photoProfil.dark {
display: none; }
@media (prefers-color-scheme: dark) {
#photoProfil.dark {
display: block; }
#photoProfil.light {
display: none; } }

BIN
images/profile_nuit_opt.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View File

@ -35,9 +35,12 @@
<div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
<div class="card">
<div class="card-image">
<figure id="photoProfil" class="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>
</div>
<div class="card-content">
<div class="media">