From 77fd4ffb6a73acc7bf4f7b4e08c85d958d5d6368 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Fri, 2 Apr 2021 20:27:21 +0200 Subject: [PATCH 1/7] animation en 8 --- index2.html | 38 +++++++++++ styles/index.css | 10 +-- styles/index2.css | 156 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 200 insertions(+), 4 deletions(-) create mode 100644 index2.html create mode 100644 styles/index2.css diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..49751e2 --- /dev/null +++ b/index2.html @@ -0,0 +1,38 @@ + + + + + + kosmopolit + + + + + + + +
+
+ logo kosmopolit +
+
+
+
+
+
+
+
+ logo kosmopolit line +
+
+
+
+

KOSMOPOLIT

+

LITTERall

+

Lettres d'Europe et d'Ailleurs

+

Actualités

+
+
+ + + diff --git a/styles/index.css b/styles/index.css index dae14f0..ac84e0f 100644 --- a/styles/index.css +++ b/styles/index.css @@ -93,8 +93,10 @@ body main { /*------------------------------------------*/ /*THE ANIMATION*/ @keyframes rotation { - from {transform: rotate(0deg); transform-origin: 50% 51%;} - to {transform: rotate(360deg); transform-origin: 50% 50%;} + 0% {transform: rotate(0deg); transform-origin: 49% 50%;} + 50% {transform: rotate(360deg); transform-origin: 49% 50%;} + 50.1% {transform: rotate(360deg); transform-origin: 51% 50%;} + 100% {transform: rotate(0deg); transform-origin: 51% 50%;} } .logo_bubbles .circle { animation-name: rotation; @@ -104,7 +106,7 @@ body main { animation-direction: normal; } .logo_bubbles .circle._1 { - animation-duration: 1s; + animation-duration: 2s; animation-delay: 0s; animation-direction: reverse; } @@ -114,7 +116,7 @@ body main { animation-direction: reverse; } .logo_bubbles .circle._3 { - animation-duration: 1.5s; + animation-duration: 1s; animation-delay: 0.3s; } .logo_bubbles .circle._4 { diff --git a/styles/index2.css b/styles/index2.css new file mode 100644 index 0000000..ac84e0f --- /dev/null +++ b/styles/index2.css @@ -0,0 +1,156 @@ + +/*------------------------------------------*/ +/*ACCUEIL*/ +body main { + display: flex; + flex-direction: column; + height: 100vh; + margin: auto; + padding: 0px; +} +.logo_txt { + height: auto; + width: 100%; + margin: auto; +} +.logo_bubbles { + position: relative; + height: auto; + width: 100%; + margin: auto; +} +.logo_links { + display: flex; + flex-direction: row; + width: 100%; + margin: auto auto 50px auto; +} + + + + +/*------------------------------------------*/ +/*THE DRAWING*/ +/*all the ratios of the following elements*/ +._ratio { + position: relative; + width: 100%; +} +.logo_bubbles > ._ratio { + padding-top: 70%; +} +.circle > ._ratio { + padding-top: 100%; +} +/*commmon settings*/ +.logo_bubbles .circle { + position: absolute; + border-radius: 50%; +} +/*sie position and color for each circles*/ +.logo_bubbles .circle._1 { + top: 13.4%; + left: 2.2%; + width: 51.6%; + background-color: #ee1998; +} +.logo_bubbles .circle._2 { + top: 18.8%; + left: 27.6%; + width: 51.6%; + background-color: #8fce3c; +} +.logo_bubbles .circle._3 { + top: 5.9%; + left: 66.1%; + width: 30.5%; + background-color: #0c9cb5; +} +.logo_bubbles .circle._4 { + top: 36%; + left: 59%; + width: 10.9%; + background-color: #e3e00a; +} +/*mix-blend-mode*/ +.logo_bubbles .circle._blend._2 { + mix-blend-mode: luminosity; +} +.logo_bubbles .circle._blend._3 { + mix-blend-mode: color; +} +/*the line*/ +.logo_bubbles .logo_line { + position: absolute; + top: 0px; + left: 0px; + width: 100%; +} + + + + +/*------------------------------------------*/ +/*THE ANIMATION*/ +@keyframes rotation { + 0% {transform: rotate(0deg); transform-origin: 49% 50%;} + 50% {transform: rotate(360deg); transform-origin: 49% 50%;} + 50.1% {transform: rotate(360deg); transform-origin: 51% 50%;} + 100% {transform: rotate(0deg); transform-origin: 51% 50%;} +} +.logo_bubbles .circle { + animation-name: rotation; + animation-delay: 0s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: normal; +} +.logo_bubbles .circle._1 { + animation-duration: 2s; + animation-delay: 0s; + animation-direction: reverse; +} +.logo_bubbles .circle._2 { + animation-duration: 2s; + animation-delay: 0.7s; + animation-direction: reverse; +} +.logo_bubbles .circle._3 { + animation-duration: 1s; + animation-delay: 0.3s; +} +.logo_bubbles .circle._4 { + animation-duration: 1s; + animation-delay: 0.5s; + animation-direction: reverse; +} + + + + + +/*------------------------------------------*/ +/*LINKS*/ +.logo_links > * { + margin: auto; + padding: 0px; +} +.logo_links > :first-child { + margin-left: 0px; +} +.logo_links > :last-child { + margin-right: 0px; +} +.logo_links #kosmopolit a { + color: var(--color-purple); +} +.logo_links #litterall a { + color: var(--color-green); +} +.logo_links #lea a { + color: var(--color-water); +} +.logo_links #actualites a { + color: hsl(59, 100%, 40%); +} + From 5536e4b73efcff5519986b53f6300c12766857e9 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Fri, 2 Apr 2021 20:33:15 +0200 Subject: [PATCH 2/7] deux animations --- styles/index.css | 50 +++++++++++++++++++++++++++++++----------------- 1 file changed, 32 insertions(+), 18 deletions(-) diff --git a/styles/index.css b/styles/index.css index ac84e0f..8ce0c92 100644 --- a/styles/index.css +++ b/styles/index.css @@ -92,38 +92,52 @@ body main { /*------------------------------------------*/ /*THE ANIMATION*/ -@keyframes rotation { - 0% {transform: rotate(0deg); transform-origin: 49% 50%;} - 50% {transform: rotate(360deg); transform-origin: 49% 50%;} - 50.1% {transform: rotate(360deg); transform-origin: 51% 50%;} - 100% {transform: rotate(0deg); transform-origin: 51% 50%;} +@keyframes position { + 0% {transform: translate( 0%, 0%);} + 5% {transform: translate( 0.5%, -0.5%);} + 10% {transform: translate( 1%, 0%);} + 15% {transform: translate( 0.5%, -0.5%);} + 20% {transform: translate( 0%, -1%);} + 25% {transform: translate(-0.5%, -0.5%);} + 30% {transform: translate( -1%, 0%);} + 35% {transform: translate(-0.5%, -0.5%);} + 40% {transform: translate( 0%, -1%);} + 45% {transform: translate(-0.5%, -0.5%);} + 50% {transform: translate( -1%, 0%);} + 55% {transform: translate(-0.5%, 0.5%);} + 60% {transform: translate( 0%, 1%);} + 65% {transform: translate( 0.5%, 0.5%);} + 70% {transform: translate( 1%, 1%);} + 75% {transform: translate( 0.5%, 0.5%);} + 80% {transform: translate( 1%, 0%);} + 85% {transform: translate( 0.5%, -0.5%);} + 90% {transform: translate( 0%, -1%);} + 95% {transform: translate(-0.5%, -0.5%);} + 100% {transform: translate( -1%, 0%);} } .logo_bubbles .circle { - animation-name: rotation; + animation-name: position; + animation-duration: 1s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; - animation-direction: normal; + animation-direction: alternate; } .logo_bubbles .circle._1 { - animation-duration: 2s; - animation-delay: 0s; + animation-delay: -0.8s; animation-direction: reverse; } .logo_bubbles .circle._2 { - animation-duration: 2s; - animation-delay: 0.7s; - animation-direction: reverse; + animation-delay: -2.7s; } .logo_bubbles .circle._3 { - animation-duration: 1s; - animation-delay: 0.3s; -} -.logo_bubbles .circle._4 { - animation-duration: 1s; - animation-delay: 0.5s; + animation-delay: -1.3s; animation-direction: reverse; } +.logo_bubbles .circle._4 { + animation-delay: 0s; +} + From c2e85de0d2ab15ef629fbe1d759de11505d358fe Mon Sep 17 00:00:00 2001 From: hugogogo Date: Fri, 2 Apr 2021 20:50:39 +0200 Subject: [PATCH 3/7] les deux animations amelioration --- styles/index.css | 33 +++++++++++---------------------- 1 file changed, 11 insertions(+), 22 deletions(-) diff --git a/styles/index.css b/styles/index.css index 8ce0c92..6a828cd 100644 --- a/styles/index.css +++ b/styles/index.css @@ -93,31 +93,20 @@ body main { /*------------------------------------------*/ /*THE ANIMATION*/ @keyframes position { - 0% {transform: translate( 0%, 0%);} - 5% {transform: translate( 0.5%, -0.5%);} - 10% {transform: translate( 1%, 0%);} - 15% {transform: translate( 0.5%, -0.5%);} - 20% {transform: translate( 0%, -1%);} - 25% {transform: translate(-0.5%, -0.5%);} - 30% {transform: translate( -1%, 0%);} - 35% {transform: translate(-0.5%, -0.5%);} - 40% {transform: translate( 0%, -1%);} - 45% {transform: translate(-0.5%, -0.5%);} - 50% {transform: translate( -1%, 0%);} - 55% {transform: translate(-0.5%, 0.5%);} - 60% {transform: translate( 0%, 1%);} - 65% {transform: translate( 0.5%, 0.5%);} - 70% {transform: translate( 1%, 1%);} - 75% {transform: translate( 0.5%, 0.5%);} - 80% {transform: translate( 1%, 0%);} - 85% {transform: translate( 0.5%, -0.5%);} - 90% {transform: translate( 0%, -1%);} - 95% {transform: translate(-0.5%, -0.5%);} - 100% {transform: translate( -1%, 0%);} + 0% {transform: translate( 0%, 0%);} + 20% {transform: translate( 1%, -1%);} + 30% {transform: translate(-1%, 0%);} + 40% {transform: translate( 1%, -1%);} + 50% {transform: translate( 0%, 1%);} + 60% {transform: translate( 1%, -1%);} + 70% {transform: translate( 0%, 0%);} + 80% {transform: translate(-1%, -1%);} + 90% {transform: translate( 1%, -1%);} + 100% {transform: translate( 0%, 0%);} } .logo_bubbles .circle { animation-name: position; - animation-duration: 1s; + animation-duration: 4s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; From b348018a5cdfbc88513ecfb805824a8163037845 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Fri, 2 Apr 2021 23:57:46 +0200 Subject: [PATCH 4/7] mise a jour minuscules litterall numeros et numero 2 --- fr/actualites.html | 2 +- fr/date.html | 14 +++++++ fr/kosmopolit.html | 11 +++-- fr/lettres.html | 7 ++-- fr/litterall.html | 17 +++++--- fr/litterall/litterall_01.html | 34 +++++++-------- fr/litterall/litterall_02.html | 53 +++++++++++++++++++----- fr/litterall/litterall_03.html | 11 ++--- fr/litterall/litterall_04.html | 11 ++--- fr/litterall/litterall_05.html | 11 ++--- fr/litterall/litterall_06.html | 17 ++++---- fr/litterall/litterall_07.html | 21 +++++----- fr/litterall/litterall_08.html | 19 +++++---- fr/litterall/litterall_09.html | 19 +++++---- fr/litterall/litterall_10.html | 13 +++--- fr/litterall/litterall_11.html | 19 +++++---- fr/litterall/litterall_12_13.html | 21 +++++----- fr/litterall/litterall_14.html | 21 +++++----- fr/litterall/litterall_15_16.html | 19 +++++---- fr/litterall/litterall_17.html | 21 +++++----- fr/litterall/litterall_18.html | 17 ++++---- fr/litterall/litterall_19.html | 17 ++++---- fr/litterall/litterall_20.html | 17 ++++---- fr/litterall/litterall_21.html | 15 +++---- fr/litterall/litterall_22.html | 17 ++++---- fr/litterall/litterall_23.html | 15 +++---- fr/litterall/litterall_24.html | 15 +++---- fr/litterall/litterall_25.html | 17 ++++---- fr/litterall/litterall_26.html | 27 +++++++----- fr/litterall/litterall_27.html | 27 +++++++----- fr/publications/traduire_retraduire.html | 5 ++- todo.txt | 1 - 32 files changed, 317 insertions(+), 234 deletions(-) create mode 100644 fr/date.html diff --git a/fr/actualites.html b/fr/actualites.html index ad63003..2054d5a 100644 --- a/fr/actualites.html +++ b/fr/actualites.html @@ -79,7 +79,7 @@

-

le 01/04/2021

+ @@ -77,13 +77,14 @@ kaleidoscope

explosions superposees © Olgaline Padilla

+

pour nous contacter

kosmopolit.contact@protonmail.com

bulletin d'adhesion

télécharger ici

-

L’équipe

+

l’équipe

Jean-Philippe Rossignol – directeur artistique
@@ -105,13 +106,15 @@
Francesca Isidori – conseillère

-

Crédits

+ +

crédits

Marie-Charlotte Gain-Hautbois – pour le graphisme du logo
Hugo Lamy – pour le site internet

-

le 01/04/2021

+ + @@ -33,7 +35,7 @@

LITTERall 5

-

Sommaire

+

sommaire

Nedim Gürsel Editorial

Yüksel Pazarkaya Le Mal des pays lointains
traduction Catherine Weinzorn

Alev Tekinay La Petite fille aux roses et la tortue
traduction Françoise Toraille

@@ -49,10 +51,39 @@

Hans Joachim Schädlich L'Affaire B.
traduction Brigitte Vergne-Cain et Gérard Rudent

Heiner Müller Héraclès 13
traduction Jean-Pierre Morel

-

Responsable éditorial

+

responsable éditorial

Nicole Bary

-

Avec la collaboration de

+

comité de rédaction

+

+ à Paris +
+ Sabine Junghans +
+ François Mathieu +
+ Régine Mathieu +
+ Martin Raether +
+ Françoise Toraille +

+

+ à Berlin +
+ Bernard Genton +

+

+ à Bruxelles +
+ Christiane Bohrer +

+ +

secrétariat de rédaction

+

Elisabeth Lesne

+ +

maquette

+

Johannes Strugalla



édité par Les Amis du Roi des Aulnes, 1993

diff --git a/styles/main.css b/styles/main.css index 5b9c239..25404da 100644 --- a/styles/main.css +++ b/styles/main.css @@ -21,4 +21,13 @@ body main h2 { body main h3 { padding: 40px 0px 0px 0px; } +body main h4 { + padding: 0px; +} +body main h5 { + padding: 0px; +} +body main h6 { + padding: 0px; +} diff --git a/styles/text.css b/styles/text.css index 11f0882..6abf9c5 100644 --- a/styles/text.css +++ b/styles/text.css @@ -1,12 +1,15 @@ /*---------------------------------------------*/ /*FONTS*/ -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6, em { font-family: var(--font-titles), var(--font-fallback), sans-serif; } a, p, li { font-family: var(--font-texts), var(--font-fallback), sans-serif; } +code { + font-family: monospace; +} /*---------------------------------------------*/ /*COLORS*/ @@ -24,7 +27,7 @@ p a:active { color: var(--color-link-active); } /*color text*/ -h1, h2, h3, p, span { +h1, h2, h3, h4, h5, h6, p, span { color: var(--color-text); } @@ -52,6 +55,18 @@ h3 { font-size: 1.8em; line-height: 1.5em; } +h4 { + font-size: 1.8em; + line-height: 1.5em; +} +h5 { + font-size: 1.8em; + line-height: 1.5em; +} +h6 { + font-size: 1.8em; + line-height: 1.5em; +} small, sub, sup { font-size: 0.8em; line-height: 1.2em; @@ -59,7 +74,7 @@ small, sub, sup { /*---------------------------------------------*/ /*OTHER SETTINGS*/ -p, p *, h1, h1 *, h2, h2 *, h3, h3 *, li * { +p, p *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, li * { display: inline; } a, a * { @@ -75,15 +90,36 @@ mark { /*text with background color*/ padding: 0px 5px; background-color: hsl(var(--hue-4) 50% 90%); } -/* +strong { + background-color: hsl(var(--hue-3) 50% 90%); +} del { + text-decoration: line-through; +} +ins { + text-decoration: underline; } sub { + vertical-align: sub; } sup { + vertical-align: super; } code { + background-color: var(--color-back-dark); } +/* + - Italic + - Emphasized -> title font + - Bold + - Important -> background color + - Marked -> background color + - Smaller + - Deleted + - Inserted -> underline + - Subscript + - Superscript + - Computer */ /*---------------------------------------------*/ @@ -111,18 +147,3 @@ code { white-space: nowrap; } - - -/* - - Italic text - - Emphasized text - - Bold text - - Important text - - Marked text - - Smaller text - - Deleted text - - Inserted text - - Subscript text - - Superscript text - - Computer code -*/ From 96427c3eb7c244ca79d0ca25ad3265b7a6431a74 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Sat, 3 Apr 2021 13:50:05 +0200 Subject: [PATCH 6/7] revue 6 et 7 --- fr/litterall/litterall_06.html | 58 ++++++++++++++++++++++++++++++---- fr/litterall/litterall_07.html | 51 ++++++++++++++++++++++++++---- 2 files changed, 95 insertions(+), 14 deletions(-) diff --git a/fr/litterall/litterall_06.html b/fr/litterall/litterall_06.html index 74426a7..4c3732a 100644 --- a/fr/litterall/litterall_06.html +++ b/fr/litterall/litterall_06.html @@ -25,7 +25,9 @@

LITTERall 6

sommaire

responsable éditorial

-

avec la collaboration

+

comité de rédaction

+

secrétariat de rédaction

 +

maquette

@@ -34,18 +36,60 @@

LITTERall 6

sommaire

-

- -
-

+

Lothar Baier Editorial
traduction Nicole Bary

+

Michael Buselmeier Sous terre
traduction Jacqueline Grenz

+

Milo Dor Paul Celan
traduction Dominique Petit

+

Eleonore Frey Pas pour les enfants
traduction Brigitte Vergne-Cain et Gérard Rudent

+

Christoph Hein Béquille
traduction Nicole Bary

+

Andreas Koziol Crépuscule sur le barrage
traduction François Mathieu

+

Dorothea Macheiner L'Incendie
traduction Dominique Petit

+

Christoph Meckel Grand choral du chapeau et de la chaussure
traduction Jean-Paul Barbe

+

Gerlind Reinshagen Le Coupable
traduction Dominique Petit

+

Evelyn Schlag Le Poème préféré de Rilke
traduction Jacques Lajarrige

+

Johano Strasser La Fête des chasseurs
traduction Françoise Toraille

+

Waldemar Weber La Neige
traduction Dominique Petit

+

Waldemar Weber Poèmes
traduction Dominique Petit

responsable éditorial

Nicole Bary

-

avec la collaboration de

+

comité de rédaction

+

+ à Paris +
+ Franca Günther +
+ Philippe Jaworski +
+ Sabine Junghans +
+ François Mathieu +
+ Régine Mathieu +
+ Martin Raether +
+ Françoise Toraille +

+

+ à Berlin +
+ Bernard Genton +

+

+ à Bruxelles +
+ Christiane Bohrer +

+ +

secrétariat de rédaction

+

Elisabeth Lesne

+ +

maquette

+

Johannes Strugalla



-

édité par Les Amis du Roi des Aulnes,

+

édité par Les Amis du Roi des Aulnes

diff --git a/fr/litterall/litterall_07.html b/fr/litterall/litterall_07.html index 5b09d98..3e5e484 100644 --- a/fr/litterall/litterall_07.html +++ b/fr/litterall/litterall_07.html @@ -25,7 +25,9 @@

LITTERall 7

sommaire

responsable éditorial

-

avec la collaboration

+

comité de rédaction

+

secrétariat de rédaction

 +

maquette

@@ -34,18 +36,53 @@

LITTERall 7

sommaire

-

- -
-

+

Danièle Sallenave Editorial

+

Yoko Tawada Là où commence l'Europe
traduction Françoise Toraille

+

Erich Wolfgang Skwara Trahison
traduction Laurence Itié

+

Martin Grzimek L'Agent immobilier
traduction Dominique Petit

+

Urs Widmer Petite histoire des déchets sur les plages
traduction Jacqueline Grenz

+

Holger Teschke Poèmes
traduction Jean-Paul Barbe

+

Gert Heidenreich Poèmes
traduction Philippe Jaworski

+

Barbara Frischmuth Cœur de sorcière
traduction Dominique Petit

+

Lilian Faschinger L'Envers de la douleur
traduction Nicole Bary

+

Harmut Lange Le Mur dans la cour
traduction Michel François Demet

responsable éditorial

Nicole Bary

-

avec la collaboration de

+

comité de rédaction

+

+ à Paris + Bernard Genton +
+ Franca Günther +
+ Philippe Jaworski +
+ Sabine Junghans +
+ François Mathieu +
+ Régine Mathieu +
+ Martin Raether +
+ Françoise Toraille +

+

+ à Munich +
+ Christiane Bohrer +

+ +

secrétariat de rédaction

+

Elisabeth Lesne

+ +

maquette

+

Johannes Strugalla



-

édité par Les Amis du Roi des Aulnes,

+

édité par Les Amis du Roi des Aulnes, 1995

From 0180247cecc439757380ce8be676d4fce549bb67 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Sat, 3 Apr 2021 15:04:52 +0200 Subject: [PATCH 7/7] en cours modification revue 08 --- fr/litterall/litterall_08.html | 61 +++++++++++++++++++++++++++++++++- 1 file changed, 60 insertions(+), 1 deletion(-) diff --git a/fr/litterall/litterall_08.html b/fr/litterall/litterall_08.html index 3d6777d..4118c60 100644 --- a/fr/litterall/litterall_08.html +++ b/fr/litterall/litterall_08.html @@ -25,7 +25,10 @@

LITTERall 8

sommaire

responsable éditorial

+

comité de rédaction

avec la collaboration

+

secrétariat de rédaction

 +

maquette

@@ -37,13 +40,69 @@


-

+

+ + Heinz Ludwig Arnold + traduction Nicole Bary + Editorial + Heinz Czechowski + traduction Philippe Jaworski + Poèmes + Vladimir Vertlib + traduction Dominique Petit + Les Autochtones et moi + Kerstin Hensel + traduction Françoise Toraille + Le Comte attablé + Alban Nikolai + traduction Anne-Marie Geyer + Le Triomphe de Rose + Bert Papenfuss + traduction Jean-Paul Barbe + Poèmes + Heinz Knobloch, traduction Jacques Lajarrige “Lunch avec grands-pères” + Ulrike Kolb, traduction Diane-Monique Daviau “Après” + Michael Wüstefeld, traduction Nicole Bary “Chemin de patrouille près de la frontière” + Ilse Aichinger, traduction Alain Lance “Promenades avant la fin” + Ilse Aichinger, traduction Alain Lance “Voyage au bout de la mémoire” + Christine Lavant, traduction Jacques Lajarrige “Poèmes”

responsable éditorial

Nicole Bary

+

comité de rédaction

+

+ à Paris + Bernard Genton +
+ Franca Günther +
+ Philippe Jaworski +
+ Sabine Junghans +
+ François Mathieu +
+ Régine Mathieu +
+ Martin Raether +
+ Françoise Toraille +

+

+ à Munich +
+ Christiane Bohrer +

+

avec la collaboration de

+

secrétariat de rédaction

+

Elisabeth Lesne

+ +

maquette

+

Johannes Strugalla

+

édité par Les Amis du Roi des Aulnes,