page kosmopolit en place

This commit is contained in:
hugogogo
2021-03-14 15:51:17 +01:00
parent 3dc683d1c4
commit f9c22a02c2
10 changed files with 95 additions and 16 deletions
+86 -11
View File
@@ -1,42 +1,117 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit</title>
<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">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a class="nav_logo" href="index.html"><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a>
<a href="./pages/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./pages/litterall.html"><p>litterall</p></a>
<a href="./pages/lettredeeda.html"><p>l.e.a</p></a>
<a id="nav_logo" href="index.html"><img src="./docs/nav/kosmopolit_logo_mini.png" alt="logo kosmopolit"></a>
<a href="./fr/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./fr/litterall.html"><p>LITTER<i>all</i></p></a>
<a href="./fr/lettredeeda.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
<div class="dropdown">
<a class="drop_title drop horizontal" tabindex="0">
<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">
<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">
<img class="flag" src="./docs/nav/flag_de_mini.png" alt="Deutsche Flagge">
<p>de</p>
</a>
</div>
</div>
</div>
</nav>
<div class="container_main">
<aside class="page_content sticky">
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./pages/kosmopolit.html#kosmopolit"><p>kosmopolit</p></a>
<a href="./fr/kosmopolit.html#anchor_kosmopolit"><p>kosmopolit</p></a>
<a href="./fr/kosmopolit.html#anchor_contact"><p>contacts</p></a>
<a href="./fr/kosmopolit.html#anchor_equipe"><p>l'équipe</p></a>
<a href="./fr/kosmopolit.html#anchor_credits"><p>crédits</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_kosmopolit">KOSMOPOLIT</i></h1>
<p class="date"><i><small>mis à jour le 01/03/2020</small></i></p>
<h1 id="anchor_kosmopolit">kosmopolit</h1>
</div>
<div class="quote">
<p>“Une fois j’ai dit à Eratosthène : Le propre de l’esprit est de désirer l’infini ; or une surface plane est plus infinie qu’une sphère, donc la terre devrait être plate. Et je lui demandais avec impatience s’il ne se rendait pas compte que ce serait terrible si on achevait un jour d’explorer la surface de la sphère ?”</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymesis</i></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’auteur.e.s.</p>
<p>C’est un pari auquel vous êtes invité.e.s.</p>
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope.png" alt="kaleidoscope">
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
</div>
<h2 id="anchor_contact">contact :</h2>
<p>
Pour nous contacter : kosmopolit.contact@protonmail.com
<br>
Bulletin d'adhésion [lien vers un doc texte]
</p>
<h2 id="anchor_equipe">L’équipe :</h2>
<p>
Jean-Philippe Rossignol – directeur artistique
<br>
Miléna Yung – coordinatrice
</p>
<p>
Françoise Toraille – présidente
<br>
Joachim Umlauf – vice-président
<br>
Lucie Lamy – secrétaire
<br>
Evelyne Maes – trésorière
<br>
Dominique Petit – membre du conseil d’administration
</p>
<p>
Bernard Banoun – conseiller
<br>
Francesca Isidori – conseillère
</p>
<h2 id="anchor_credits">Crédits :</h2>
<p>
Marie-Charlotte Gain-Hautbois pour le graphisme du logo
<br>
Hugo Lamy pour le site internet
</p>
<p class="date right"><i><small>le 01/04/2021</small></i></p>
</main>
<aside class="relative_content">
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
+3 -3
View File
@@ -1,9 +1,9 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit</title>
<title>kosmopolit - litterall</title>
<base href="../"/>
<meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette">
@@ -111,7 +111,7 @@
<p>litterall numero 5</p>
</div>
</div>
<p class="date right"><i><small>le 01/03/2021</small></i></p>
<p class="date right"><i><small>le 01/04/2021</small></i></p>
</main>
<aside class="aside_right">