pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip mixed old and new, works on new to create a better iframe structure

Browse Source
This commit is contained in:
Hugo LAMY
2022-03-29 12:54:48 +02:00
parent 3d938681a0
commit 17d320215d
47 changed files with 229 additions and 1253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
README.md
View File

@@ -6,39 +6,40 @@
# todo :
- sur la page d'accueil supprimer le visuel et le titre
- Les quatre titres d'onglet au bas de la page peuvent rester,
- il faudrait simplement remplacer le mot "KOSMOPOLIT" par "ASSOCIATION"
- onglet KOSMOPOLIT, dans les trois langues:
- le renommer "ASSOCIATION",
- supprimer la citation, le texte de présentation et le visuel d'Olgaline Padilla.
- Dans la section "l'équipe":
- enlever "Lucie Lamy" devant "secrétaire",
- "Jean-Philippe Rossignol" devant "directeur artistique"
- et "Miléna Yung" devant "coordinatrice".
- Dans la partie "crédit":
- enlever "Marie-Charlotte Gain-Hautbois – visuel du logo"
- et "Lucie Lamy – réalisation du logo".
- En ce qui te concerne, tu peux décider si tu enlèves ton nom ou pas !
- P.S.: Sur l'onglet KOSMOPOLIT, il faut aussi supprimer le téléchargement du bulletin d'adhésion (dans les trois langues) !
- Tu peux laisser "bulletin d'adhésion", mais que ça ne renvoie plus vers rien quand on clique dessus ! Merci beaucoup !
- onglet "Litterall", dans les trois langues:
- supprimer la citation et le texte de présentation.
- Garder le visuel.
- Supprimer l'encart "traduire, retraduire"
- et la page à laquelle il renvoie.
- onglet "Lettres d'Europe et d'Ailleurs", dans les trois langues:
- supprimer la citation,
- le texte de présentation et le visuel de Frank Smith.
- onglet lettres d'Europe et d'Ailleurs 2021, dans les deux langues:
- rubrique "conception et réalisation" :
- rajouter un "t" à "réalisation".
- Juste avant cette rubrique, ajouter une autre rubrique similaire (qui doit apparaître aussi dans le sommaire):
- "direction artistique et coordination" (en anglais: "artistic direction and coordination"),
- avec comme texte "Jean-Philippe Rossignol et Miléna Yung" (en anglais "and" à la place de "et").
- sur tout le site:
- enlever la miniature du visuel du logo en haut des onglets,
- ainsi que dans l'angle en haut à gauche du site.
- dans le footer,
- remplacer "© KOSMOPOLIT – littératures germanophones et européennes"
- par "© ASSOCIATION – littératures germanophones et européennes"
- [/] sur la page d'accueil
- [/] supprimer le visuel et le titre
- [/] Les quatre titres d'onglet au bas de la page peuvent rester,
- [/] il faudrait simplement remplacer le mot "KOSMOPOLIT" par "ASSOCIATION"
- [ ] onglet KOSMOPOLIT, dans les trois langues:
- [ ] le renommer "ASSOCIATION",
- [ ] supprimer la citation, le texte de présentation et le visuel d'Olgaline Padilla.
- [ ] Dans la section "l'équipe":
- [ ] enlever "Lucie Lamy" devant "secrétaire",
- [ ] "Jean-Philippe Rossignol" devant "directeur artistique"
- [ ] et "Miléna Yung" devant "coordinatrice".
- [ ] Dans la partie "crédit":
- [ ] enlever "Marie-Charlotte Gain-Hautbois – visuel du logo"
- [ ] et "Lucie Lamy – réalisation du logo".
- [ ] En ce qui te concerne, tu peux décider si tu enlèves ton nom ou pas !
- [ ] P.S.: Sur l'onglet KOSMOPOLIT, il faut aussi supprimer le téléchargement du bulletin d'adhésion (dans les trois langues) !
- [ ] Tu peux laisser "bulletin d'adhésion", mais que ça ne renvoie plus vers rien quand on clique dessus ! Merci beaucoup !
- [ ] onglet "Litterall", dans les trois langues:
- [ ] supprimer la citation et le texte de présentation.
- [ ] Garder le visuel.
- [ ] Supprimer l'encart "traduire, retraduire"
- [ ] et la page à laquelle il renvoie.
- [ ] onglet "Lettres d'Europe et d'Ailleurs", dans les trois langues:
- [ ] supprimer la citation,
- [ ] le texte de présentation et le visuel de Frank Smith.
- [ ] onglet lettres d'Europe et d'Ailleurs 2021, dans les deux langues:
- [ ] rubrique "conception et réalisation" :
- [ ] rajouter un "t" à "réalisation".
- [ ] Juste avant cette rubrique, ajouter une autre rubrique similaire (qui doit apparaître aussi dans le sommaire):
- [ ] "direction artistique et coordination" (en anglais: "artistic direction and coordination"),
- [ ] avec comme texte "Jean-Philippe Rossignol et Miléna Yung" (en anglais "and" à la place de "et").
- [ ] sur tout le site:
- [ ] enlever la miniature du visuel du logo en haut des onglets,
- [ ] ainsi que dans l'angle en haut à gauche du site.
- [ ] dans le footer,
- [ ] remplacer "© KOSMOPOLIT – littératures germanophones et européennes"
- [ ] par "© ASSOCIATION – littératures germanophones et européennes"

61
new/de/navbar.html Normal file
View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body id="body_navbar">
<div class="navbar">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./de/vereinigung.html" target="_parent"><p>Vereinigung</p></a>
<a href="./de/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" target="_parent"><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/actualites.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" href="./de/aktuelles.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/news.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/asociation.html" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</div>
</body>
</html>

27
new/fr/actualites.html → new/fr/actu/actualites.html
View File

@@ -16,32 +16,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/actualites.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/aktuelles.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/news.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

49
new/fr/kosmopolit.html → new/fr/asso/association.html
View File

@@ -3,45 +3,21 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - l'association</title>
<base href="../"/>
<meta name="description" content="KOSMOPOLIT déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles_here.css" type="text/css" rel="stylesheet">
<!-- PERSONALIZE -->
<title>association</title>
<meta name="description" content="l'association déploie ses activités autour de la littérature contemporaine, de langue allemande et européenne. Elle met en avant un cosmopolitisme littéraire tourné vers des questionnements actuels, aussi bien dans la revue Litterall que par les rencontres Lettres d'Europe et d'Ailleurs.">
<base href="../../"/>
<!-- PERSONALIZE END -->
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/kosmopolit.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>
<nav class="navbar sticky" tabindex="0">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/kosmopolit.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<nav class="navbar sticky">
<iframe src="./navbar/navbar.html"></iframe>
</nav>
<div class="container_main">
@@ -49,15 +25,14 @@
<aside class="aside_left sticky">
<div class="table_box">
<h2>sommaire</h2>
<a href="./fr/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3> </a>
<a href="./fr/kosmopolit.html#anchor_contact"> <h3>contact</h3> </a>
<a href="./fr/kosmopolit.html#anchor_equipe"> <h3>l'équipe</h3> </a>
<a href="./fr/kosmopolit.html#anchor_credits"> <h3>crédits</h3> </a>
<a href="./fr/asso/association.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3> </a>
<a href="./fr/asso/association.html#anchor_contact"> <h3>contact</h3> </a>
<a href="./fr/asso/association.html#anchor_equipe"> <h3>l'équipe</h3> </a>
<a href="./fr/asso/association.html#anchor_credits"> <h3>crédits</h3> </a>
</div>
</aside>
<main>
<p id="demo"></p>
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
<div class="quote">
<p>Un jour je tins à Eratosthène le raisonnement suivant : l'esprit se caractérise par sa volonté d'infini ; or le disque étant plus infini que la sphère, la terre sera donc nécessairement un disque. Et je lui demandai avec agacement s'il n'était pas capable de sentir combien l'idée d'une sphère dont on aurait fini d'explorer la surface était terrifiante&nbsp?</p>

0
new/fr/asso/styles_here.css Normal file
View File

27
new/fr/lettres.html → new/fr/lettres/lettres.html
View File

@@ -16,32 +16,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/lettres.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/lettres.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/lettres.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2011.html → new/fr/lettres/lettres/lettres_2011.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2012.html → new/fr/lettres/lettres/lettres_2012.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2013.html → new/fr/lettres/lettres/lettres_2013.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2014.html → new/fr/lettres/lettres/lettres_2014.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2015.html → new/fr/lettres/lettres/lettres_2015.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2016.html → new/fr/lettres/lettres/lettres_2016.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2017.html → new/fr/lettres/lettres/lettres_2017.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2019.html → new/fr/lettres/lettres/lettres_2019.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/lettres/lettres_2021.html → new/fr/lettres/lettres/lettres_2021.html
View File

@@ -18,32 +18,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/lettres/lettres_2021.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/lettres/lettres_2021.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall.html → new/fr/litterall/litterall.html
View File

@@ -16,32 +16,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/litterall.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/litterall.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/litterall.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_01.html → new/fr/litterall/litterall/litterall_01.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_02.html → new/fr/litterall/litterall/litterall_02.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_03.html → new/fr/litterall/litterall/litterall_03.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_04.html → new/fr/litterall/litterall/litterall_04.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_05.html → new/fr/litterall/litterall/litterall_05.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_06.html → new/fr/litterall/litterall/litterall_06.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_07.html → new/fr/litterall/litterall/litterall_07.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_08.html → new/fr/litterall/litterall/litterall_08.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_09.html → new/fr/litterall/litterall/litterall_09.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_10.html → new/fr/litterall/litterall/litterall_10.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_11.html → new/fr/litterall/litterall/litterall_11.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_12_13.html → new/fr/litterall/litterall/litterall_12_13.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_14.html → new/fr/litterall/litterall/litterall_14.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_15_16.html → new/fr/litterall/litterall/litterall_15_16.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_17.html → new/fr/litterall/litterall/litterall_17.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_18.html → new/fr/litterall/litterall/litterall_18.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_19.html → new/fr/litterall/litterall/litterall_19.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_20.html → new/fr/litterall/litterall/litterall_20.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_21.html → new/fr/litterall/litterall/litterall_21.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_22.html → new/fr/litterall/litterall/litterall_22.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_23.html → new/fr/litterall/litterall/litterall_23.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_24.html → new/fr/litterall/litterall/litterall_24.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_25.html → new/fr/litterall/litterall/litterall_25.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_26.html → new/fr/litterall/litterall/litterall_26.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_27.html → new/fr/litterall/litterall/litterall_27.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

27
new/fr/litterall/litterall_28.html → new/fr/litterall/litterall/litterall_28.html
View File

@@ -15,32 +15,7 @@
<body>
<nav class="navbar sticky">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<a class="language selected" href="./fr/#.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language inactive" href="./de/#.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language inactive" href="./en/#.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
<iframe src="./fr/navbar.html"></iframe>
</nav>
<div class="container_main">

22
new/index.html
View File

@@ -13,25 +13,11 @@
</head>
<body id="body_index">
<main class="index" id="index">
<div class="logo_txt">
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
</div>
<div class="logo_bubbles">
<div class="_ratio">
<div class="circle _2"><div class="_ratio"></div></div>
<div class="circle _3"><div class="_ratio"></div></div>
<div class="circle _1"><div class="_ratio"></div></div>
<div class="circle _blend _2"><div class="_ratio"></div></div>
<div class="circle _blend _3"><div class="_ratio"></div></div>
<img class="logo_line"src="./docs/accueil/logo_line.png" alt="logo kosmopolit line">
<div class="circle _4"><div class="_ratio"></div></div>
</div>
</div>
<div class="logo_links" id="index_links">
<h3 id="kosmopolit"><a href="./fr/kosmopolit.html">KOSMOPOLIT</a></h3>
<h3 id="litterall"><a href="./fr/litterall.html">Litter<i>all</i></a></h3>
<h3 id="lea"><a href="./fr/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="actualites"><a href="./fr/actualites.html">Actualités</a></h3>
<h3 id="kosmopolit"><a href="./fr/asso/association.html">association</a></h3>
<h3 id="litterall"><a href="./fr/litter/litterall.html">Litter<i>all</i></a></h3>
<h3 id="lea"><a href="./fr/lettres/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="actualites"><a href="./fr/actu/actualites.html">Actualités</a></h3>
</div>
</main>
</body>

28
new/navbar/nav_lang.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body class="i_navbar">
<div class="i_nav_right">
<a class="language selected" href="./fr/asociation.html" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/kosmopolit.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</body>
</html>

21
new/fr/navbar.html → new/navbar/navbar.html
View File

@@ -10,31 +10,18 @@
<div class="navbar">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
<a href="./fr/association.html" target="_parent"><p>association</p></a>
<a href="./fr/litterall.html" target="_parent"><p>Litter<i>all</i></p></a>
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0" target="_parent">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<div class="drop_items">
<a class="drop horizontal" href="./en/litterall.html" target="_parent">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
<a class="drop horizontal" href="./de/litterall.html" target="_parent">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
<iframe src="./fr/nav_lang.html"></iframe>
</div>
</div>

127
new/styles/index.css
View File

@@ -7,143 +7,24 @@ body main {
height: 100vh;
margin: auto;
padding: 0px;
}
.logo_txt {
height: auto;
width: 100%;
margin: auto;
}
.logo_bubbles {
position: relative;
height: auto;
width: 100%;
margin: auto;
}
.logo_links {
display: flex;
flex-direction: row;
width: 100%;
margin: auto auto 50px auto;
flex-direction: column;
margin: auto;
font-size: 3em;
text-align: center;
}
/*------------------------------------------*/
/*THE DRAWING*/
/*all the ratios of the following elements*/
._ratio {
position: relative;
width: 100%;
}
.logo_bubbles > ._ratio {
padding-top: 70%;
}
.circle > ._ratio {
padding-top: 100%;
}
/*commmon settings*/
.logo_bubbles .circle {
position: absolute;
border-radius: 50%;
}
/*sie position and color for each circles*/
.logo_bubbles .circle._1 {
top: 13.4%;
left: 2.2%;
width: 51.6%;
background-color: #ee1998;
}
.logo_bubbles .circle._2 {
top: 18.8%;
left: 27.6%;
width: 51.6%;
background-color: #8fce3c;
}
.logo_bubbles .circle._3 {
top: 5.9%;
left: 66.1%;
width: 30.5%;
background-color: #0c9cb5;
}
.logo_bubbles .circle._4 {
top: 36%;
left: 59%;
width: 10.9%;
background-color: #e3e00a;
}
/*mix-blend-mode*/
.logo_bubbles .circle._blend._2 {
mix-blend-mode: luminosity;
}
.logo_bubbles .circle._blend._3 {
mix-blend-mode: color;
}
/*the line*/
.logo_bubbles .logo_line {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
/*------------------------------------------*/
/*THE ANIMATION*/
@keyframes position {
0% {transform: translate( 0%, 0%);}
20% {transform: translate( 1%, -1%);}
30% {transform: translate(-1%, 0%);}
40% {transform: translate( 1%, -1%);}
50% {transform: translate( 0%, 1%);}
60% {transform: translate( 1%, -1%);}
70% {transform: translate( 0%, 0%);}
80% {transform: translate(-1%, -1%);}
90% {transform: translate( 1%, -1%);}
100% {transform: translate( 0%, 0%);}
}
.logo_bubbles .circle {
animation-name: position;
animation-duration: 8s;
animation-delay: 0s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.logo_bubbles .circle._1 {
animation-delay: -0.8s;
animation-direction: reverse;
}
.logo_bubbles .circle._2 {
animation-delay: -2.7s;
}
.logo_bubbles .circle._3 {
animation-delay: -1.3s;
animation-direction: reverse;
}
.logo_bubbles .circle._4 {
animation-delay: 0s;
}
/*------------------------------------------*/
/*LINKS*/
.logo_links > * {
margin: auto;
padding: 0px;
}
.logo_links > :first-child {
margin-left: 0px;
}
.logo_links > :last-child {
margin-right: 0px;
}
.logo_links #kosmopolit a {
color: var(--color-purple);
}

75
new/styles/nav.css
View File

@@ -1,6 +1,9 @@
/*---------------------------------------------*/
/*NAVBAR*/
nav {
border-bottom: 1px solid var(--color-lines-4);
}
nav iframe {
width: 100%;
}
@@ -8,19 +11,43 @@ body#body_navbar {
background-color: transparent;
overflow: hidden;
}
.navbar {
.navbar, .i_navbar {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
border-bottom: 1px solid var(--color-lines-4);
}
.navbar * {
.navbar *, .i_navbar * {
display: flex;
flex-direction: row;
margin: auto;
height: 100%;
}
/*menu burger responsive*/
.navbar input#burger {
display: none;
}
.navbar .burger {
margin: 0px;
}
/*hover & focus*/
.navbar a:hover, .navbar a:focus,
.i_navbar a:hover, .i_navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
.navbar a > *, .i_navbar a > * {
/*to center vertically the text*/
height: auto;
}
/*---------------------------------------------*/
/*NAVIGATION LINKS*/
/* nav_left is used for links to pages*/
.navbar .nav_left {
margin-left: 0px;
@@ -32,24 +59,9 @@ body#body_navbar {
padding-left: 40px;
padding-right: 40px;
}
.navbar a > * {
/*to center vertically the text*/
height: auto;
}
.navbar .nav_left img {
height: calc(100% - 4px);
}
.navbar a:hover, .navbar a:focus {
background-color: var(--color-back-dark);
}
.navbar a#nav_logo:hover, .navbar a#nav_logo:focus {
background-color: var(--color-back-base);
}
/* nav_right is used for actions such as connection, search or language*/
.navbar .nav_right {
margin-right: 0px;
}
@@ -63,40 +75,35 @@ body#body_navbar {
language
language inactive
*/
.navbar .nav_right .language {
/* nav_right is used for actions such as connection, search or language*/
.nav_right, .i_nav_right {
margin-right: 0px;
}
.i_nav_right .language {
position: relative;
padding: 0px 10px;
margin: auto 0px auto auto;
}
/* horizontal space between flag and name*/
.navbar .nav_right .language > * {
.i_nav_right .language > * {
margin: auto 3px;
}
/*flag size*/
.navbar .nav_right .language img.flag {
.i_nav_right .language img.flag {
height: 12px;
}
/*text size*/
.navbar .nav_right .language p {
.i_navbar .nav_right .language p {
font-size: 1.6em;
}
/*selected language*/
.navbar .language.selected {
.i_nav_right .language.selected {
background-color: var(--color-back-dark);
pointer-events: none;
}
/*inactive language*/
.navbar .language.inactive {
.i_nav_right .language.inactive {
pointer-events: none;
filter: grayscale(100%);
}
/*menu burger responsive*/
nav.navbar input#burger {
display: none;
}
nav.navbar .burger {
margin: 0px;
}