use iso norm instead of flags for languages

This commit is contained in:
rick 2024-04-04 21:29:29 +02:00
parent 0902251a66
commit 9a53a6914b
Signed by: Rick
GPG key ID: A2E7B6CA577C8F07
9 changed files with 15 additions and 41 deletions

View file

@ -35,20 +35,23 @@ header h2 {
#lang { #lang {
margin-top: 20px; margin-top: 20px;
display: grid;
grid-auto-flow: column;
grid-column-gap: 1em;
grid-template-rows: fit-content(100%);
} }
#lang img { #lang a {
border: 2px solid black; font-weight: bold;
filter: brightness(50%); font-size: 150%;
} }
#lang #choose { #lang #choose {
filter: brightness(100%); color: #4970E1;
} }
#lang img:hover { #lang a:hover {
filter: brightness(100%); color: #FA4DBA;
border-color: cyan;
} }
#header-links { #header-links {

View file

@ -179,7 +179,7 @@ do
sed -i -e "/%links%/d" $file sed -i -e "/%links%/d" $file
sed -i -e "/%link%/,/%endlink%/d" $file sed -i -e "/%link%/,/%endlink%/d" $file
sed -i -e "s/img alt=\"$l/img id=\"choose\" alt=\"$l/" $file sed -i -e "s/>${l^^}<\/a>/ id=\"choose\">${l^^}<\/a>/" $file
sed -i -e "s/%file%/$i/" $file sed -i -e "s/%file%/$i/" $file
sed -i -e "s/%gitfile%/lang\/$l\/$i/" $file sed -i -e "s/%gitfile%/lang\/$l\/$i/" $file

View file

@ -17,8 +17,8 @@
<h2>%subtitle%</h2> <h2>%subtitle%</h2>
</div> </div>
<div id="lang"> <div id="lang">
<a href="/fr/%file%"><img alt="fr" src="/img/fr.svg" height=35 /></a> <a href="/fr/%file%">FR</a>
<a href="/en/%file%"><img alt="en" src="/img/en.svg" height=35 /></a> <a href="/en/%file%">EN</a>
<!--<a href="/toki/%file%"><img alt="toki" src="/img/fr.svg" height=35 /></a>--> <!--<a href="/toki/%file%"><img alt="toki" src="/img/fr.svg" height=35 /></a>-->
</div> </div>
</header> </header>

View file

@ -1,9 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 477 B

View file

@ -1,6 +0,0 @@
<?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>

Before

Width:  |  Height:  |  Size: 262 B

View file

@ -10,14 +10,6 @@
<h2>Header</h2> <h2>Header</h2>
<p>The Glider comes from <a href="http://www.catb.org/hacker-emblem/">catb website</a>.</p> <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> <h2>Web buttons in footer</h2>
<p>The links on the buttons are often websites where I found them.</p> <p>The links on the buttons are often websites where I found them.</p>

View file

@ -24,6 +24,7 @@ rel="stylesheet" href="/css/index.css"
<h2>News</h2> <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> <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"> <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>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>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> <p><code>29-09-2023:</code> nice favicon :).</p>

View file

@ -10,14 +10,6 @@
<h2>Header</h2> <h2>Header</h2>
<p>Le Glider vient du site de <a href="http://www.catb.org/hacker-emblem/">catb</a>.</p> <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> <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> <p>Les liens des boutons sont souvent les sites sur lesquels j'ai pu trouver les boutons.</p>

View file

@ -24,6 +24,7 @@ rel="stylesheet" href="/css/index.css"
<h2>Nouveautés</h2> <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> <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"> <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>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>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> <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>