136 lines
4.7 KiB
HTML
136 lines
4.7 KiB
HTML
<!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 - l'association</title>
|
||
<base href="../"/>
|
||
<meta name="description" content="description du site web">
|
||
<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">
|
||
<style> html {visibility: hidden; opacity: 0;} </style>
|
||
<script src="./fr/script.js" defer></script>
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="navbar sticky" tabindex="0">
|
||
|
||
<input type="checkbox" id="burger">
|
||
<label for="burger" class="burger"></label>
|
||
<div class="nav_left">
|
||
<a id="nav_logo" href="index.html" target="_parent"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
|
||
<a href="./fr/kosmopolit.html" target="_parent"><p>KOSMOPOLIT</p></a>
|
||
<a href="./fr/litterall.html" target="_parent"><p>LITTER<i>all</i></p></a>
|
||
<a href="./fr/lettres.html" target="_parent"><p>Lettres d'Europe et d'Ailleurs</p></a>
|
||
<a href="./fr/actualites.html" target="_parent"><p>Actualités</p></a>
|
||
</div>
|
||
|
||
<div class="nav_right">
|
||
<a class="language selected" href="./fr/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_fr_mini.png" alt="drapeau francais">
|
||
<p>fr</p>
|
||
</a>
|
||
<a class="language" href="./de/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
|
||
<p>de</p>
|
||
</a>
|
||
<a class="language" href="./en/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_en_mini.png" alt="English flag">
|
||
<p>en</p>
|
||
</a>
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
<div class="container_main">
|
||
|
||
<aside class="aside_left sticky">
|
||
<div class="table_box">
|
||
<h2>sommaire</h2>
|
||
<a href="./fr/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3> </a>
|
||
<a href="./fr/kosmopolit.html#anchor_contact"> <h3>contact</h3> </a>
|
||
<a href="./fr/kosmopolit.html#anchor_equipe"> <h3>l'équipe</h3> </a>
|
||
<a href="./fr/kosmopolit.html#anchor_credits"> <h3>crédits</h3> </a>
|
||
</div>
|
||
</aside>
|
||
|
||
<main>
|
||
<p id="demo"></p>
|
||
<h1 id="anchor_kosmopolit">KOSMOPOLIT</h3>
|
||
<div class="quote">
|
||
<p>Un jour je tins à Eratosthène le raisonnement suivant : l'esprit se caractérise par sa volonté d'infini ; or le disque étant plus infini que la sphère, la terre sera donc nécessairement un disque. Et je lui demandai avec agacement s'il n'était pas capable de sentir combien l'idée d'une sphère dont on aurait fini d'explorer la surface était terrifiante ?</p>
|
||
<div class="quote_credit">
|
||
<p>Arno Schmidt, <i>Enthymésis</i></p>
|
||
<p>traduction Claude Riehl</p>
|
||
</div>
|
||
</div>
|
||
<br><br>
|
||
<p>Il y a ce désir pour l’infini des langues et des littératures.</p>
|
||
<p>Il y a cette limite du corps, de l’esprit, ces barrières réelles et imaginaires.</p>
|
||
<p>Il y a cet espace à trouver, ce temps à chercher.</p>
|
||
<p>KOSMOPOLIT propose d’autres manières de lire le monde, grâce à la traduction et à la parole publique d’auteurs et d'autrices.</p>
|
||
<p>C’est 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>
|
||
|
||
<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">
|
||
</div>
|
||
</aside>
|
||
|
||
</div>
|
||
<footer>
|
||
<iframe src="./fr/footer.html"></iframe>
|
||
</footer>
|
||
</body>
|
||
</html>
|