Skip to content

Commit a7742f3

Browse files
Nde-CodeNde-Code
committed
feat: major color changes across the site.
1 parent 932de45 commit a7742f3

8 files changed

Lines changed: 80 additions & 80 deletions

File tree

‎404.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,16 +34,16 @@
3434
font-size: 20px;
3535
border-radius: 50px;
3636
color: white;
37-
background: #005DD9;
37+
background: #2FB4E8;
3838
transition: all 0.2s ease-out 0s;
3939
font-weight: bold;
40-
border: 4px solid #0047A6;
40+
border: 4px solid #0A6FA0;
4141
padding: 15px 30px;
4242
cursor: pointer;
4343
}
4444

4545
.last-page-btn:hover {
46-
background: #4690F2;
46+
background: #6AD6FF;
4747
}
4848

4949
</style>

‎index.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,32 +26,32 @@
2626
font-size: 20px;
2727
border-radius: 50px;
2828
color: white;
29-
background: #005DD9;
29+
background: #2FB4E8;
3030
transition: all 0.2s ease-out 0s;
3131
font-weight: bold;
32-
border: 4px solid #0047A6;
32+
border: 4px solid #0A6FA0;
3333
padding: 15px 30px;
3434
cursor: pointer;
3535
}
3636

3737
.about-btn:hover {
38-
background: #4690F2;
38+
background: #6AD6FF;
3939
}
4040

4141
.status-btn {
4242
font-size: 20px;
4343
border-radius: 50px;
4444
color: white;
45-
background: #8A2BE2;
45+
background: #F7D44A;
4646
transition: all 0.2s ease-out 0s;
4747
font-weight: bold;
48-
border: 4px solid #7A1FD1;
48+
border: 4px solid #E5B93A;
4949
padding: 15px 30px;
5050
cursor: pointer;
5151
}
5252

5353
.status-btn:hover {
54-
background: #9F8FEF;
54+
background: #FFE37A;
5555
}
5656

5757
</style>

‎online/foucault.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -26,32 +26,32 @@
2626
font-size: 20px;
2727
border-radius: 50px;
2828
color: white;
29-
background: #005DD9;
29+
background: #2FB4E8;
3030
transition: all 0.2s ease-out 0s;
3131
font-weight: bold;
32-
border: 4px solid #0047A6;
32+
border: 4px solid #0A6FA0;
3333
padding: 15px 30px;
3434
cursor: pointer;
3535
}
3636

3737
.foucault-btn:hover {
38-
background: #4690F2;
38+
background: #6AD6FF;
3939
}
4040

4141
.revolution-period-btn {
4242
font-size: 20px;
4343
border-radius: 50px;
4444
color: white;
45-
background: #8A2BE2;
45+
background: #F7D44A;
4646
transition: all 0.2s ease-out 0s;
4747
font-weight: bold;
48-
border: 4px solid #7A1FD1;
48+
border: 4px solid #E5B93A;
4949
padding: 15px 30px;
5050
cursor: pointer;
5151
}
5252

5353
.revolution-period-btn:hover {
54-
background: #9F8FEF;
54+
background: #FFE37A;
5555
}
5656

5757
</style>
@@ -313,9 +313,7 @@ <h2>Type de graphique:</h2>
313313
<div class="modalbox-text-container">
314314

315315
<h2>Code couleurs:</h2>
316-
317-
<p class="modalbox-description"><i class="fa-solid fa-circle color-purple"></i> Indique la durée du jour pendulaire. </p>
318-
316+
319317
<p class="modalbox-description"><i class="fa-solid fa-circle color-green"></i> Courbe sur le graphique indiquant l'évolution de la position en x au cours du temps. </p>
320318

321319
<p class="modalbox-description"><i class="fa-solid fa-circle color-yellow"></i> Courbe sur le graphique indiquant l'évolution de la position en y au cours du temps. </p>
@@ -338,6 +336,8 @@ <h2>Notes:</h2>
338336

339337
<p class="modalbox-description"><i class="fa-solid fa-square point"></i> Le logiciel refusera les latitudes comprises entre -10 et 10 degrés, car l'installation d'un pendule de Foucault près de l'équateur est inutile. </p>
340338

339+
<p class="modalbox-description"><i class="fa-solid fa-square point"></i> Le bouton jaune contenant une heure indique simplement la durée du jour sidéral. </p>
340+
341341
<p class="modalbox-description"><i class="fa-solid fa-square point"></i> Si la latitude saisie ne fonctionne pas, vérifiez que vous avez bien utilisé un point comme séparateur décimal, et non une virgule. Exemple: <span class="color-red alone-bold">48,85</span> mais <span class="color-green alone-bold">48.85</span>. </p>
342342

343343
</div>
@@ -606,7 +606,7 @@ <h2>Notes:</h2>
606606

607607
line: {
608608

609-
color: '#28A745',
609+
color: '#4CCB5A',
610610

611611
width: 2.5
612612

@@ -626,7 +626,7 @@ <h2>Notes:</h2>
626626

627627
line: {
628628

629-
color: '#F1C31B',
629+
color: '#F7D44A',
630630

631631
width: 2.5
632632

@@ -646,7 +646,7 @@ <h2>Notes:</h2>
646646

647647
line: {
648648

649-
color: '#DC3545',
649+
color: '#E85A5A',
650650

651651
width: 2.5
652652

@@ -666,7 +666,7 @@ <h2>Notes:</h2>
666666

667667
marker: {
668668

669-
color: '#FD7E14',
669+
color: '#D48A1F',
670670

671671
size: 8,
672672

‎online/harmonic-waves.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,16 @@
2626
font-size: 20px;
2727
border-radius: 50px;
2828
color: white;
29-
background: #005DD9;
29+
background: #2FB4E8;
3030
transition: all 0.2s ease-out 0s;
3131
font-weight: bold;
32-
border: 4px solid #0047A6;
32+
border: 4px solid #0A6FA0;
3333
padding: 15px 30px;
3434
cursor: pointer;
3535
}
3636

3737
.waves-btn:hover {
38-
background: #4690F2;
38+
background: #6AD6FF;
3939
}
4040

4141
</style>
@@ -672,7 +672,7 @@ <h2>Notes:</h2>
672672

673673
line: {
674674

675-
color: '#FD7E14',
675+
color: '#D48A1F',
676676

677677
width: 2.5
678678

@@ -690,7 +690,7 @@ <h2>Notes:</h2>
690690

691691
line: {
692692

693-
color: '#F1C31B',
693+
color: '#F7D44A',
694694

695695
width: 2.5
696696

@@ -708,7 +708,7 @@ <h2>Notes:</h2>
708708

709709
line: {
710710

711-
color: '#DC3545',
711+
color: '#E85A5A',
712712

713713
width: 2.5
714714

‎online/interpolation-playground.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,16 @@
2626
font-size: 20px;
2727
border-radius: 50px;
2828
color: white;
29-
background: #005DD9;
29+
background: #2FB4E8;
3030
transition: all 0.2s ease-out 0s;
3131
font-weight: bold;
32-
border: 4px solid #0047A6;
32+
border: 4px solid #0A6FA0;
3333
padding: 15px 30px;
3434
cursor: pointer;
3535
}
3636

3737
.interpolation-btn:hover {
38-
background: #4690F2;
38+
background: #6AD6FF;
3939
}
4040

4141
</style>
@@ -708,7 +708,7 @@ <h2>Notes:</h2>
708708

709709
line: {
710710

711-
color: '#FD7E14',
711+
color: '#D48A1F',
712712

713713
width: 2.5
714714

@@ -728,7 +728,7 @@ <h2>Notes:</h2>
728728

729729
line: {
730730

731-
color: '#F1C31B',
731+
color: '#F7D44A',
732732

733733
width: 2.5
734734

@@ -748,7 +748,7 @@ <h2>Notes:</h2>
748748

749749
line: {
750750

751-
color: '#DC3545',
751+
color: '#E85A5A',
752752

753753
width: 2.5
754754

@@ -768,7 +768,7 @@ <h2>Notes:</h2>
768768

769769
marker: {
770770

771-
color: '#28A745',
771+
color: '#4CCB5A',
772772

773773
size: 10,
774774

‎online/meteorites-map.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -75,9 +75,9 @@
7575
height: 10px;
7676
border-radius: 50%;
7777
box-sizing: border-box;
78-
box-shadow: 0 0 2px 2px #4690F2;
79-
background: #4690F2;
80-
border: 3px solid #0047A6;
78+
box-shadow: 0 0 2px 2px #6AD6FF;
79+
background: #6AD6FF;
80+
border: 3px solid #0A6FA0;
8181
}
8282

8383
.maptiler-logo {
@@ -97,8 +97,8 @@
9797
}
9898

9999
.dropdown-button {
100-
background: #005DD9;
101-
border: 4px solid #0047A6;
100+
background: #2FB4E8;
101+
border: 4px solid #0A6FA0;
102102
color: #fff;
103103
padding: 12px;
104104
border-radius: 50%;
@@ -113,7 +113,7 @@
113113
}
114114

115115
.dropdown-button:hover {
116-
background: #4690F2;
116+
background: #6AD6FF;
117117
}
118118

119119
.dropdown-button i {
@@ -840,7 +840,7 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
840840

841841
const options = [
842842

843-
{ text: '<span id="random-html"> Ajouter aléatoirement des météorites sur la carte </span>', icon: 'fa-solid fa-plus animation', color: '#4690F2', action: async () => {
843+
{ text: '<span id="random-html"> Ajouter aléatoirement des météorites sur la carte </span>', icon: 'fa-solid fa-plus animation', color: '#6AD6FF', action: async () => {
844844

845845
const $li = $('#random-html').closest('li');
846846

@@ -860,7 +860,7 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
860860

861861
icon: 'fa-solid fa-earth-europe animation',
862862

863-
color: '#4690F2',
863+
color: '#6AD6FF',
864864

865865
action: async () => {
866866

@@ -908,19 +908,19 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
908908

909909
},
910910

911-
{ text: '<span id="meteorites-html"> Aucune météorite sur la carte </span>', icon: 'fa-solid fa-meteor', color: '#4690F2' },
911+
{ text: '<span id="meteorites-html"> Aucune météorite sur la carte </span>', icon: 'fa-solid fa-meteor', color: '#6AD6FF' },
912912

913-
{ text: `<span id="stats-html"> Aucune statistique disponible sur l'échantillon </span>`, icon: 'fa-solid fa-chart-line', color: '#4690F2', action: () => {} },
913+
{ text: `<span id="stats-html"> Aucune statistique disponible sur l'échantillon </span>`, icon: 'fa-solid fa-chart-line', color: '#6AD6FF', action: () => {} },
914914

915-
{ text: 'Quelques notes du développeur', icon: 'fa-solid fa-book', color: '#4690F2', action: () => {
915+
{ text: 'Quelques notes du développeur', icon: 'fa-solid fa-book', color: '#6AD6FF', action: () => {
916916

917917
$('#modalbox-notes, .overlay').show();
918918

919919
}
920920

921921
},
922922

923-
{ text: `${new Date().getFullYear()} Nathan Debilloëz`, icon: 'fa-regular fa-copyright', color: '#4690F2', action: () => { window.location.href = '/'; } }
923+
{ text: `${new Date().getFullYear()} Nathan Debilloëz`, icon: 'fa-regular fa-copyright', color: '#6AD6FF', action: () => { window.location.href = '/'; } }
924924

925925
];
926926

‎online/radioactive-decay.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -26,52 +26,52 @@
2626
font-size: 20px;
2727
border-radius: 50px;
2828
color: white;
29-
background: #005DD9;
29+
background: #2FB4E8;
3030
transition: all 0.2s ease-out 0s;
3131
font-weight: bold;
32-
border: 4px solid #0047A6;
32+
border: 4px solid #0A6FA0;
3333
padding: 15px 30px;
3434
cursor: pointer;
3535
}
3636

3737
.radioactive-decay-btn:hover {
38-
background: #4690F2;
38+
background: #6AD6FF;
3939
}
4040

4141
.error-btn {
4242
font-size: 20px;
4343
border-radius: 50px;
4444
color: white;
45-
background: #DC3545;
45+
background: #E85A5A;
4646
transition: all 0.2s ease-out 0s;
4747
font-weight: bold;
48-
border: 4px solid #B52A37;
48+
border: 4px solid #B43A45;
4949
padding: 15px 30px;
5050
cursor: pointer;
5151
}
5252

5353
.error-btn:hover {
54-
background: #E55361;
54+
background: #E56A75;
5555
}
5656

5757
.chain-btn {
5858
font-size: 20px;
5959
border-radius: 50px;
6060
color: white;
61-
background: #8A2BE2;
61+
background: #F7D44A;
6262
transition: all 0.2s ease-out 0s;
6363
font-weight: bold;
64-
border: 4px solid #7A1FD1;
64+
border: 4px solid #E5B93A;
6565
padding: 15px 30px;
6666
cursor: pointer;
6767
}
6868

6969
.chain-btn:hover {
70-
background: #9F8FEF;
70+
background: #FFE37A;
7171
}
7272

7373
.decay-plot {
74-
color: #28A745;
74+
color: #4CCB5A;
7575
font-size: 22px;
7676
font-style: italic;
7777
font-weight: bold;

0 commit comments

Comments
 (0)