pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

menu entierement en ligne pour iframe et ajout liens vers revues litterall

Browse Source
This commit is contained in:
ethylotest
2021-03-26 18:49:10 +01:00
parent b0bd0673fc
commit 1effbad549
15 changed files with 388 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/wetransfer-ea53ef.zip Normal file
View File

Binary file not shown.

2
fr/actualites.html
View File

@@ -21,7 +21,7 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/actualites.html#anchor_actualites"><p>actualités</p></a>
<a href="./fr/actualites.html#anchor_actualites"><h3>actualités</h3></a>
</div>
</aside>

11
fr/kosmopolit.html
View File

@@ -12,6 +12,7 @@
<style> html {visibility: hidden; opacity: 0;} </style>
</head>
<body>
<nav class="sticky">
<iframe src="./fr/navbar.html"></iframe>
</nav>
@@ -20,10 +21,10 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<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>
<a href="./fr/kosmopolit.html#anchor_kosmopolit"><h3>kosmopolit</h3></a>
<a href="./fr/kosmopolit.html#anchor_contact"><h3>contacts</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>
@@ -46,7 +47,7 @@
<div class="image full">
<img src="./docs/kosmopolit/kaleidoscope.png" alt="kaleidoscope">
<p class="right"><small><i>explosions superposees</i> © Olgaline Padilla</small></p>
<div>
</div>
<h2 id="anchor_contact">contacts</h2>
<p>
Pour nous contacter : <a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a>

2
fr/lettres.html
View File

@@ -21,7 +21,7 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/lettres.html#anchor_lettres"><p>lettres d'Europe et d'Ailleurs</p></a>
<a href="./fr/lettres.html#anchor_lettres"><h3>lettres d'Europe et d'Ailleurs</h3></a>
</div>
</aside>

8
fr/litterall.html
View File

@@ -20,10 +20,10 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/litterall.html#anchor_litterall"><p>LITTER<i>all</i></p></a>
<a href="./fr/litterall.html#anchor_27"><p>numero 27</p></a>
<a href="./fr/litterall.html#anchor_26"><p>numero 26</p></a>
<a href="./fr/litterall.html#anchor_archives"><p>archives</p></a>
<a href="./fr/litterall.html#anchor_litterall"><h3>LITTER<i>all</i></h3></a>
<a href="./fr/litterall.html#anchor_27"><h3>numero 27</h3></a>
<a href="./fr/litterall.html#anchor_26"><h3>numero 26</h3></a>
<a href="./fr/litterall.html#anchor_archives"><h3>archives</h3></a>
</div>
</aside>

160
fr/litterall/litterall_1.html
View File

@@ -13,8 +13,37 @@
</head>
<body>
<nav class="sticky">
<nav class="navbar sticky">
<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>
<!--
<iframe src="./fr/navbar.html"></iframe>
-->
</nav>
<div class="container_main">
@@ -22,20 +51,18 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/litterall/litterall_1.html#anchor_litterall_1"><p>LITTE<i>rall</i> 1</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_editorial"><p>Éditorial</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_sommaire"><p>Sommaire</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_responsable"><p>Responsable éditorial</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_comite"><p>Comité de rédaction</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_secretaria"><p>Secrétaria de rédaction</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_maquette"><p>Maquette</p></a>
<a href="./fr/litterall/litterall_1.html#anchor_litterall_1"><h3>LITTE<i>rall</i> 1</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_editorial"><h3>Éditorial</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_sommaire"><h3>Sommaire</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_responsable"><h3>Responsable éditorial</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_comite"><h3>Comité de rédaction</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_secretaria"><h3>Secrétaria de rédaction</h3></a>
<a href="./fr/litterall/litterall_1.html#anchor_maquette"><h3>Maquette</h3></a>
</div>
</aside>
<main>
<h1 id="anchor_litterall_1">LITTER<i>all</i> 1</h1>
<h2 id="anchor_editorial">Éditorial</h2>
<br><br>
<div class="image full">
<img src="./docs/litterall/revue_1/litterall_1_dos_mid.jpg" alt="litterall 27">
</div>
@@ -76,41 +103,84 @@
</main>
<aside class="aside_right">
<div class="relative_box">
<a href="./fr/litterall/litterall_27.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 27</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_26.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 26</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_19.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 19</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_15.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 15</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_14.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 14</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_10.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 10</span></h2>
</a>
</div>
<div class="relative_box">
<a href="./fr/litterall/litterall_5.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 5</span></h2>
</a>
</div>
<a class="button_box" href="./fr/litterall/litterall_27.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 27</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_26.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 26</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_25.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 25</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_24.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 24</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_23.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 23</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_22.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 22</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_21.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 21</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_20.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 20</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_19.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 19</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_18.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 18</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_17.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 17</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1516.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 15/16</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_14.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 14</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_13.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 13</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_12.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 12</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_11.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 11</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_10.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 10</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_9.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 9</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_8.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 8</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_7.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 7</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_6.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 6</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_5.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 5</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_4.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 4</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_3.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 3</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_2.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 2</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 1</span></h2>
</a>
</aside>
</div>

94
fr/litterall/litterall_26.html
View File

@@ -22,18 +22,18 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/litterall/litterall_26.html#anchor_litterall_26"><p>LITTER<i>all</i> 26</p></a>
<a href="./fr/litterall/litterall_26.html#anchor_editorial"><p>Éditorial</p></a>
<a href="./fr/litterall/litterall_26.html#anchor_sommaire"><p>Sommaire :</p></a>
<a href="./fr/litterall/litterall_26.html#anchor_responsables"><p>Responsables d’édition</p></a>
<a href="./fr/litterall/litterall_26.html#anchor_conseil"><p>Conseil éditorial</p></a>
<a href="./fr/litterall/litterall_26.html#anchor_litterall_26"><h3>LITTER<i>all</i> 26</h3></a>
<a href="./fr/litterall/litterall_26.html#anchor_editorial"><h3>Éditorial</h3></a>
<a href="./fr/litterall/litterall_26.html#anchor_sommaire"><h3>Sommaire :</h3></a>
<a href="./fr/litterall/litterall_26.html#anchor_responsables"><h3>Responsables d’édition</h3></a>
<a href="./fr/litterall/litterall_26.html#anchor_conseil"><h3>Conseil éditorial</h3></a>
</div>
</aside>
<main>
<h1 id="anchor_litterall_26">LITTER<i>all</i> 26</h1>
<h2 id="anchor_editorial">Éditorial</h2>
<p>Pour son vingt-sixième numéro, LITTERall propose neuf textes et trois dessins. Autant de prolongements pour découvrir des voix singulières. Deux pays sont ici particulièrement concernés, l’Allemagne et la Roumanie, et plus encore le passage entre ces deux territoires. La parole est ainsi donnée aux écrivains roumains de langue allemande. Où l’on comprend que le chaos de l’Histoire se décrypte dans l’ordinaire des jours et l’usage des langues.</p>
<p>Pour son vingt-sixième numéro, LITTER<i>all</i> propose neuf textes et trois dessins. Autant de prolongements pour découvrir des voix singulières. Deux pays sont ici particulièrement concernés, l’Allemagne et la Roumanie, et plus encore le passage entre ces deux territoires. La parole est ainsi donnée aux écrivains roumains de langue allemande. Où l’on comprend que le chaos de l’Histoire se décrypte dans l’ordinaire des jours et l’usage des langues.</p>
<p>Les textes traduits dans ce numéro n’appartiennent pas à un courant de pensée caractéristique ni à un style uniforme. Au contraire. Ce sont des variations, des présentations, des observations, des narrations, jamais des explications. Nous pourrions commencer à établir des parallèles et tenter des rapprochements entre ces différentes écritures. Mais la comparaison induit le risque de l’aplatissement. Pour être au plus juste, l’unité provient d’une cohérence dans la disparité.</p>
<p>Voici des voix, comme le dit Herta Müller à propos d’Oskar Pastior, ressemblant à des « corps pleins d’organes, très petits ou très grands qui décident de tout. »</p>
<p>Dans cette cartographie organique, où la forme d’une revue de littérature est comme un corps en mouvement, nous rencontrerons plusieurs motifs et parmi eux :</p>
@@ -76,7 +76,7 @@
<br>
Et la grande cause utile à la vie de tous les jours
</p>
<p>Bienvenue dans LITTERall numéro 26,</p>
<p>Bienvenue dans LITTER<i>all</i> numéro 26,</p>
<p>Jean-Philippe Rossignol</p>
<br><br>
<div class="image full">
@@ -116,8 +116,84 @@
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
<a class="button_box" href="./fr/litterall/litterall_27.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 27</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_26.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 26</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_25.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 25</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_24.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 24</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_23.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 23</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_22.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 22</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_21.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 21</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_20.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 20</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_19.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 19</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_18.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 18</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_17.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 17</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1516.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 15/16</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_14.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 14</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_13.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 13</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_12.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 12</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_11.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 11</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_10.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 10</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_9.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 9</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_8.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 8</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_7.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 7</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_6.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 6</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_5.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 5</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_4.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 4</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_3.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 3</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_2.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 2</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 1</span></h2>
</a>
</aside>
</div>

90
fr/litterall/litterall_27.html
View File

@@ -22,11 +22,11 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/litterall/litterall_27.html#anchor_litterall_27"><p>LITTER<i>all</i> 27</p></a>
<a href="./fr/litterall/litterall_27.html#anchor_editorial"><p>Éditorial</p></a>
<a href="./fr/litterall/litterall_27.html#anchor_sommaire"><p>Sommaire</p></a>
<a href="./fr/litterall/litterall_27.html#anchor_responsable"><p>Responsable éditorial</p></a>
<a href="./fr/litterall/litterall_27.html#anchor_conseil"><p>Conseil éditorial</p></a>
<a href="./fr/litterall/litterall_27.html#anchor_litterall_27"><h3>LITTER<i>all</i> 27</h3></a>
<a href="./fr/litterall/litterall_27.html#anchor_editorial"><h3>Éditorial</h3></a>
<a href="./fr/litterall/litterall_27.html#anchor_sommaire"><h3>Sommaire</h3></a>
<a href="./fr/litterall/litterall_27.html#anchor_responsable"><h3>Responsable éditorial</h3></a>
<a href="./fr/litterall/litterall_27.html#anchor_conseil"><h3>Conseil éditorial</h3></a>
</div>
</aside>
@@ -81,8 +81,84 @@
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
<a class="button_box" href="./fr/litterall/litterall_27.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 27</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_26.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 26</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_25.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 25</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_24.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 24</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_23.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 23</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_22.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 22</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_21.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 21</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_20.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 20</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_19.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 19</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_18.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 18</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_17.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 17</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1516.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 15/16</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_14.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 14</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_13.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 13</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_12.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 12</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_11.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 11</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_10.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 10</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_9.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 9</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_8.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 8</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_7.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 7</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_6.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 6</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_5.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 5</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_4.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 4</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_3.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 3</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_2.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 2</span></h2>
</a>
<a class="button_box" href="./fr/litterall/litterall_1.html">
<h2><span style="white-space: nowrap;">LITTER<i>all</i> 1</span></h2>
</a>
</aside>
</div>

7
fr/navbar.html
View File

@@ -6,8 +6,10 @@
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<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>
@@ -15,6 +17,7 @@
<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">
@@ -33,6 +36,8 @@
</div>
</div>
</div>
</div>
</body>
</html>

4
fr/publications/traduire_retraduire.html
View File

@@ -22,8 +22,8 @@
<aside class="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/publications/traduire_retraduire.html#anchor_traduire"><p>publication</p></a>
<a href="./fr/publications/traduire_retraduire.html#anchor_telecharger"><p>télécharger</p></a>
<a href="./fr/publications/traduire_retraduire.html#anchor_traduire"><h3>publication</h3></a>
<a href="./fr/publications/traduire_retraduire.html#anchor_telecharger"><h3>télécharger</h3></a>
</div>
</aside>

29
styles/aside_right.css
View File

@@ -1,6 +1,6 @@
/*---------------------------------------------*/
/*ASIDE RIGHT RELATIVES*/
/*ASIDE RIGHT*/
/* aside right is for links to relatives content*/
aside.aside_right {
padding: calc(var(--gap-unit) / 2);
@@ -9,6 +9,9 @@ aside.aside_right {
aside.aside_right *:first-child {
width: var(--aside-right-width);
}
/*---------------------------------------------*/
/*RELATIVES BOX*/
aside.aside_right .relative_box {
margin: var(--aside-margin);
padding: var(--gap-unit);
@@ -25,3 +28,27 @@ aside.aside_right .relative_box > * {
aside.aside_right .relative_box a h2 {
color: var(--color-text-2);
}
/*---------------------------------------------*/
/*BUTTON BOX*/
aside.aside_right .button_box {
margin: 10px var(--aside-margin);
margin-bottom: 0px;
padding: calc(var(--gap-unit) / 2);
border: 1px solid var(--color-lines-2);
border-radius: 23px;
border-radius: 10em;
}
aside.aside_right .button_box:first-child {
margin-top: var(--aside-margin);
}
aside.aside_right .button_box * {
width: auto;
}
aside.aside_right .button_box h2 {
padding-left: 30px;
}

36
styles/litterall_1.css
View File

@@ -1,18 +1,28 @@
aside.aside_right .relative_box {
border-radius: 23px;
margin: 5px var(--aside-margin);
}
aside.aside_right .relative_box:first-child {
margin-top: var(--aside-margin);
}
aside.aside_right .relative_box * {
width: auto;
}
aside.aside_right .relative_box a {
margin-bottom: 0px;
}
.sommaire_name_width {
padding: 0px 5px;
background-color: hsl(var(--hue-4) 50% 90%);
}
/*---------------------------------------------*/
/*NAVBAR special DROPDOWN*/
.navbar .nav_right .dropdown .drop {
background-color: var(--color-back-base);
}
.navbar .nav_right .dropdown a:hover, .navbar .nav_right .dropdown a:focus {
background-color: var(--color-back-dark);
}
.navbar .nav_right .dropdown .drop_items {
top: 100%;
left: 0px;
height: 100%;
flex-direction: column;
display: none;
}
.navbar .nav_right .dropdown .drop_items::before {
display: none;
}
.navbar .nav_right .dropdown:focus-within * {
display: flex;
}

36
styles/nav.css
View File

@@ -1,11 +1,19 @@
/*---------------------------------------------*/
/*NAVBAR*/
nav iframe {
width: 100%;
}
body#body_navbar {
background-color: transparent;
overflow: hidden;
}
.navbar {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
border-bottom: 1px solid var(--color-lines-4);
}
.navbar * {
display: flex;
@@ -24,16 +32,19 @@
padding-left: 40px;
padding-right: 40px;
}
.navbar a p {
.navbar a > * {
/*to center vertically the text*/
height: auto;
}
.navbar .nav_left img {
height: calc(100% - 4px);
}
.navbar a:not(#nav_logo):hover, nav a:not(#nav_logo):focus {
.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: 2px;
@@ -61,16 +72,31 @@
.navbar .nav_right .dropdown .drop {
position: relative;
padding: 0px 20px;
}
.navbar .nav_right .dropdown .drop_title:focus {
background-color: var(--color-back-base);
}
/* the items that drop horizontally to the left*/
.navbar .nav_right .dropdown .drop_items {
position: absolute;
top: 100%;
left: 0px;
top: 0px;
right: 100%;
height: 100%;
flex-direction: column;
width: auto;
background-color: var(--color-back-base);
flex-direction: row;
display: none;
}
/* create a gaz on the rest of the navbar when language menu drop*/
.navbar .nav_right .dropdown .drop_items::before {
content: "";
position: absolute;
top: 0px;
right: 100%;
width: 100vw;
height: 100%;
background-color: rgba(240,240,240,0.5);
}
/* horizontal space between flag and name*/
.navbar .nav_right .dropdown .drop > * {
margin: auto 3px;

8
styles/skeleton.css vendored
View File

@@ -18,14 +18,8 @@ body {
nav {
flex-direction: row;
/*we have to set the height to use the height % for childs elements*/
height: var(--nav-height);
background-color: var(--color-back-base);
height: calc(var(--nav-height) + 1px);
z-index: 10;
border-bottom: 1px solid var(--color-lines-4);
}
nav iframe {
width: 100%;
height: 100%;
}
.container_main {
flex-direction: row;

11
styles/text.css
View File

@@ -1,19 +1,12 @@
/*---------------------------------------------*/
/*TEXTS*/
/*fonts*/
/*FONTS*/
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
a, p, li {
font-family: var(--font-texts), var(--font-fallback), sans-serif;
}
nav p {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
.table_box p {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
/*---------------------------------------------*/
/*COLORS*/
@@ -31,7 +24,7 @@ p a:active {
color: var(--color-link-active);
}
/*color text*/
p, span {
h1, h2, h3, p, span {
color: var(--color-text);
}