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

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;
}