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

ajout page 27

Browse Source
This commit is contained in:
hugogogo
2021-03-14 23:20:17 +01:00
parent f9c22a02c2
commit 454f5cb40f
20 changed files with 252 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
docs/kosmopolit/Beitrittserklärung.pdf → docs/kosmopolit/beitrittserklarung.pdf
View File

0
docs/kosmopolit/Formulaire d adhesion.pdf → docs/kosmopolit/formulaire_d_adhesion.pdf
View File

0
docs/kosmopolit/Membership form.pdf → docs/kosmopolit/membership_form.pdf
View File

1
docs/litterall/revue_27/.~lock.Onglet LITTERall 27.odt# Normal file
View File

@@ -0,0 +1 @@
,simplonco,simplonco-Latitude-E6320,14.03.2021 23:11,file:///home/simplonco/.config/libreoffice/4;

0
docs/litterall/revue_27/Onglet LITTERall 27 visuel.jpg → docs/litterall/revue_27/litterall_27_page.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 MiB

After

Width:  |  Height:  |  Size: 30 MiB

BIN
docs/litterall/revue_27/litterall_27_page_mid.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

69
fr/evenements.html Normal file
View File

@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit - evenements</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/evenements.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<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/lettres.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="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/evenements.html#anchor_evenements"><p>evenements</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_evenements">evenements</h1>
</div>
<div class="quote">
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

6
fr/kosmopolit.html
View File

@@ -16,7 +16,7 @@
<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/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
@@ -72,9 +72,9 @@
</div>
<h2 id="anchor_contact">contact :</h2>
<p>
Pour nous contacter : kosmopolit.contact@protonmail.com
Pour nous contacter : <a href="mailto:kosmopolit.contact@protonmail.com">kosmopolit.contact@protonmail.com</a>
<br>
Bulletin d'adhésion [lien vers un doc texte]
Bulletin d'adhésion : <a href="./docs/kosmopolit/formulaire_d_adhesion.pdf" target="_blank" rel="noopener noreferrer">télécharger ici</a>
</p>
<h2 id="anchor_equipe">L’équipe :</h2>
<p>

44
fr/lettredeeda.html
View File

@@ -1,44 +0,0 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit</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">
</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>
</div>
<div class="nav_right">
</div>
</nav>
<div class="container_main">
<aside class="page_content sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./pages/kosmopolit.html#lettredeeda"><p>l.e.a</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_lettredeeda">lettres d'europe et d'ailleurs</i></h1>
<p class="date"><i><small>mis à jour le 01/03/2020</small></i></p>
</div>
</main>
<aside class="relative_content">
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

78
fr/lettres.html Normal file
View File

@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit - Lettres d'Europe et d'Ailleurs</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/lettres.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<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/lettres.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="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>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_lettres">Lettres d'Europe et d'Ailleurs</h1>
</div>
<div class="quote">
<p>Voir chaque scène dans toute sa profondeur, la traiter amoureusement comme un joyau aux multiples facettes. Trouver la lumière, l’ombre et la couleur vive. Déterminer la scène la veille au soir. Puis dormir dessus et l’écrire le matin.</p>
<div class="quote_credit">
<p>Sylvia Plath, <i>Carnets</i></p>
</div>
</div>
<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>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>
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

18
fr/litterall.html
View File

@@ -16,7 +16,7 @@
<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/lettres.html"><p>l.e.a</p></a>
<a href="./fr/evenements.html"><p>evenements</p></a>
</div>
<div class="nav_right">
@@ -70,14 +70,16 @@
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
</div>
<h2 id="anchor_27">revue numéro 27</h2>
<div class="image horizontal">
<img src="./docs/litterall/revue_27.JPG" alt="revue litterall">
<div class="vertical">
<p><small><i>paru le XX/XX/XXXX</i></small></p>
<p>infos sur le dernier numero de litterall</p>
<p>sommaire ...</p>
<a href="./fr/litterall/litterall_27.html">
<div class="image horizontal">
<img src="./docs/litterall/revue_27.JPG" alt="revue litterall">
<div class="vertical">
<p><small><i>paru le XX/XX/XXXX</i></small></p>
<p>infos sur le dernier numero de litterall</p>
<p>sommaire ...</p>
</div>
</div>
</div>
</a>
<h2 id="anchor_26">revue numéro 26</h2>
<div class="image horizontal">
<img src="./docs/litterall/revue_26.JPG" alt="revue litterall">

76
fr/litterall/litterall_27.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit - litterall - 27</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/litterall_27.css" type="text/css" rel="stylesheet">
<style>
aside.aside_right .relative_box {
border-style: none;
}
</style>
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<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/lettres.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="aside_left sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./fr/litterall.html#anchor_litterall_27"><p>LITTE<i>rall revue 27</i></p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_litterall_27">LITTER<i>all revue 27</i></h1>
</div>
<div class="image full">
<img src="./docs/litterall/revue_27/litterall_27_page_mid.jpg" alt="litterall 27">
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
</div>
<p class="date right"><i><small>le 01/04/2021</small></i></p>
</main>
<aside class="aside_right">
<div class="relative_box">
</div>
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

3
styles/aside_left.css
View File

@@ -4,7 +4,8 @@
/* aside left is for page table of content */
body aside.aside_left {
top: calc(var(--nav-height) + 1px);
height: calc(100vh - var(--nav-height));
height: 100%;
max-height: calc(100vh - var(--nav-height));
padding: calc(var(--gap-unit) / 2);
}
/* asides elements only have width if they have a child*/

4
styles/evenements.css Normal file
View File

@@ -0,0 +1,4 @@
aside.aside_right .relative_box {
border-style: none;
}

2
styles/footer.css
View File

@@ -2,5 +2,5 @@
/*---------------------------------------------*/
/*FOOTER*/
body footer.page_footer {
height: 100px;
height: var(--footer-height);
}

1
styles/global.css
View File

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

4
styles/lettres.css Normal file
View File

@@ -0,0 +1,4 @@
aside.aside_right .relative_box {
border-style: none;
}

1
styles/main.css
View File

@@ -4,6 +4,7 @@
body main {
padding: calc(var(--gap-unit) / 2);
max-width: 600px;
min-height: calc(100vh - 1px - var(--nav-height) - var(--footer-height));
}
body main > * {
margin: var(--gap-unit) 0px;

1
styles/skeleton.css vendored
View File

@@ -35,6 +35,7 @@ aside.aside_left {
}
main {
background-color: var(--color-back-base);
min-height: calc(100vh - 1px - var(--nav-height) - var(--footer-height));
}
aside.aside_right {
background-color: var(--color-back-base);

2
styles/text.css
View File

@@ -66,7 +66,7 @@ p, p *, h1, h1 *, h2, h2 * {
li *, li p, p b, p em, p i, p a, p span {
display: inline;
}
a, a > * {
a, a * {
cursor: pointer;
}
i {