diff --git a/css/style.css b/css/style.css
index c40144e..eaaf81f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -35,23 +35,20 @@ header h2 {
#lang {
margin-top: 20px;
- display: grid;
- grid-auto-flow: column;
- grid-column-gap: 1em;
- grid-template-rows: fit-content(100%);
}
-#lang a {
- font-weight: bold;
- font-size: 150%;
+#lang img {
+ border: 2px solid black;
+ filter: brightness(50%);
}
#lang #choose {
- color: #4970E1;
+ filter: brightness(100%);
}
-#lang a:hover {
- color: #FA4DBA;
+#lang img:hover {
+ filter: brightness(100%);
+ border-color: cyan;
}
#header-links {
diff --git a/generate.sh b/generate.sh
index 6eabcf9..c6aed7b 100755
--- a/generate.sh
+++ b/generate.sh
@@ -31,7 +31,6 @@ defaultLang="fr"
header="header.html"
footer="footer.html"
org=0
-testDocker=0
################################################################################
# Génère un message d'aide
@@ -79,7 +78,14 @@ do
exit 0
;;
"-t") # lancer un docker de test
- testDocker=1
+ docker build . --tag site && echo -e \
+ "\n\033[32mSite de test déployé sur l'adresse" \
+ "localhost:8080\033[0m" || exit 1
+ echo -e "\033[32mC-c pour quitter\033[0m\n"
+
+ docker run --rm -p 8080:80 site
+ docker rmi site
+ exit 0
;;
"-d") ;&
"-n")
@@ -127,22 +133,6 @@ function generate_header {
echo -e " </div>\n" >> $tmpHeader
}
-
-
-
-
-if [ $testDocker -eq 1 ]
-then
- docker build . --tag site && echo -e \
- "\n\033[32mSite de test déployé sur l'adresse" \
- "localhost:8080\033[0m" || exit 1
- echo -e "\033[32mC-c pour quitter\033[0m\n"
-
- docker run --rm -p 8080:80 site
- docker rmi site
- exit 0
-fi
-
if [ -d $target ]
then
# TODO demander à l'utilisateur
@@ -189,7 +179,7 @@ do
sed -i -e "/%links%/d" $file
sed -i -e "/%link%/,/%endlink%/d" $file
- sed -i -e "s/>${l^^}<\/a>/ id=\"choose\">${l^^}<\/a>/" $file
+ sed -i -e "s/img alt=\"$l/img id=\"choose\" alt=\"$l/" $file
sed -i -e "s/%file%/$i/" $file
sed -i -e "s/%gitfile%/lang\/$l\/$i/" $file
diff --git a/header.html b/header.html
index 78cf5d3..6b00e9e 100644
--- a/header.html
+++ b/header.html
@@ -17,8 +17,8 @@
<h2>%subtitle%</h2>
</div>
<div id="lang">
- <a href="/fr/%file%">FR</a>
- <a href="/en/%file%">EN</a>
+ <a href="/fr/%file%"><img alt="fr" src="/img/fr.svg" height=35 /></a>
+ <a href="/en/%file%"><img alt="en" src="/img/en.svg" height=35 /></a>
<!--<a href="/toki/%file%"><img alt="toki" src="/img/fr.svg" height=35 /></a>-->
</div>
</header>
diff --git a/img/en.svg b/img/en.svg
new file mode 100644
index 0000000..75b969d
--- /dev/null
+++ b/img/en.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 30" width="1000" height="600">
+ <clipPath id="t">
+ <path d="M25,15h25v15zv15h-25zh-25v-15zv-15h25z"/>
+ </clipPath>
+ <path d="M0,0v30h50v-30z" fill="#012169"/>
+ <path d="M0,0 50,30M50,0 0,30" stroke="#fff" stroke-width="6"/>
+ <path d="M0,0 50,30M50,0 0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
+ <path d="M-1 11h22v-12h8v12h22v8h-22v12h-8v-12h-22z" fill="#C8102E" stroke="#FFF" stroke-width="2"/>
+</svg>
\ No newline at end of file
diff --git a/img/fr.svg b/img/fr.svg
new file mode 100644
index 0000000..3165e37
--- /dev/null
+++ b/img/fr.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600">
+<rect width="900" height="600" fill="#CE1126"/>
+<rect width="600" height="600" fill="#FFFFFF"/>
+<rect width="300" height="600" fill="#002654"/>
+</svg>
diff --git a/lang/en/about.html b/lang/en/about.html
index 17b2693..867e1cc 100644
--- a/lang/en/about.html
+++ b/lang/en/about.html
@@ -10,6 +10,14 @@
<h2>Header</h2>
<p>The Glider comes from <a href="http://www.catb.org/hacker-emblem/">catb website</a>.</p>
+ <h3>Flags</h3>
+ <p>I use SVGs from Wikipedia.</p>
+
+ <ul>
+ <li><a href="https://en.wikipedia.org/wiki/File:Flag_of_France.svg">France</a></li>
+ <li><a href="https://en.wikipedia.org/wiki/File:Flag_of_the_United_Kingdom_(1-2).svg">United-Kingdom</a></li>
+ </ul>
+
<h2>Web buttons in footer</h2>
<p>The links on the buttons are often websites where I found them.</p>
diff --git a/lang/en/index.html b/lang/en/index.html
index 5d3869e..fc151ef 100644
--- a/lang/en/index.html
+++ b/lang/en/index.html
@@ -24,7 +24,6 @@ rel="stylesheet" href="/css/index.css"
<h2>News</h2>
<p>I'll add the interesting news of my website here. Read the commits to have more informations about the small changes of the site !</p>
<div id="news">
- <p><code>04-04-2024:</code> use ISO norm instead of flags for languages.</p>
<p><code>25-10-2023:</code> translate everything \o/ (unless ??).</p>
<p><code>04-10-2023:</code> moving to a VPS at <a href="https://contabo.com">Contabo</a>.</p>
<p><code>29-09-2023:</code> nice favicon :).</p>
diff --git a/lang/fr/apropos.html b/lang/fr/apropos.html
index f51289d..56011eb 100644
--- a/lang/fr/apropos.html
+++ b/lang/fr/apropos.html
@@ -10,6 +10,14 @@
<h2>Header</h2>
<p>Le Glider vient du site de <a href="http://www.catb.org/hacker-emblem/">catb</a>.</p>
+ <h3>Drapeaux des langues</h3>
+ <p>Ils proviennent des fichiers SVG de Wikipedia.</p>
+
+ <ul>
+ <li><a href="https://en.wikipedia.org/wiki/File:Flag_of_France.svg">France</a></li>
+ <li><a href="https://en.wikipedia.org/wiki/File:Flag_of_the_United_Kingdom_(1-2).svg">Royaume-Uni</a></li>
+ </ul>
+
<h2>Boutons web dans le footer</h2>
<p>Les liens des boutons sont souvent les sites sur lesquels j'ai pu trouver les boutons.</p>
diff --git a/lang/fr/index.html b/lang/fr/index.html
index 5e514f2..c73b1c6 100644
--- a/lang/fr/index.html
+++ b/lang/fr/index.html
@@ -24,7 +24,6 @@ rel="stylesheet" href="/css/index.css"
<h2>Nouveautés</h2>
<p>Je rajouterai les nouveautés intéressantes du site ici. Lisez les commits pour avoir plus de détails sur les petites modifications du site !</p>
<div id="news">
- <p><code>04-04-2024:</code> utilisation de la norme ISO au lieu de drapeaux pour les langues.</p>
<p><code>04-10-2023:</code> migration vers un VPS chez <a href="https://contabo.com">Contabo</a>.</p>
<p><code>29-09-2023:</code> un joli favicon :).</p>
<p><code>30-05-2023:</code> une meilleure CSP pour éviter <a href="https://im-in.space/@kdy/110429056346185564">les injections de trackers</a>.</p>