2024-11-04 11:52:45 +01:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "UTF-8" >
2024-11-04 14:14:28 +01:00
< title > dragonfeu_blog< / title >
2024-11-04 11:52:45 +01:00
< style type = 'text/css' > * {
box-sizing: border-box;
2024-11-04 01:20:58 +01:00
margin: 0;
2024-11-04 14:14:28 +01:00
padding: 0;
2024-11-04 01:20:58 +01:00
}
2024-11-04 11:52:45 +01:00
body {
2024-11-04 14:14:28 +01:00
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 60ch;
color: #000;
background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
margin-top: 1em;
margin-bottom: 2rem;
color: #333;
2024-11-04 11:52:45 +01:00
}
/* 1. Use a more-intuitive box-sizing model */
2024-11-04 14:14:28 +01:00
*,
*::before,
*::after {
2024-11-04 11:52:45 +01:00
box-sizing: border-box;
}
body {
2024-11-04 14:14:28 +01:00
/* Improve text rendering */
2024-11-04 11:52:45 +01:00
-webkit-font-smoothing: antialiased;
}
2024-11-04 14:14:28 +01:00
/* Improve media defaults */
img,
picture,
video,
canvas,
svg {
2024-11-04 11:52:45 +01:00
display: block;
2024-11-04 14:14:28 +01:00
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
2024-11-04 11:52:45 +01:00
max-width: 100%;
}
2024-11-04 14:14:28 +01:00
/* Inherit fonts for form controls */
input,
button,
textarea,
select {
2024-11-04 11:52:45 +01:00
font: inherit;
}
2024-11-04 14:14:28 +01:00
/* Avoid text overflows */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
2024-11-04 11:52:45 +01:00
overflow-wrap: break-word;
}
2024-11-04 14:14:28 +01:00
/* Improve line wrapping */
2024-11-04 11:52:45 +01:00
p {
text-wrap: pretty;
2024-11-04 14:14:28 +01:00
margin-top: 1.5rem;
margin-bottom: 1rem;
2024-11-04 11:52:45 +01:00
}
2024-11-04 14:14:28 +01:00
h1 {
font-size: 3.5rem;
2024-11-04 01:20:58 +01:00
}
2024-11-04 14:14:28 +01:00
h2 {
font-size: 2rem;
2024-11-04 11:52:45 +01:00
}
2024-11-04 14:14:28 +01:00
h3 {
font-size: 1.5rem;
2024-11-04 01:20:58 +01:00
}
2024-11-04 14:14:28 +01:00
h1,
h2,
h3,
h4,
h5,
h6 {
2024-11-04 01:20:58 +01:00
text-wrap: balance;
2024-11-04 14:14:28 +01:00
line-height: 1.3em;
2024-11-04 11:52:45 +01:00
}
2024-11-04 01:20:58 +01:00
2024-11-04 14:14:28 +01:00
#root,
#__next {
2024-11-04 01:20:58 +01:00
isolation: isolate;
2024-11-04 11:52:45 +01:00
}
2024-11-04 01:20:58 +01:00
2024-11-04 14:14:28 +01:00
input,
button,
textarea,
select {
2024-11-04 11:52:45 +01:00
font: inherit;
}
2024-11-04 14:14:28 +01:00
ul {
padding-left: 4ch;
padding-right: 4ch;
2024-11-04 11:52:45 +01:00
}
2024-11-04 14:14:28 +01:00
li {
margin-bottom: 1em;
2024-11-04 11:52:45 +01:00
}
2024-11-04 14:14:28 +01:00
@media (max-width: 20rem) {
body {
padding: 1rem;
}
2024-11-04 11:52:45 +01:00
}
< / style > < / head >
< body >
2024-11-04 14:14:28 +01:00
< a href = '/' > Retour à l'Accueil< / a > < hr / > < html > < head > < title > dragonfeu_blog< / title > < / head > < body > # dragonfeu_blog - Articles
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
2024-11-03 12:32:08 +01:00
2024-11-05 23:06:54 +01:00
< h1 > Navigation< / h1 > < br > < a href = /index.html > index.html< / a > < h1 > Articles en Français< / h1 > < br > < a href = /2024/coucou-gemini > 2024 coucou gemini< / a > < / article > < / body > < / html >
2024-11-04 14:14:28 +01:00
< footer > < hr / > < a href = '/' > Retour à l'Accueil< / a > < / footer > < / body >
2024-11-04 11:52:45 +01:00
< / html >