125 lines
4.2 KiB
HTML
125 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>KOSMOPOLIT - the 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>
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="navbar sticky">
|
||
<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="./en/kosmopolit.html" ><p>KOSMOPOLIT</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/actualites.html" ><p>Actualités</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" href="./de/kosmopolit.html">
|
||
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
|
||
<p>de</p>
|
||
</a>
|
||
<a class="language selected" 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>table of contents</h2>
|
||
<a href="./en/kosmopolit.html#anchor_kosmopolit"> <h3>KOSMOPOLIT</h3></a>
|
||
<a href="./en/kosmopolit.html#anchor_contact"> <h3>contact</h3></a>
|
||
<a href="./en/kosmopolit.html#anchor_team"> <h3>our team</h3></a>
|
||
<a href="./en/kosmopolit.html#anchor_credits"> <h3>credits</h3></a>
|
||
</div>
|
||
</aside>
|
||
|
||
<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 ?</p>
|
||
<div class="quote_credit">
|
||
<p>Arno Schmidt, <i>Enthymesis</i></p>
|
||
<p>traduction John E. Woods</p>
|
||
</div>
|
||
</div>
|
||
<br><br>
|
||
<p>There is this longing for the infinite of languages and literatures.</p>
|
||
<p>There is this limit of body and mind, these real or imaginary barriers.</p>
|
||
<p>There is this space to find, this time to seek.</p>
|
||
<p>Thanks to translation and public speech of authors, KOSMOPOLIT suggests 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.png" alt="kaleidoscope">
|
||
<p class="right"><small><i>Explosions superposées</i> © Olgaline Padilla</small></p>
|
||
</div>
|
||
|
||
<h2 id="anchor_contact">contact</h2>
|
||
<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>
|
||
|
||
<h2 id="anchor_team">our team</h2>
|
||
<p>
|
||
Jean-Philippe Rossignol – artistic director
|
||
<br>
|
||
Miléna Yung – coordinator
|
||
</p>
|
||
<p>
|
||
Françoise Toraille – chairwoman
|
||
<br>
|
||
Joachim Umlauf – vice-chairman
|
||
<br>
|
||
Lucie Lamy – secretary
|
||
<br>
|
||
Evelyne Maes – treasurer
|
||
<br>
|
||
Dominique Petit – board member
|
||
</p>
|
||
<p>
|
||
Bernard Banoun – adviser
|
||
<br>
|
||
Francesca Isidori – adviser
|
||
</p>
|
||
|
||
<h2 id="anchor_credits">credits</h2>
|
||
<p>
|
||
Marie-Charlotte Gain-Hautbois – image of the logo
|
||
<br>
|
||
Hugo Lamy – website
|
||
</p>
|
||
|
||
<br><br>
|
||
<iframe src="./en/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>
|