Ajout d'une image en mode sombre
This commit is contained in:
parent
556d313e16
commit
4eb0f0f371
@ -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;
|
||||
}
|
||||
}
|
@ -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
BIN
images/profile_nuit_opt.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
@ -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">
|
||||
|
Loading…
x
Reference in New Issue
Block a user