ajout footer

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

View File

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

View File

@@ -29,7 +29,7 @@
<main>
<h1 id="anchor_kosmopolit">kosmopolit</h1>
<div class="quote">
<p>Une fois jai dit à Eratosthène : Le propre de lesprit est de désirer linfini ; or une surface plane est plus infinie quune sphère, donc la terre devrait être plate. Et je lui demandais avec impatience sil ne se rendait pas compte que ce serait terrible si on achevait un jour dexplorer la surface de la sphère ?</p>
<p>Une fois jai dit à Eratosthène : Le propre de lesprit est de désirer linfini ; or une surface plane est plus infinie quune sphère, donc la terre devrait être plate. Et je lui demandais avec impatience sil ne se rendait pas compte que ce serait terrible si on achevait un jour dexplorer la surface de la sphère ?</p>
<div class="quote_credit">
<p>Arno Schmidt, <i>Enthymésis</i></p>
</div>
@@ -43,7 +43,7 @@
<br><br>
<div class="image full">
<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>
<h2 id="anchor_contact">contacts</h2>
<p>
@@ -88,7 +88,8 @@
</aside>
</div>
<footer class="page_footer">
<footer>
<iframe src="./fr/footer.html"></iframe>
</footer>
</body>
</html>

View File

@@ -33,7 +33,7 @@
</div>
</div>
<br><br>
<p>Ce festival réunit une fois par an des auteur.e.s venu.e.s dEurope et dailleurs. Tournées vers lexploration 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, à lanimalité, 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 dEurope et dailleurs. Tournées vers lexploration 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, à lanimalité, au politique et au poétique.</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 class="date right"><i><small>le 01/04/2021</small></i></p>

View File

@@ -29,7 +29,7 @@
<main>
<h1 id="anchor_litterall">LITTER<i>all</i></h1>
<div class="quote">
<p>Il est difficile à des étrangers comme nous de pénétrer lultime secret des vers dune autre langue. Ce nest pas à nous den juger, nous naurons pas le dernier mot.</p>
<p>Il est difficile à des étrangers comme nous de pénétrer lultime secret des vers dune autre langue. Ce nest pas à nous den juger, nous naurons pas le dernier mot.</p>
<div class="quote_credit">
<p>Ossip Mandelstam, <i>Entretien sur Dante</i></p>
<p>traduction Louis Martinez</p>

View File

@@ -49,7 +49,7 @@
<p>Cest possible.</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>Ce numéro de LITTER<i>all</i> est aussi le dernier porté par Les Amis du Roi des Aulnes. Laventure 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. Laventure se poursuivra avec KOSMOPOLIT. Transmission de témoin et nouveau cap en vue&nbsp!</p>
<p>Bonne lecture,</p>
<p>Jean-Philippe Rossignol & Nicole Bary</p>
<div class="image full">

View File

@@ -27,7 +27,7 @@
</aside>
<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>
<div class="image full">
<img src="./docs/litterall/publications/traduire_retraduire_1.jpg" alt="traduire_retraduire_1">

View File

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

View File

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

9
styles/skeleton.css vendored
View File

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

View File

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