Skip to content

Commit be3c7c3

Browse files
Bl4omArchieBl4omArchie
committed
petite update magnifique
1 parent 559c873 commit be3c7c3

File tree

13 files changed

+529
-84
lines changed

13 files changed

+529
-84
lines changed

‎article.html‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
<title>archX</title>
55
<meta charset="utf-8"/>
66
<link rel="stylesheet" href="css/index.css">
7+
<link rel="stylesheet" href="css/tags.css">
8+
<link rel="stylesheet" href="css/dark-mode.css">
79
<link rel="stylesheet" href="css/label.css">
810
</head>
911

@@ -15,6 +17,7 @@
1517
<a href="index.html">Home</a>
1618
<a href="news.html">News</a>
1719
<a href="open-source.html">Open Source</a>
20+
<a href="data_structure.html">Data structure</a>
1821
<a href="forum.html">Forum</a>
1922
<a href="article.html">Articles</a>
2023
<a href="write-up.html">Write-up</a>
@@ -33,12 +36,10 @@ <h1 class="page-title">Articles</h1>
3336
<section>
3437
<!-- Articles -->
3538
<div class=article>
36-
<hr>
37-
<h2><a href="article/congruence.html" target="_blank">🇫🇷 Arithmétique modulaire - Congruence</a></h2>
39+
<p><a href="article/congruence.html" target="_blank">🇫🇷 Arithmétique modulaire - Congruence</a></p>
3840
<p> Cours d'introduction aux congruences. Niveau license scientifique première année (L1)</p>
39-
<hr>
40-
<h2><a href="article/olympiade.html" target="_blank">🇫🇷 Olympiades nationales de mathématiques 2021 voie
41-
technologique</a></h2>
41+
<p><a href="article/olympiade.html" target="_blank">🇫🇷 Olympiades nationales de mathématiques 2021 voie
42+
technologique</a></p>
4243
<p>Ma correction d'un sujet d'olympiade organisé par le ministère de l'éducation.</p>
4344
</div>
4445
</section>

‎css/dark-mode.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
.dark-mode {
2+
background-color: #201f1f;
3+
color: #e0e0e0;
4+
}
5+
6+
.dark-mode-button {
7+
text-align: right;
8+
}
9+
10+
.dark-mode a.active {
11+
color: #80c9ff;
12+
border-bottom: 2px solid #80c9ff;
13+
}
14+
15+
.dark-mode form input {
16+
background-color: #333;
17+
color: #e0e0e0;
18+
}
19+
20+
.dark-mode form button {
21+
background-color: #333;
22+
color: #e0e0e0;
23+
}
24+
25+
.dark-mode #tag-filter-section {
26+
background-color: #333;
27+
border: 1px solid #555;
28+
}
29+
30+
.dark-mode #tag-filter-section .tag-filter {
31+
color: #80c9ff;
32+
background-color: #444;
33+
border: 1px solid #80c9ff;
34+
}
35+
36+
.dark-mode #tag-filter-section .tag-filter:hover {
37+
background-color: #80c9ff;
38+
color: #333;
39+
}
40+
41+
.dark-mode #tag-filter-section .tag-filter.active {
42+
background-color: #4da6ff;
43+
color: #fff;
44+
border-color: #4da6ff;
45+
}
46+
47+
.dark-mode table th {
48+
background-color: #444;
49+
color: #e0e0e0;
50+
}
51+
52+
.dark-mode table td {
53+
background-color: #333;
54+
color: #e0e0e0;
55+
}

‎css/index.css‎

Lines changed: 81 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,34 @@
1-
*{
1+
* {
22
padding: 0;
33
margin: 0;
44
box-sizing: border-box;
55
font-family: sans-serif;
66
}
77
h1 {
8-
font-size: 2em;
8+
font-size: 2.5em;
9+
font-family: 'Georgia', serif;
10+
line-height: 1.4;
11+
margin-bottom: 0.5em;
912
}
1013

1114
h1.page-title {
1215
text-align: center;
1316
}
1417
h2 {
15-
font-size: 1.2em;
18+
font-size: 2em;
19+
font-family: 'Georgia', serif;
20+
line-height: 1.4;
21+
margin-bottom: 0.5em;
1622
}
17-
h3{
18-
font-size: 1.3em;
23+
h3 {
24+
font-size: 1.5em;
25+
font-family: 'Georgia', serif;
26+
line-height: 1.4;
27+
margin-bottom: 0.5em;
1928
}
20-
p{
21-
font-size: 1.2em;
29+
p {
30+
font-size: 1.1em;
31+
margin-bottom: 1.5em;
2232
}
2333
@media (min-width: 1700px) {
2434
body {
@@ -41,117 +51,125 @@ p{
4151
transition: color 0.3s ease;
4252
}
4353

44-
45-
.dark-mode-button {
46-
text-align: right;
47-
}
48-
49-
.dark-mode {
50-
background-color: #201f1f;
51-
color: #e0e0e0;
52-
}
53-
54-
.dark-mode a.active {
55-
color: #80c9ff;
56-
border-bottom: 2px solid #80c9ff;
57-
}
58-
59-
60-
.dark-mode form input {
61-
background-color: #333;
62-
color: #e0e0e0;
63-
}
64-
65-
.dark-mode form button {
66-
background-color: #333;
67-
color: #e0e0e0;
68-
}
6954
#theme-icon {
7055
font-size: 1.2em;
7156
}
72-
body{
57+
body {
7358
max-width: 1100px;
7459
margin: auto;
7560
padding: 2em 4em;
7661
box-shadow: 0 0 8px 1px #e5e5e5;
7762
min-height: 100vh;
7863
padding-top: 80px;
64+
font-family: 'Arial', sans-serif;
65+
line-height: 1.6;
66+
color: #333;
7967
}
80-
header{
68+
header {
8169
padding: 1em 0;
8270
}
83-
header h1{
71+
header h1 {
8472
text-align: center;
8573
margin: 1em 0;
8674
}
8775
header nav {
8876
display: flex;
8977
justify-content: center;
9078
align-items: center;
91-
position: fixed; /* Fixe la barre en haut de la page */
92-
top: 0; /* Alignement en haut */
79+
position: fixed;
80+
top: 0;
9381
left: 0;
94-
width: 100%; /* Occupe toute la largeur */
95-
background-color: #fff; /* Assurez-vous que la barre est bien visible */
96-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Ajoute une ombre subtile */
97-
z-index: 1000; /* S'assure qu'elle reste au-dessus du contenu */
82+
width: 100%;
83+
background-color: #fff;
84+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
85+
z-index: 1000;
9886
}
99-
header nav a{
87+
header nav a {
10088
width: 20%;
10189
padding: 1rem;
10290
text-align: center;
10391
font-size: 1.2em;
104-
cursor:pointer;
92+
cursor: pointer;
10593
transition: 0.2s;
10694
}
107-
header nav a:hover,h2 a:hover{
95+
header nav a:hover, h2 a:hover {
10896
color: #00A000;
10997
}
110-
a,a:visited{
98+
a, a:visited {
11199
text-decoration: none;
112100
color: #00A000;
113-
transition: .2s;
101+
transition: color 0.3s ease;
102+
font-size: 1em;
114103
}
115104

116-
p > a{
117-
color: #00A000;
118-
text-decoration: underline;
119-
}
120-
p,h2,h3{
105+
p, h2, h3 {
121106
margin: 2em 0;
122107
}
123108

124-
a.active{
109+
a.active {
125110
font-weight: bold;
126111
color: #00A000;
127112
border-bottom: 2px solid #00A000;
128113
}
129-
table, table td a{
130-
font-size: 18px;
131-
color: whitesmoke;
132-
}
133-
form{
114+
115+
form {
134116
margin: 2em 0;
135117
}
136-
form input{
118+
form input {
137119
width: 50%;
138120
max-width: 400px;
139121
border: 1px solid #b4b4b4;
140122
padding: 0.5rem;
141123
border-radius: 4px;
142-
font-size: 18px;
124+
font-size: 1em;
143125
transition: .2s;
144126
}
145-
form button{
127+
form button {
146128
padding: 0.5em;
147-
font-size: 16px;
129+
font-size: 1em;
148130
background: none;
149131
border: 2px solid #00A000;
150132
border-radius: 4px;
151133
}
152-
ul{
134+
ul {
153135
padding-left: 2em;
136+
margin: 1.5em 0;
137+
font-size: 1.1em;
154138
}
155-
p.contact{
139+
p.contact {
156140
text-align: center;
157141
}
142+
143+
.custom-context-menu {
144+
position: absolute;
145+
display: none;
146+
background-color: #fff;
147+
color: #333;
148+
border: 1px solid #ccc;
149+
border-radius: 8px;
150+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
151+
z-index: 10000;
152+
padding: 0.5em 1em;
153+
font-size: 1em;
154+
list-style: none;
155+
}
156+
157+
.custom-context-menu li {
158+
padding: 0.5em 0;
159+
cursor: pointer;
160+
transition: background-color 0.2s ease;
161+
}
162+
163+
.custom-context-menu li:hover {
164+
background-color: #f0f0f0;
165+
}
166+
167+
.dark-mode .custom-context-menu {
168+
background-color: #333;
169+
color: #e0e0e0;
170+
border: 1px solid #555;
171+
}
172+
173+
.dark-mode .custom-context-menu li:hover {
174+
background-color: #444;
175+
}

‎css/table.css‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
table {
2+
border: none;
3+
border-collapse: collapse;
4+
width: 100%;
5+
margin: 2em 0;
6+
border-radius: 10px;
7+
}
8+
9+
table th, table td {
10+
border: none;
11+
padding: 0.8em;
12+
text-align: center;
13+
font-size: 1em;
14+
color: black;
15+
}
16+
17+
table th {
18+
color: #333;
19+
}
20+
21+
table td {
22+
border-top: 1px solid grey;
23+
border-bottom: 1px solid grey;
24+
border-left: none;
25+
border-right: none;
26+
}
27+
28+
table td:first-child {
29+
font-weight: bold;
30+
text-align: left;
31+
}
32+
33+
table td.performance-good {
34+
background-color: #d4f8d4;
35+
}
36+
37+
table td.performance-average {
38+
background-color: #ffe4b3;
39+
}
40+
41+
table td.performance-poor {
42+
background-color: #f8d4d4;
43+
}

‎css/tags.css‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
#tag-filter-section {
2+
display: flex;
3+
justify-content: center;
4+
flex-wrap: wrap;
5+
gap: 0.5em;
6+
margin: 2em 0;
7+
padding: 1em;
8+
background-color: #f9f9f9;
9+
border: 1px solid #ddd;
10+
border-radius: 8px;
11+
}
12+
13+
#tag-filter-section .tag-filter {
14+
padding: 0.5em 1em;
15+
font-size: 1em;
16+
font-weight: bold;
17+
color: #00A000;
18+
background-color: #fff;
19+
border: 1px solid #00A000;
20+
border-radius: 10px;
21+
cursor: pointer;
22+
transition: background-color 0.2s ease, color 0.2s ease;
23+
}
24+
25+
#tag-filter-section .tag-filter:hover {
26+
background-color: #ffb23de0;
27+
border-color: #ffb23de0;
28+
color: #fff;
29+
}
30+
31+
#tag-filter-section .tag-filter.active {
32+
background-color: #ffa216e0;
33+
color: #fff;
34+
border-color: #ffa216e0;
35+
}

0 commit comments

Comments
 (0)