presque tous les points faits, sauf les changements de nom et de logo sur tous le site

This commit is contained in:
Hugo LAMY
2022-03-29 19:22:42 +02:00
parent f62cc64c8d
commit b7fb27b548
74 changed files with 1444 additions and 763 deletions

136
README.md
View File

@@ -10,36 +10,106 @@
- [/] supprimer le visuel et le titre - [/] supprimer le visuel et le titre
- [/] Les quatre titres d'onglet au bas de la page peuvent rester, - [/] Les quatre titres d'onglet au bas de la page peuvent rester,
- [/] il faudrait simplement remplacer le mot "KOSMOPOLIT" par "ASSOCIATION" - [/] il faudrait simplement remplacer le mot "KOSMOPOLIT" par "ASSOCIATION"
- [ ] onglet KOSMOPOLIT, dans les trois langues:
- [ ] le renommer "ASSOCIATION", - [///] onglet KOSMOPOLIT, dans les trois langues:
- [ ] supprimer la citation, le texte de présentation et le visuel d'Olgaline Padilla. - [///] le renommer "ASSOCIATION",
- [ ] Dans la section "l'équipe": - [///] supprimer la citation, le texte de présentation et le visuel d'Olgaline Padilla.
- [ ] enlever "Lucie Lamy" devant "secrétaire", - [///] Dans la section "l'équipe":
- [ ] "Jean-Philippe Rossignol" devant "directeur artistique" - [///] enlever "Lucie Lamy" devant "secrétaire",
- [ ] et "Miléna Yung" devant "coordinatrice". - [///] "Jean-Philippe Rossignol" devant "directeur artistique"
- [ ] Dans la partie "crédit": - [///] et "Miléna Yung" devant "coordinatrice".
- [ ] enlever "Marie-Charlotte Gain-Hautbois visuel du logo" - [///] Dans la partie "crédit":
- [ ] et "Lucie Lamy réalisation du logo". - [///] enlever "Marie-Charlotte Gain-Hautbois visuel du logo"
- [ ] En ce qui te concerne, tu peux décider si tu enlèves ton nom ou pas ! - [///] et "Lucie Lamy réalisation du logo".
- [ ] P.S.: Sur l'onglet KOSMOPOLIT, il faut aussi supprimer le téléchargement du bulletin d'adhésion (dans les trois langues) ! - [///] En ce qui te concerne, tu peux décider si tu enlèves ton nom ou pas !
- [ ] Tu peux laisser "bulletin d'adhésion", mais que ça ne renvoie plus vers rien quand on clique dessus ! Merci beaucoup ! - [///] P.S.: Sur l'onglet KOSMOPOLIT, il faut aussi supprimer le téléchargement du bulletin d'adhésion (dans les trois langues) !
- [ ] onglet "Litterall", 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 !
- [ ] supprimer la citation et le texte de présentation.
- [ ] Garder le visuel. - [///] onglet "Litterall", dans les trois langues:
- [ ] Supprimer l'encart "traduire, retraduire" - [///] supprimer la citation et le texte de présentation.
- [ ] et la page à laquelle il renvoie. - [///] Garder le visuel.
- [ ] onglet "Lettres d'Europe et d'Ailleurs", dans les trois langues: - [///] Supprimer l'encart "traduire, retraduire"
- [ ] supprimer la citation, - [///] et la page à laquelle il renvoie.
- [ ] le texte de présentation et le visuel de Frank Smith.
- [ ] onglet lettres d'Europe et d'Ailleurs 2021, dans les deux langues: - [///] onglet "Lettres d'Europe et d'Ailleurs", dans les trois langues:
- [ ] rubrique "conception et réalisation" : - [///] supprimer la citation,
- [ ] rajouter un "t" à "réalisation". - [///] le texte de présentation,
- [ ] Juste avant cette rubrique, ajouter une autre rubrique similaire (qui doit apparaître aussi dans le sommaire): - [///] et le visuel de Frank Smith.
- [ ] "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"). - [//] onglet lettres d'Europe et d'Ailleurs 2021, dans les deux langues:
- [ ] sur tout le site: - [/] rubrique "conception et réalisation" :
- [ ] enlever la miniature du visuel du logo en haut des onglets, - [/] rajouter un "t" à "réalisation" 2011
- [ ] ainsi que dans l'angle en haut à gauche du site. - [/] rajouter un "t" à "réalisation" 2012
- [ ] dans le footer, - [/] rajouter un "t" à "réalisation" 2013
- [ ] remplacer "© KOSMOPOLIT littératures germanophones et européennes" - [/] rajouter un "t" à "réalisation" 2014
- [ ] par "© ASSOCIATION littératures germanophones et européennes" - [/] rajouter un "t" à "réalisation" 2015
- [/] rajouter un "t" à "réalisation" 2016
- [/] rajouter un "t" à "réalisation" 2017
- [/] rajouter un "t" à "réalisation" 2019
- [/] rajouter un "t" à "réalisation" 2021
- [//] 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").
- [/ ] dans le footer,
- [/ ] remplacer "© KOSMOPOLIT littératures germanophones et européennes"
par "© ASSOCIATION littératures germanophones et européennes"
- [ ] 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.
- [ ] remplacer le mot kosmopolit par association
- [/ ] kosmopolit fr
- [/ ] en
- [/ ] de
- [/ ] litterall fr
- [ ] en
- [ ] de
- [ ] litterall 1
- [ ] 2
- [ ] 3
- [ ] 4
- [ ] 5
- [ ] 6
- [ ] 7
- [ ] 8
- [ ] 9
- [ ] 10
- [ ] 11
- [ ] 12/13
- [ ] 14
- [ ] 15/6
- [ ] 17
- [ ] 18
- [ ] 19
- [ ] 21
- [ ] 22
- [ ] 23
- [ ] 24
- [ ] 25
- [ ] 26
- [ ] 27
- [ ] 28
- [ ] l.e.a fr
- [ ] en
- [ ] de
- [ ] l.e.a 2011
- [ ] 2012
- [ ] 2013
- [ ] 2014
- [ ] 2015
- [ ] 2016
- [ ] 2017
- [ ] 2019
- [ ] 2021 fr
- [ ] 2021 en
- [ ] actu fr
- [ ] en
- [ ] de
- [///] traduire retraduire
- footer : est-ce que je supprime l'email ?
- onglet ASSOCIATION : j'ai mis "Vereinigung" en allemand pour Association, a la place de Kosmopolit, a plusieurs endroits ca doit pas etre tres allemand ;)
- onglet LITTERALL : "acheter litterall" adresse mail kosmopolit
- onglet L.E.A 2021 : section "conception et organisation" j'ai enlevé "KOSMOPOLIT"

3
new/.htaccess Normal file
View File

@@ -0,0 +1,3 @@
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

View File

@@ -1,139 +0,0 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - der Verein</title>
<base href="../"/>
<meta name="description" content="KOSMOPOLITs Aktivitäten kreisen um die zeitgenössische, deutschsprachige und europäische Literatur. Sowohl in der Zeitschrift Litterall als auch im Rahmen der literarischen Treffen Lettres d'Europe et d'Ailleurs fördert der Verein einen literarischen Kosmopolitismus, der sich mit aktuellen Fragestellungen auseinandersetzt.">
<meta name="keywords" content="truc, bidule, chouette">
<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>
</head>
<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" ><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./de/kosmopolit.html" ><p>KOSMOPOLIT</p></a>
<a href="./de/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" ><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/kosmopolit.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" 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>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box">
<h2>Inhaltsverzeichnis</h2>
<a href="./de/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a>
<a href="./de/kosmopolit.html#anchor_kontakt"> <h3>Kontakt</h3></a>
<a href="./de/kosmopolit.html#anchor_team"> <h3>unser Team</h3></a>
<a href="./de/kosmopolit.html#anchor_Urheberrechte"><h3>Urheberrechte</h3></a>
</div>
</aside>
<main>
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
<div class="quote">
<p>Ich habe früher einmal zu Eratosthenes geäußert : Das Kennzeichen des Geistes ist, daß er die Unendlichkeit will; nun sei die Scheibe unendlicher als die Kugel, also müsse die Erde eine Scheibe sein. Und fügte ungeduldig hinzu, ob er nicht mitfühle, wie fürchterlich es wäre, wenn man eine Kugeloberfläche einmal fertig entdeckt hätte&nbsp?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymesis</i></p>
</div>
</div>
<br><br><br>
<p>Es gibt diese Sehnsucht nach dem Unendlichen der Sprachen und der Literaturen.</p>
<p>Es gibt diese Grenzen des Körpers, des Geistes, diese realen und imaginären Barrieren.</p>
<p>Es gilt einen Raum zu finden, eine Zeit zu suchen.</p>
<p>Mittels Übersetzungen und öffentlichen Wortmeldungen von Autor:innen eröffnet KOSMOPOLIT neue Wege, die Welt zu entziffern.</p>
<p>Eine Herausforderung, an der wir Sie gerne teilhaben lassen.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_kontakt">Kontakt</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./docs/kosmopolit/formulaire_adhesion.pdf" target="_blank" rel="noopener noreferrer">Beitrittserklärung</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">unser Team</h2>
<p>
Françoise Toraille Präsidentin
<br>
Joachim Umlauf Vizepräsident
<br>
Lucie Lamy Sekretärin
<br>
Evelyne Maes Kassenführerin
<br>
Dominique Petit Vorstandsmitglied
</p>
<br>
<p>
Jean-Philippe Rossignol künstlerischer Leiter
<br>
Miléna Yung Koordinatorin
</p>
<br>
<p>
Bernard Banoun Berater
<br>
Francesca Isidori Beraterin
</p>
<h2 id="anchor_Urheberrechte">Urheberrechte</h2>
<p>
Marie-Charlotte Gain-Hautbois Bild des Logos
<br>
Lucie Lamy Gestaltung des Logos
<br>
Hugo Lamy Webseite
</p>
<br><br>
<iframe src="./de/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">der Ausgangspunkt</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>1980 gründet Nicole Bary die deutschsprachiger Literatur gewidmete Buchhandlung Le Roi des Aulnes, 1983 den Verein Les Amis du Roi des Aulnes, später die Zeitschrift Litter<i>all</i> und schließlich <i>Lettres d'Europe et d'Ailleurs</i>, ein Festival mit europäischen Schriftstellern. Diese Aktivitäten bilden die Grundlage des heutigen Vereins KOSMOPOLIT.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -55,21 +55,6 @@
<main> <main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1> <h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>See each scene deep, love it like a complex faceted jewel. Get the light, shadow & vivid color. Set scene the night before. Sleep on it, write it in the morning.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journals</i></p>
</div>
</div>
<br><br><br>
<p>Das Festival bringt einmal im Jahr Autor:innen aus Europa und anderswoher zusammen. Diese öffentlichen literarischen Treffen stellen eine Erkundung des Schreibens, der Sprachen und der zeitgenössischen Welt dar. Dabei hinterfragen sie unter anderem unser Verhältnis zur gesellschaftlichen Realität, zum Klima, zum Bereich des Tierischen, Politischen und Poetischen.</p>
<p>In einer Welt im Umbruch möchten wir unterschiedliche Sprachräume miteinander in einen Dialog bringen.</p>
<p>Wir veranstalten diese Debatten in enger Zusammenarbeit mit kulturellen Institutionen, Buchhandlungen und Universitäten.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">Ausgabe 2021</h2> <h2 id="anchor_2021">Ausgabe 2021</h2>
<div class="horizontal"> <div class="horizontal">
<a href="./en/lettres/lettres_2021.html"> <a href="./en/lettres/lettres_2021.html">

View File

@@ -7,8 +7,8 @@
<base href="../"/> <base href="../"/>
<meta name="description" content="In dieser Zeitschrift wird ein- bis zweimal im Jahr eine Auswahl bislang in Frankreich unveröffentlichter Texte, die aus dem Deutschen übersetzt sind, herausgegeben. Seien es Gedichte, Essays, Erzählungen, Novellen, Reden oder Romanauszüge wir stellen singuläre literarische Stimmen vor und kreative Formen in den Vordergrund. Die einzelnen Ausgaben sind wahlweise thematisch ausgerichtet oder vereinen literarische Texte, die sich gegenseitig zum Klingen bringen."> <meta name="description" content="In dieser Zeitschrift wird ein- bis zweimal im Jahr eine Auswahl bislang in Frankreich unveröffentlichter Texte, die aus dem Deutschen übersetzt sind, herausgegeben. Seien es Gedichte, Essays, Erzählungen, Novellen, Reden oder Romanauszüge wir stellen singuläre literarische Stimmen vor und kreative Formen in den Vordergrund. Die einzelnen Ausgaben sind wahlweise thematisch ausgerichtet oder vereinen literarische Texte, die sich gegenseitig zum Klingen bringen.">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon"> <link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style> <style> html {visibility: hidden; opacity: 0;} </style>
</head> </head>
@@ -58,18 +58,6 @@
<main> <main>
<h1 id="anchor_litterall">Litter<i>all</i></h1> <h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>Uns Ausländern fällt es schwer, in das letzte Geheimnis des fremdartigen Verses einzudringen. Nicht wir haben hier zu urteilen, nicht uns gehört das letzte Wort.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Gespräch über Dante</i></p>
<p>Übersetzung Norbert Randow</p>
</div>
</div>
<br><br><br>
<p>In dieser Zeitschrift wird ein- bis zweimal im Jahr eine Auswahl bislang in Frankreich unveröffentlichter Texte, die aus dem Deutschen übersetzt sind, herausgegeben.</p>
<p>Seien es Gedichte, Essays, Erzählungen, Novellen, Reden oder Romanauszüge wir stellen singuläre literarische Stimmen vor und kreative Formen in den Vordergrund.</p>
<p>Die einzelnen Ausgaben sind wahlweise thematisch ausgerichtet oder vereinen literarische Texte, die sich gegenseitig zum Klingen bringen.</p>
<br><br>
<div class="image full"> <div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall"> <img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>Photo: Jeffrey Trehudic</small></p> <p class="right"><small>Photo: Jeffrey Trehudic</small></p>
@@ -199,11 +187,6 @@
<aside class="aside_right"> <aside class="aside_right">
<div class="relative_box"> <div class="relative_box">
<h2 class="box_name">zu ähnlichen Themen</h2>
<a href="./fr/publications/traduire_retraduire.html" target="_blank" rel="noopener noreferrer">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div> </div>
</aside> </aside>

View File

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

109
new/de/vereinigung.html Normal file
View File

@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>der verein</title>
<base href="../"/>
<meta name="description" content="des Vereinigung Aktivitäten kreisen um die zeitgenössische, deutschsprachige und europäische Literatur. Sowohl in der Zeitschrift Litterall als auch im Rahmen der literarischen Treffen Lettres d'Europe et d'Ailleurs fördert der Verein einen literarischen Kosmopolitismus, der sich mit aktuellen Fragestellungen auseinandersetzt.">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/association.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>
</head>
<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" ><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./de/Vereinigung.html" ><p>Vereinigung</p></a>
<a href="./de/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./de/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./de/aktuelles.html" ><p>Aktuelles</p></a>
</div>
<div class="nav_right">
<a class="language" href="./fr/association.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language selected" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/association.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box">
<h2>Inhaltsverzeichnis</h2>
<a href="./de/vereinigung.html#anchor_vereinigung"> <h3>VEREINIGUNG</h3></a>
<a href="./de/vereinigung.html#anchor_kontakt"> <h3>Kontakt</h3></a>
<a href="./de/vereinigung.html#anchor_team"> <h3>unser Team</h3></a>
<a href="./de/vereinigung.html#anchor_Urheberrechte"><h3>Urheberrechte</h3></a>
</div>
</aside>
<main>
<h2 id="anchor_kontakt">Kontakt</h2>
<p>ASSOCIATION - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./de/vereinigung.html#anchor_kontakt">Beitrittserklärung</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">unser Team</h2>
<p>
Françoise Toraille Präsidentin
<br>
Joachim Umlauf Vizepräsident
<br>
Sekretärin
<br>
Evelyne Maes Kassenführerin
<br>
Dominique Petit Vorstandsmitglied
</p>
<br>
<p>
künstlerischer Leiter
<br>
Koordinatorin
</p>
<br>
<p>
Bernard Banoun Berater
<br>
Francesca Isidori Beraterin
</p>
<br><br>
<iframe src="./de/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">der Ausgangspunkt</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>1980 gründet Nicole Bary die deutschsprachiger Literatur gewidmete Buchhandlung Le Roi des Aulnes, 1983 den Verein Les Amis du Roi des Aulnes, später die Zeitschrift Litter<i>all</i> und schließlich <i>Lettres d'Europe et d'Ailleurs</i>, ein Festival mit europäischen Schriftstellern. Diese Aktivitäten bilden die Grundlage des heutigen Vereins der VEREINIGUNG.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 57 MiB

After

Width:  |  Height:  |  Size: 57 MiB

View File

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

View File

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

View File

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

View File

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 120 KiB

View File

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

View File

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -3,12 +3,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - the association</title> <title>the association</title>
<base href="../"/> <base href="../"/>
<meta name="description" content="KOSMOPOLIT focuses on contemporary German-language and European literature. In its journal Litterall as well as through the literary meetings Lettres d'Europe et d'Ailleurs, the association puts forward a literary cosmopolitism concerned by present-time issues."> <meta name="description" content="the association focuses on contemporary German-language and European literature. In its journal Litterall as well as through the literary meetings Lettres d'Europe et d'Ailleurs, the association puts forward a literary cosmopolitism concerned by present-time issues.">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/kosmopolit.css" type="text/css" rel="stylesheet"> <link href="./styles/association.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon"> <link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style> <style> html {visibility: hidden; opacity: 0;} </style>
</head> </head>
@@ -19,23 +19,23 @@
<input type="checkbox" id="burger"> <input type="checkbox" id="burger">
<label for="burger" class="burger"></label> <label for="burger" class="burger"></label>
<div class="nav_left"> <div class="nav_left">
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a> <a id="nav_logo" href="index.html"><img src="./docs/nav/association_logo_mini.png" alt="logo association"></a>
<a href="./en/kosmopolit.html" ><p>KOSMOPOLIT</p></a> <a href="./en/association.html" ><p>ASSOCIATION</p></a>
<a href="./en/litterall.html" ><p>Litter<i>all</i></p></a> <a href="./en/litterall.html" ><p>Litter<i>all</i></p></a>
<a href="./en/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a> <a href="./en/lettres.html" ><p>Lettres d'Europe et d'Ailleurs</p></a>
<a href="./en/news.html" ><p>News</p></a> <a href="./en/news.html" ><p>News</p></a>
</div> </div>
<div class="nav_right"> <div class="nav_right">
<a class="language" href="./fr/kosmopolit.html"> <a class="language" href="./fr/association.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais"> <img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p> <p>fr</p>
</a> </a>
<a class="language" href="./de/kosmopolit.html"> <a class="language" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge"> <img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p> <p>de</p>
</a> </a>
<a class="language selected" href="./en/kosmopolit.html"> <a class="language selected" href="./en/association.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag"> <img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p> <p>en</p>
</a> </a>
@@ -47,40 +47,20 @@
<aside class="aside_left sticky"> <aside class="aside_left sticky">
<div class="table_box"> <div class="table_box">
<h2>table of contents</h2> <h2>table of contents</h2>
<a href="./en/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a> <a href="./en/association.html#anchor_association"> <h3>ASSOCIATION</h3></a>
<a href="./en/kosmopolit.html#anchor_contact"> <h3>contact</h3></a> <a href="./en/association.html#anchor_contact"> <h3>contact</h3></a>
<a href="./en/kosmopolit.html#anchor_team"> <h3>our team</h3></a> <a href="./en/association.html#anchor_team"> <h3>our team</h3></a>
<a href="./en/kosmopolit.html#anchor_credits"> <h3>credits</h3></a> <a href="./en/association.html#anchor_credits"> <h3>credits</h3></a>
</div> </div>
</aside> </aside>
<main> <main>
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
<div class="quote">
<p>I once remarked to Eratosthenes : the hallmark of the intellect is that it desires infinity; and since a disk is more infinite than a sphere, the earth must be a disk. And impatiently added : did he not also feel how dreadful it would be once the whole surface of the sphere had been discovered&nbsp?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymesis</i></p>
<p>traduction John E. Woods</p>
</div>
</div>
<br><br><br>
<p>There is this longing for the infiniteness of languages and literatures.</p>
<p>There is this limit of the body and the mind, these real or imaginary boundaries.</p>
<p>There is this space to find, this time to seek.</p>
<p>Thanks to translation and public speech of authors, KOSMOPOLIT proposes other ways of interpreting the world.</p>
<p>It is a bet to which you are invited.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_contact">contact</h2> <h2 id="anchor_contact">contact</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes <p>littératures germanophones et européennes
<br>10 rue Vandrezanne <br>10 rue Vandrezanne
<br>75013 Paris</p> <br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p> <p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./docs/kosmopolit/formulaire_adhesion.pdf" target="_blank" rel="noopener noreferrer">membership form</a></p> <p><a href="./en/association.html#anchor_contact">membership form</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a> <a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_team">our team</h2> <h2 id="anchor_team">our team</h2>
@@ -89,7 +69,7 @@
<br> <br>
Joachim Umlauf vice-chairman Joachim Umlauf vice-chairman
<br> <br>
Lucie Lamy secretary secretary
<br> <br>
Evelyne Maes treasurer Evelyne Maes treasurer
<br> <br>
@@ -97,9 +77,9 @@
</p> </p>
<br> <br>
<p> <p>
Jean-Philippe Rossignol artistic director artistic director
<br> <br>
Miléna Yung coordinator coordinator
</p> </p>
<br> <br>
<p> <p>
@@ -108,15 +88,6 @@
Francesca Isidori adviser Francesca Isidori adviser
</p> </p>
<h2 id="anchor_credits">credits</h2>
<p>
Marie-Charlotte Gain-Hautbois logo picture
<br>
Lucie Lamy logo design
<br>
Hugo Lamy website
</p>
<br><br> <br><br>
<iframe src="./en/date.html"></iframe> <iframe src="./en/date.html"></iframe>
</main> </main>
@@ -126,7 +97,7 @@
<h2 class="box_name">the starting point</h2> <h2 class="box_name">the starting point</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer"> <a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2> <h2>Les Amis du Roi des Aulnes</h2>
<p>Nicole Bary founded in 1980 in Paris the German-language countries' bookshop <span class="nocut">Le Roi des Aulnes</span>, in 1983 the association Les Amis du Roi des Aulnes, then the journal Litter<i>all</i> and the European writers meetings <i>Lettres d'Europe et d'Ailleurs</i>. Her work was a precursor to that of KOSMOPOLIT.</datagrid></span></p> <p>Nicole Bary founded in 1980 in Paris the German-language countries' bookshop <span class="nocut">Le Roi des Aulnes</span>, in 1983 the association Les Amis du Roi des Aulnes, then the journal Litter<i>all</i> and the European writers meetings <i>Lettres d'Europe et d'Ailleurs</i>. Her work was a precursor to that of the ASSOCIATION.</datagrid></span></p>
</a> </a>
</div> </div>
</aside> </aside>

View File

@@ -55,22 +55,6 @@
<main> <main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1> <h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>See each scene deep, love it like a complex faceted jewel. Get the light, shadow & vivid color. Set scene the night before. Sleep on it, write it in the morning.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journals</i></p>
</div>
</div>
<br><br><br>
<p>This festival brings together once a year authors from Europe and elsewhere. Dedicated to the exploration of writing, languages and the contemporary world, these writers meetings take place in public and aim to question notably our relationship with reality, climate, animality, politics and poetics.</p>
<p>In a changing world, we would like to link together different linguistic spheres.</p>
<p>We organize these debates hand-in-hand with cultural institutes, bookshops and universities.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">edition 2021</h2> <h2 id="anchor_2021">edition 2021</h2>
<a href="./en/lettres/lettres_2021.html"> <a href="./en/lettres/lettres_2021.html">
<div class="image horizontal"> <div class="image horizontal">

View File

@@ -57,6 +57,7 @@
<a href="./en/lettres/lettres_2021.html#anchor_3"> <h3>3.exiles, history, politics</h3></a> <a href="./en/lettres/lettres_2021.html#anchor_3"> <h3>3.exiles, history, politics</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_4"> <h3>4.women and communities</h3></a> <a href="./en/lettres/lettres_2021.html#anchor_4"> <h3>4.women and communities</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_5"> <h3>5.mediterranean worlds, reality and memory</h3></a> <a href="./en/lettres/lettres_2021.html#anchor_5"> <h3>5.mediterranean worlds, reality and memory</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_artistic"> <h3>artistic direction and coordination</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_organisation"> <h3>design and organization</h3></a> <a href="./en/lettres/lettres_2021.html#anchor_organisation"> <h3>design and organization</h3></a>
<a href="./en/lettres/lettres_2021.html#anchor_partners"> <h3>partners</h3></a> <a href="./en/lettres/lettres_2021.html#anchor_partners"> <h3>partners</h3></a>
</div> </div>
@@ -160,6 +161,9 @@
</p> </p>
<a class="img_icon" href="https://www.facebook.com/events/726355522099267/?ref=newsfeed" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a> <a class="img_icon" href="https://www.facebook.com/events/726355522099267/?ref=newsfeed" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_artistic">artistic direction and coordination</h2>
<p>Jean-Philippe Rossignol and Miléna Yung</p>
<h2 id="anchor_organisation">design and organization</h2> <h2 id="anchor_organisation">design and organization</h2>
<p>KOSMOPOLIT, with Les Amis du Roi des Aulnes</p> <p>KOSMOPOLIT, with Les Amis du Roi des Aulnes</p>

View File

@@ -7,8 +7,8 @@
<base href="../"/> <base href="../"/>
<meta name="description" content="This journal publishes once or twice a year a selection of German-language texts, yet unpublished in French. Poetry, essay, short story, novel excerpt we put forward singular literary voices and creative forms. Each issue can either follow a theme, or its own path within a general arrangement."> <meta name="description" content="This journal publishes once or twice a year a selection of German-language texts, yet unpublished in French. Poetry, essay, short story, novel excerpt we put forward singular literary voices and creative forms. Each issue can either follow a theme, or its own path within a general arrangement.">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon"> <link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style> <style> html {visibility: hidden; opacity: 0;} </style>
</head> </head>
@@ -58,18 +58,6 @@
<main> <main>
<h1 id="anchor_litterall">Litter<i>all</i></h1> <h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>For us as foreigners it is difficult to penetrate to the ultimate secret of an alien poetry. It is not for us to judge; the last word cannot be ours.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Conversation about Dante</i></p>
<p>translation Sidney Monas</p>
</div>
</div>
<br><br><br>
<p>This journal publishes once or twice a year a selection of German-language texts, yet unpublished in French.</p>
<p>Poetry, essay, short story, novel excerpt we put forward singular literary voices and creative forms.</p>
<p>Each issue can either follow a theme, or its own path within a general arrangement.</p>
<br><br>
<div class="image full"> <div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall"> <img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>credit: Jeffrey Trehudic</small></p> <p class="right"><small>credit: Jeffrey Trehudic</small></p>
@@ -200,11 +188,6 @@
<aside class="aside_right"> <aside class="aside_right">
<div class="relative_box"> <div class="relative_box">
<h2 class="box_name">related</h2>
<a href="./fr/publications/traduire_retraduire.html">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div> </div>
</aside> </aside>

View File

@@ -16,7 +16,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -1,136 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 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.">
<!-- PERSONALIZE END -->
<base href="../"/>
<link href="./styles_here.css" type="text/css" rel="stylesheet">
<link href="./styles/style.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">
<input type="checkbox" id="burger">
<label for="burger" class="burger"></label>
<div class="nav_left">
<iframe src="./fr/navleft.html"></iframe>
</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>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box">
<h2>sommaire</h2>
<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>
<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>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymésis</i></p>
<p>traduction Claude Riehl</p>
</div>
</div>
<br><br><br>
<p>Il y a ce désir pour linfini des langues et des littératures.</p>
<p>Il y a cette limite du corps, de lesprit, ces barrières réelles et imaginaires.</p>
<p>Il y a cet espace à trouver, ce temps à chercher.</p>
<p>KOSMOPOLIT propose dautres manières de lire le monde, grâce à la traduction et à la parole publique dauteurs et d'autrices.</p>
<p>Cest le pari que nous vous proposons.</p>
<br><br>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope_l.jpg" alt="explosion superposee">
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
</div>
<h2 id="anchor_contact">contact</h2>
<p>KOSMOPOLIT - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./docs/kosmopolit/formulaire_adhesion.pdf" target="_blank" rel="noopener noreferrer">bulletin d'adhésion</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_equipe">léquipe</h2>
<p>
Françoise Toraille présidente
<br>
Joachim Umlauf vice-président
<br>
Lucie Lamy secrétaire
<br>
Evelyne Maës trésorière
<br>
Dominique Petit administratrice
</p>
<br>
<p>
Jean-Philippe Rossignol directeur artistique
<br>
Miléna Yung coordinatrice
</p>
<br>
<p>
Bernard Banoun conseiller
<br>
Francesca Isidori conseillère
</p>
<h2 id="anchor_credits">crédits</h2>
<p>
Marie-Charlotte Gain-Hautbois visuel du logo
<br>
Lucie Lamy réalisation du logo
<br>
Hugo Lamy site internet
</p>
<br><br>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">le point de départ</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>En 1980, Nicole Bary fonde la librairie des pays de langue allemande <span class="nocut">Le Roi des Aulnes</span>, en 1983 lassociation <span class="nocut">Les Amis du Roi des Aulnes</span>, puis la revue Litter<i>all</i> et les rencontres décrivains européens <i>Lettres d'Europe et d'Ailleurs</i>. Son travail a été précurseur de celui de KOSMOPOLIT.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

113
new/fr/association.html Normal file
View File

@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>l'association</title>
<base href="../"/>
<meta name="description" content="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.">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/association.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/association_logo_mini.png" alt="logo association"></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">
<a class="language selected" href="./fr/association.html">
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
<p>fr</p>
</a>
<a class="language" href="./de/vereinigung.html">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
<a class="language" href="./en/association.html">
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
<p>en</p>
</a>
</div>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box">
<h2>sommaire</h2>
<a href="./fr/association.html#anchor_association"> <h3>ASSOCIATION</h3> </a>
<a href="./fr/association.html#anchor_contact"> <h3>contact</h3> </a>
<a href="./fr/association.html#anchor_equipe"> <h3>l'équipe</h3> </a>
<a href="./fr/association.html#anchor_credits"> <h3>crédits</h3> </a>
</div>
</aside>
<main>
<h2 id="anchor_contact">contact</h2>
<p>association - littératures germanophones et européennes
<br>10 rue Vandrezanne
<br>75013 Paris</p>
<p><a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a></p>
<p><a href="./fr/association.html#anchor_contact">bulletin d'adhésion</a></p>
<a class="img_icon" href="https://www.facebook.com/Kosmopolit-litt%C3%A9ratures-germanophones-et-europ%C3%A9ennes-253938429851591" target="blank" rel"noopener noreferrer"><img src="docs/facebook.png"></a>
<h2 id="anchor_equipe">léquipe</h2>
<p>
Françoise Toraille présidente
<br>
Joachim Umlauf vice-président
<br>
secrétaire
<br>
Evelyne Maës trésorière
<br>
Dominique Petit administratrice
</p>
<br>
<p>
directeur artistique
<br>
coordinatrice
</p>
<br>
<p>
Bernard Banoun conseiller
<br>
Francesca Isidori conseillère
</p>
<br><br>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
<div class="relative_box">
<h2 class="box_name">le point de départ</h2>
<a href="https://www.leroidesaulnes.org/" target="_blank" rel="noopener noreferrer">
<h2>Les Amis du Roi des Aulnes</h2>
<p>En 1980, Nicole Bary fonde la librairie des pays de langue allemande <span class="nocut">Le Roi des Aulnes</span>, en 1983 lassociation <span class="nocut">Les Amis du Roi des Aulnes</span>, puis la revue Litter<i>all</i> et les rencontres décrivains européens <i>Lettres d'Europe et d'Ailleurs</i>. Son travail a été précurseur de celui de l'association.</datagrid></span></p>
</a>
</div>
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -9,7 +9,7 @@
<body> <body>
<div class="footer"> <div class="footer">
<div class="footer_container"> <div class="footer_container">
<p>© KOSMOPOLIT littératures germanophones et européennes</p> <p>© ASSOCIATION littératures germanophones et européennes</p>
<p>kosmopolit.contact@protonmail.com</p> <p>kosmopolit.contact@protonmail.com</p>
</div> </div>
</div> </div>

View File

@@ -16,7 +16,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -31,23 +56,6 @@
<main> <main>
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1> <h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
<div class="quote">
<p>Voir chaque scène dans toute sa profondeur, la traiter amoureusement comme un joyau aux multiples facettes. Trouver la lumière, lombre et la couleur vive. Déterminer la scène la veille au soir. Puis dormir dessus et lécrire le matin.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Journaux</i></p>
<p>traduction Christine Savinet</p>
</div>
</div>
<br><br><br>
<p>Ces rencontres littéraires réunissent une fois par an des auteurs et des autrices dEurope et dailleurs. Tournées vers lexploration de lécriture, des langues et du monde contemporain, ces débats ont lieu en public et questionnent notamment notre rapport au réel, aux climats, à lanimalité, au politique et au poétique.</p>
<p>Dans un monde en transition, nous souhaitons relier différentes sphères linguistiques.</p>
<p>Nous programmons ces rencontres en co-construction avec des instituts culturels, des librairies et des universités.</p>
<br><br>
<div class="image full">
<img src="./docs/lea/frontiere_l.jpg" alt="inage frontiere de frank smith">
<p class="right"><small><i>Frontière</i> © Frank Smith</small></p>
</div>
<h2 id="anchor_2021">édition 2021</h2> <h2 id="anchor_2021">édition 2021</h2>
<a href="./fr/lettres/lettres_2021.html"> <a href="./fr/lettres/lettres_2021.html">
<div class="image horizontal"> <div class="image horizontal">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -24,7 +49,7 @@
<div class="table_box"> <div class="table_box">
<h2>sommaire</h2> <h2>sommaire</h2>
<a href="./fr/lettres/lettres_2011.html#anchor_2011"> <h3>Lettres dEurope et dAilleurs 2011 </h3></a> <a href="./fr/lettres/lettres_2011.html#anchor_2011"> <h3>Lettres dEurope et dAilleurs 2011 </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_auteurices"> <h3>auteurs & autrices </h3></a> <a href="./fr/lettres/lettres_2011.html#anchor_auteurices"> <h3>auteurs & autrices </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_date"> <h3>date et lieu </h3></a> <a href="./fr/lettres/lettres_2011.html#anchor_date"> <h3>date et lieu </h3></a>
<a href="./fr/lettres/lettres_2011.html#anchor_organisation"> <h3>conception et organisation </h3></a> <a href="./fr/lettres/lettres_2011.html#anchor_organisation"> <h3>conception et organisation </h3></a>
</div> </div>
@@ -89,7 +114,7 @@
<p>Aix-en-Provence, 9-10 septembre 2011</p> <p>Aix-en-Provence, 9-10 septembre 2011</p>
<p>Cité du Livre Bibliothèque Méjanes</p> <p>Cité du Livre Bibliothèque Méjanes</p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -91,7 +116,7 @@
Hôtel de ville Hôtel de ville
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -83,7 +108,7 @@
Hôtel de ville Hôtel de ville
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -83,7 +108,7 @@
Hôtel de ville Hôtel de ville
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -71,7 +96,7 @@
Aix-en-Provence Cité du Livre Bibliothèque Méjanes Aix-en-Provence Cité du Livre Bibliothèque Méjanes
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -67,7 +92,7 @@
Sorbonne Nouvelle Sorbonne Nouvelle
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -69,7 +94,7 @@
Librairie Polonaise Librairie Polonaise
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -76,7 +101,7 @@
Librairie polonaise Librairie polonaise
</p> </p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_organisation">conception et organisation</h2>
<p>Les Amis du Roi des Aulnes</p> <p>Les Amis du Roi des Aulnes</p>
<br><br> <br><br>

View File

@@ -18,7 +18,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -34,6 +59,7 @@
<a href="./fr/lettres/lettres_2021.html#anchor_4"> <h3>4.des femmes et des communautés</h3></a> <a href="./fr/lettres/lettres_2021.html#anchor_4"> <h3>4.des femmes et des communautés</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_5"> <h3>5.mondes méditerranéens, réalité et mémoire</h3></a> <a href="./fr/lettres/lettres_2021.html#anchor_5"> <h3>5.mondes méditerranéens, réalité et mémoire</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_auteurices"> <h3>auteurs & autrices</h3></a> <a href="./fr/lettres/lettres_2021.html#anchor_auteurices"> <h3>auteurs & autrices</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_artistique"> <h3>direction artistique et coordination</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_organisation"> <h3>conception et organisation</h3></a> <a href="./fr/lettres/lettres_2021.html#anchor_organisation"> <h3>conception et organisation</h3></a>
<a href="./fr/lettres/lettres_2021.html#anchor_partenaires"> <h3>partenaires</h3></a> <a href="./fr/lettres/lettres_2021.html#anchor_partenaires"> <h3>partenaires</h3></a>
</div> </div>
@@ -145,7 +171,10 @@
<p><mark>Najwa M. Barakat</mark> est une autrice libanaise, née à Bcharré et installée à Paris depuis 1985. Elle a mené des études de cinéma et travaillé comme journaliste dans la presse écrite et audiovisuelle. Publié à Beyrouth en 1996, <i>Le bus des gens bien</i> (Bas el-awadêm) est son troisième roman et le premier publié en France dans la collection "La Cosmopolite" (Stock, 2002). Aux éditions Actes Sud / Sindbad, elle est lautrice des romans <i>Ya salam&nbsp!</i> (2012), <i>La Langue du secret</i> (2015) et <i>Monsieur N.</i> (2021).</p> <p><mark>Najwa M. Barakat</mark> est une autrice libanaise, née à Bcharré et installée à Paris depuis 1985. Elle a mené des études de cinéma et travaillé comme journaliste dans la presse écrite et audiovisuelle. Publié à Beyrouth en 1996, <i>Le bus des gens bien</i> (Bas el-awadêm) est son troisième roman et le premier publié en France dans la collection "La Cosmopolite" (Stock, 2002). Aux éditions Actes Sud / Sindbad, elle est lautrice des romans <i>Ya salam&nbsp!</i> (2012), <i>La Langue du secret</i> (2015) et <i>Monsieur N.</i> (2021).</p>
<p><mark>Lefteris Giannakoudakis</mark> est un écrivain et réalisateur grec, né à Héraklion en 1972. Après des études de biologie à Athènes, il commence à écrire et son premier roman paraît en 2000. Scénariste, il a tourné plusieurs courts-métrages, dont le road movie <i>Milkyway</i> en 2020. Son travail d'auteur a été distingué à trois reprises et ses nouvelles ont paru dans de nombreuses anthologies. Il vit aujourdhui en Crète où il enseigne lécriture créative et le scénario. Son cinquième roman, <i>Ombre</i>, vient de paraître aux éditions Cambourakis. C'est le premier traduit en français.</p> <p><mark>Lefteris Giannakoudakis</mark> est un écrivain et réalisateur grec, né à Héraklion en 1972. Après des études de biologie à Athènes, il commence à écrire et son premier roman paraît en 2000. Scénariste, il a tourné plusieurs courts-métrages, dont le road movie <i>Milkyway</i> en 2020. Son travail d'auteur a été distingué à trois reprises et ses nouvelles ont paru dans de nombreuses anthologies. Il vit aujourdhui en Crète où il enseigne lécriture créative et le scénario. Son cinquième roman, <i>Ombre</i>, vient de paraître aux éditions Cambourakis. C'est le premier traduit en français.</p>
<h2 id="anchor_organisation">conception et organisaion</h2> <h2 id="anchor_artistique">direction artistique et coordination</h2>
<p>Jean-Philippe Rossignol et Miléna Yung</p>
<h2 id="anchor_organisation">conception et organisation</h2>
<p>KOSMOPOLIT, avec Les Amis du Roi des Aulnes</p> <p>KOSMOPOLIT, avec Les Amis du Roi des Aulnes</p>
<h2 id="anchor_partenaires">partenaires</h2> <h2 id="anchor_partenaires">partenaires</h2>

View File

@@ -3,12 +3,12 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - Litterall</title> <title>Litterall</title>
<base href="../"/> <base href="../"/>
<meta name="description" content="Cette revue publie une à deux fois par an un choix de textes germanophones, inédits en traduction française. Poésie, essai, récit, nouvelle, discours, extrait de roman nous mettons en avant des voix singulières de la littérature et des formes créatives. Les numéros peuvent prendre un tour thématique ou bien suivre leur propre voie, dans un souci de composition densemble."> <meta name="description" content="Cette revue publie une à deux fois par an un choix de textes germanophones, inédits en traduction française. Poésie, essai, récit, nouvelle, discours, extrait de roman nous mettons en avant des voix singulières de la littérature et des formes créatives. Les numéros peuvent prendre un tour thématique ou bien suivre leur propre voie, dans un souci de composition densemble.">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon"> <link rel="shortcut icon" href="./docs/logo.ico" type="image/x-icon">
<style> html {visibility: hidden; opacity: 0;} </style> <style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script> <script src="./fr/script.js" defer></script>
@@ -16,7 +16,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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/association_logo_mini.png" alt="logo association"></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">
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">
@@ -34,18 +59,6 @@
<main> <main>
<h1 id="anchor_litterall">Litter<i>all</i></h1> <h1 id="anchor_litterall">Litter<i>all</i></h1>
<div class="quote">
<p>Il est difficile à des étrangers comme nous de pénétrer lultime secret des vers dune autre langue. Ce nest pas à nous den juger, nous naurons pas le dernier mot.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Entretien sur Dante</i></p>
<p>traduction Louis Martinez</p>
</div>
</div>
<br><br><br>
<p>Cette revue publie une à deux fois par an un choix de textes germanophones, inédits en traduction française.</p>
<p>Poésie, essai, récit, nouvelle, discours, extrait de roman nous mettons en avant des voix singulières de la littérature et des formes créatives.</p>
<p>Les numéros peuvent prendre un tour thématique ou bien suivre leur propre voie, dans un souci de composition densemble.</p>
<br><br>
<div class="image full"> <div class="image full">
<img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall"> <img src="./docs/litterall/bibliotheque_litterall_l.jpg" alt="bibliotheque litterall">
<p class="right"><small>crédit: Jeffrey Trehudic</small></p> <p class="right"><small>crédit: Jeffrey Trehudic</small></p>
@@ -174,11 +187,6 @@
<aside class="aside_right"> <aside class="aside_right">
<div class="relative_box"> <div class="relative_box">
<h2 class="box_name">sur le même thème</h2>
<a href="./fr/publications/traduire_retraduire.html">
<h2>Traduire, retraduire</h2>
<p>Entretien entre Frédéric Boyer, Christiane Kayser et <span class="nocut">Jean-Philippe Rossignol</span></p>
</a>
</div> </div>
</aside> </aside>

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

View File

@@ -15,7 +15,32 @@
<body> <body>
<nav class="navbar sticky"> <nav class="navbar sticky">
<iframe src="./fr/navbar.html"></iframe>
<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>
</nav> </nav>
<div class="container_main"> <div class="container_main">

43
new/fr/navbar.html Normal file
View File

@@ -0,0 +1,43 @@
<!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 id="body_navbar">
<div class="navbar">
<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">
<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>
</div>
</div>
</body>
</html>

View File

@@ -1,89 +0,0 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - Traduire-retraduire</title>
<base href="../../"/>
<meta name="description" content="Traduire, retraduire : Entretien entre Frédéric Boyer, Christiane Kayser et Jean-Philippe Rossignol">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/traduire_retraduire.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>
</head>
<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>
</nav>
<div class="container_main">
<aside class="aside_left sticky">
<div class="table_box">
<h2>sommaire</h2>
<a href="./fr/publications/traduire_retraduire.html#anchor_telecharger"><h3>télécharger</h3></a>
<a href="./fr/publications/traduire_retraduire.html#anchor_publication"> <h3>publication</h3></a>
</div>
</aside>
<main id="main_traduire_retraduire">
<h1 id="anchor_telecharger">Traduire, retraduire<br><small>Entretien</small></i></h1>
<br><br>
<p ><a href="./docs/litterall/publications/traduire_retraduire.pdf" target="_blank" rel="noopener noreferrer">télécharger la publication au format pdf</a>, parue dans la revue <i>Fundstücke/Trouvailles</i>, 2020</p>
<br><br>
<div id="anchor_publication" class="image full">
<img src="./docs/litterall/publications/traduire_retraduire_1.jpg" alt="traduire_retraduire_1">
<img src="./docs/litterall/publications/traduire_retraduire_2.jpg" alt="traduire_retraduire_2">
<img src="./docs/litterall/publications/traduire_retraduire_3.jpg" alt="traduire_retraduire_3">
<img src="./docs/litterall/publications/traduire_retraduire_4.jpg" alt="traduire_retraduire_4">
<img src="./docs/litterall/publications/traduire_retraduire_5.jpg" alt="traduire_retraduire_5">
<img src="./docs/litterall/publications/traduire_retraduire_6.jpg" alt="traduire_retraduire_6">
<img src="./docs/litterall/publications/traduire_retraduire_7_8.jpg" alt="traduire_retraduire_7/8">
<img src="./docs/litterall/publications/traduire_retraduire_9.jpg" alt="traduire_retraduire_9">
<img src="./docs/litterall/publications/traduire_retraduire_10.jpg" alt="traduire_retraduire_10">
<img src="./docs/litterall/publications/traduire_retraduire_11.jpg" alt="traduire_retraduire_11">
</div>
<iframe src="./fr/date.html"></iframe>
</main>
<aside class="aside_right">
</aside>
</div>
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -1 +0,0 @@
google-site-verification: googleb31c726d08849c4e.html

View File

@@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOSMOPOLIT - littératures germanohpones et européennes</title> <title>association - littératures germanohpones et européennes</title>
<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="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.">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/index.css" type="text/css" rel="stylesheet"> <link href="./styles/index.css" type="text/css" rel="stylesheet">
@@ -14,10 +14,10 @@
<body id="body_index"> <body id="body_index">
<main class="index" id="index"> <main class="index" id="index">
<div class="logo_links" id="index_links"> <div class="logo_links" id="index_links">
<h3 id="kosmopolit"><a href="./fr/asso/association.html">association</a></h3> <h3 id="association"> <a href="./fr/association.html">ASSOCIATION</a></h3>
<h3 id="litterall"><a href="./fr/litter/litterall.html">Litter<i>all</i></a></h3> <h3 id="litterall"> <a href="./fr/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="lea"> <a href="./fr/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="actualites"><a href="./fr/actu/actualites.html">Actualités</a></h3> <h3 id="actualites"> <a href="./fr/actualites.html">Actualités</a></h3>
</div> </div>
</main> </main>
</body> </body>

View File

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

View File

@@ -1,30 +0,0 @@
<!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 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="./fr/asso/association.html" target="_parent"><p>association</p> </a>
<a href="./fr/litter/litterall.html" target="_parent"><p>Litter<i>all</i></p> </a>
<a href="./fr/lettres/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p> </a>
<a href="./fr/actu/actualites.html" target="_parent"><p>Actualités</p> </a>
</div>
<div class="nav_right">
<iframe src="./navbar/nav_lang.html"></iframe>
</div>
</div>
</body>
</html>

View File

@@ -1,3 +1,7 @@
aside.aside_right .relative_box {
border-style: none;
}
.page_nav { .page_nav {
min-width: 200px; min-width: 200px;
padding: 0px 20px 0px 0px; padding: 0px 20px 0px 0px;

View File

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