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

ajout footer

Browse Source
This commit is contained in:
ethylotest
2021-03-23 15:14:54 +01:00
parent 1e2aa8ce45
commit 0ccf124418
11 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
fr/actualites.html
View File

@@ -38,6 +38,7 @@
</div> </div>
<footer class="page_footer"> <footer class="page_footer">
<iframe src="./fr/footer.html"></iframe>
</footer> </footer>
</body> </body>
</html> </html>

20
fr/footer.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="../"/>
<link href="./styles/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="footer">
<div class="footer_container">
<p>© KOSMOPOLIT – littératures germanophones et européennes</p>
<p>10 rue Vandrezanne</p>
<p>75013 Paris</p>
<p>kosmopolit.contact@protonmail.com</p>
</div>
</div>
</body>
</html>

7
fr/kosmopolit.html
View File

@@ -29,7 +29,7 @@
<main> <main>
<h1 id="anchor_kosmopolit">kosmopolit</h1> <h1 id="anchor_kosmopolit">kosmopolit</h1>
<div class="quote"> <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> <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"> <div class="quote_credit">
<p>Arno Schmidt, <i>Enthymésis</i></p> <p>Arno Schmidt, <i>Enthymésis</i></p>
</div> </div>
@@ -43,7 +43,7 @@
<br><br> <br><br>
<div class="image full"> <div class="image full">
<img src="./docs/kosmopolit/kaleidoscope.png" alt="kaleidoscope"> <img src="./docs/kosmopolit/kaleidoscope.png" alt="kaleidoscope">
<p class="right"><small><i>explosions superposees</i> &#9426 Olgaline Padilla</small></p> <p class="right"><small><i>explosions superposees</i> © Olgaline Padilla</small></p>
<div> <div>
<h2 id="anchor_contact">contacts</h2> <h2 id="anchor_contact">contacts</h2>
<p> <p>
@@ -88,7 +88,8 @@
</aside> </aside>
</div> </div>
<footer class="page_footer"> <footer>
<iframe src="./fr/footer.html"></iframe>
</footer> </footer>
</body> </body>
</html> </html>

2
fr/lettres.html
View File

@@ -33,7 +33,7 @@
</div> </div>
</div> </div>
<br><br> <br><br>
<p>Ce festival réunit une fois par an des auteur.e.s venu.e.s d’Europe et d’ailleurs. Tournées vers l’exploration de l’écriture, des langues et du monde contemporain, ces rencontres entre écrivain.e.s, à l'origine organisées par Les Amis du Roi des Aulnes, ont lieu en public et questionnent notamment notre rapport au réel, aux climats, à l’animalité, au politique et au poétique.</p> <p>Ces rencontres littéraires réunissent une fois par an des auteur.e.s venu.e.s d’Europe et d’ailleurs. Tournées vers l’exploration de l’écriture, des langues et du monde contemporain, ces rencontres entre écrivain.e.s, à l'origine organisées par Les Amis du Roi des Aulnes, ont lieu en public et questionnent notamment notre rapport au réel, aux climats, à l’animalité, au politique et au poétique.</p>
<p>Dans un monde en transition, nous souhaitons relier les différentes sphères linguistiques.</p> <p>Dans un monde en transition, nous souhaitons relier les différentes sphères linguistiques.</p>
<p>Nous programmons ces débats en co-construction avec des instituts culturels, des librairies et des universités.</p> <p>Nous programmons ces débats en co-construction avec des instituts culturels, des librairies et des universités.</p>
<p class="date right"><i><small>le 01/04/2021</small></i></p> <p class="date right"><i><small>le 01/04/2021</small></i></p>

2
fr/litterall.html
View File

@@ -29,7 +29,7 @@
<main> <main>
<h1 id="anchor_litterall">LITTER<i>all</i></h1> <h1 id="anchor_litterall">LITTER<i>all</i></h1>
<div class="quote"> <div class="quote">
<p>“Il est difficile à des étrangers comme nous de pénétrer l’ultime secret des vers d’une autre langue. Ce n’est pas à nous d’en juger, nous n’aurons pas le dernier mot.”</p> <p>Il est difficile à des étrangers comme nous de pénétrer l’ultime secret des vers d’une autre langue. Ce n’est pas à nous d’en juger, nous n’aurons pas le dernier mot.</p>
<div class="quote_credit"> <div class="quote_credit">
<p>Ossip Mandelstam, <i>Entretien sur Dante</i></p> <p>Ossip Mandelstam, <i>Entretien sur Dante</i></p>
<p>traduction Louis Martinez</p> <p>traduction Louis Martinez</p>

2
fr/litterall/litterall_27.html
View File

@@ -49,7 +49,7 @@
<p>C’est possible.</p> <p>C’est possible.</p>
<p>Ou encore autre chose.</p> <p>Ou encore autre chose.</p>
<p>En tout cas, cet atlas maintient son désir et son embarcation au milieu des mers, même par avis de tempête. Tenir la barre, sans courber l’échine.</p> <p>En tout cas, cet atlas maintient son désir et son embarcation au milieu des mers, même par avis de tempête. Tenir la barre, sans courber l’échine.</p>
<p>Ce numéro de LITTER<i>all</i> est aussi le dernier porté par Les Amis du Roi des Aulnes. L’aventure se poursuivra avec KOSMOPOLIT. Transmission de témoin et nouveau cap en vue !</p> <p>Ce numéro de LITTER<i>all</i> est aussi le dernier porté par Les Amis du Roi des Aulnes. L’aventure se poursuivra avec KOSMOPOLIT. Transmission de témoin et nouveau cap en vue&nbsp!</p>
<p>Bonne lecture,</p> <p>Bonne lecture,</p>
<p>Jean-Philippe Rossignol & Nicole Bary</p> <p>Jean-Philippe Rossignol & Nicole Bary</p>
<div class="image full"> <div class="image full">

2
fr/publications/traduire_retraduire.html
View File

@@ -27,7 +27,7 @@
</aside> </aside>
<main id="main_traduire_retraduire"> <main id="main_traduire_retraduire">
<h1 id="anchor_traduire">traduire, retraduire<br>entretiens</i></h1> <h1 id="anchor_traduire">Traduire, retraduire<br><small>entretien</small></i></h1>
<p id="anchor_telecharger"><a href="./docs/litterall/publications/traduire_retraduire.pdf" target="_blank" rel="noopener noreferrer">télécharger la publication au format pdf</a></p> <p id="anchor_telecharger"><a href="./docs/litterall/publications/traduire_retraduire.pdf" target="_blank" rel="noopener noreferrer">télécharger la publication au format pdf</a></p>
<div class="image full"> <div class="image full">
<img src="./docs/litterall/publications/traduire_retraduire_1.jpg" alt="traduire_retraduire_1"> <img src="./docs/litterall/publications/traduire_retraduire_1.jpg" alt="traduire_retraduire_1">

10
styles/footer.css
View File

@@ -1,6 +1,14 @@
/*---------------------------------------------*/ /*---------------------------------------------*/
/*FOOTER*/ /*FOOTER*/
body footer.page_footer { .footer {
height: var(--footer-height); height: var(--footer-height);
background-color: var(--color-back-dark);
}
.footer .footer_container {
margin: auto;
}
.footer p {
margin: 3px auto;
font-size: 1.4em;
} }

2
styles/global.css
View File

@@ -55,6 +55,6 @@
--aside-left-width: 200px; --aside-left-width: 200px;
--aside-right-width: 200px; --aside-right-width: 200px;
--aside-margin: 30px; --aside-margin: 30px;
--footer-height: 100px; --footer-height: 150px;
} }

9
styles/skeleton.css vendored
View File

@@ -25,6 +25,7 @@ nav {
} }
nav iframe { nav iframe {
width: 100%; width: 100%;
height: 100%;
} }
.container_main { .container_main {
flex-direction: row; flex-direction: row;
@@ -44,8 +45,12 @@ main {
aside.aside_right { aside.aside_right {
background-color: var(--color-back-base); background-color: var(--color-back-base);
} }
footer.page_footer { footer {
background-color: var(--color-back-dark); height: var(--footer-height);
}
footer iframe {
width: 100%;
height: 100%;
} }

8
styles/text.css
View File

@@ -83,21 +83,21 @@ b, em {
/*CLASS SETTINGS*/ /*CLASS SETTINGS*/
/*quote*/ /*quote*/
.quote { .quote {
max-width: 450px; max-width: 480px;
margin-right: 0px; margin-right: 0px;
margin-left: auto; margin-left: auto;
text-align: right; text-align: right;
} }
.quote p { .quote p, .quote p * {
color: var(--color-text-light); color: var(--color-text-light);
} }
.quote_credit { .quote_credit {
font-size: 1.8em; font-size: 1.8em;
margin-top: 0.2em; margin-top: 0.9em;
} }
.quote_credit p { .quote_credit p {
font-size: 0.8em; font-size: 0.8em;
line-height: 1em; line-height: 1.2em;
} }
/* /*