Commit 5ec8d973 authored by sarah's avatar sarah
Browse files

some structure markdown

parent d6d63802
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="historique.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
***Œuvrer au bénéfice des publics.***
# Œuvrer au bénéfice des publics
## Entre démocratie culturelle et co-construction de sens
***Entre démocratie culturelle et co-construction de sens.***
**L'art : pour qui ? pour quoi ?**
### L'art : pour qui ? pour quoi ?
**1971-1981**
### 1971-1981
##### Décoder le langage de l'art pour saisir le monde
......@@ -287,7 +287,7 @@ participeront à ce projet.
**(Témoignage de Thierry Génicot)**
***Art et ordinateur***
#### Art et ordinateur
Gita Brys-Schatan commence à organiser des expositions en réponse aux
sollicitations répétées des auditeurs assistant aux cours. Son premier
......@@ -607,7 +607,7 @@ dessins de bandes dessinées, des livres pour enfants. Par conséquent, la
définition de l'œuvre d'art s'ouvre à toutes formes de productions
culturelles.
**Un Espace Ephémère pour l'art contemporain**
#### Un Espace Ephémère pour l'art contemporain**
Outre quelques expositions intimement liées à des préoccupations
sociologiques et sémiologiques, Gita Brys-Schatan s'attache également à
......@@ -652,11 +652,10 @@ en plusieurs essais et listes qui présentent des manifestations
culturelles, des cours, des professeurs. Elle représente un précieux
effort d'archivage témoignant de la profonde vivacité de l'ASBL.
**CROISSANCE ET Professionnalisation**
### CROISSANCE ET Professionnalisation
###1982-1986
**1982-1986**
**Diversifier les activités**
#### Diversifier les activités
Dix ans auparavant, l'Institut proposait trois séminaires et accueillait
une cinquantaine d'auditeurs par année académique. À présent, il
......@@ -894,7 +893,7 @@ masque est à l'ordre du jour.
**(Témoignage de Bernadette Even-Adin)**
**Une approche inclusive de l'exposition**
#### Une approche inclusive de l'exposition
Gita Brys-Schatan se donne pour principale mission *d'éduquer le regard
et de sensibiliser au langage plastique.* Elle sous-entend une
......@@ -973,11 +972,10 @@ linéaire réalisé entre les historiens de l'art et les artistes au profit
d'un public se transforme graduellement en triangulation ; un désir de
co-construction prend forme.
##### L'histoire de l'art est-elle finie ?
**1987-2001**
### L'histoire de l'art est-elle finie ?
### 1987-2001**
##### Une entrée dans la postmodernité
#### Une entrée dans la postmodernité
Dès l'automne 1987[^41], l'ISELP prépare un appel de dossiers et
l'expédie par la poste à tous les artistes[^42] de son carnet
......@@ -1070,7 +1068,7 @@ il semble qu'il n'ait jamais véritablement changé et qu'il vise toujours
à créer et révéler des liens entre les personnes, indépendamment des
époques et des territoires.
**Chantier et politique éditoriale**
#### Chantier et politique éditoriale
En 1981 déjà, Gita Brys-Schatan introduisait une demande d'extension de
ses locaux. Elle reçoit finalement une réponse positive en 1988. Après
......@@ -1142,7 +1140,7 @@ marque la fin du chantier. Elle en profite pour annoncer le redémarrage
des activités un an plus tard, après emménagement et mise en place d'une
programmation.
**Extension**
#### Extension
La fondatrice et directrice de l'ISELP, négociatrice hors-pair, réussit
à doubler le nombre de ses collaborateurs en obtenant un certain nombre
......@@ -1283,7 +1281,7 @@ novembre 1999. Cette exposition marque la fin d'une tendance didactique
et documentaire qui imprègne les expositions organisées par la
fondatrice de l'ISELP depuis *Art et ordinateur*, en 1974.
**Une nouvelle approche de l'exposition**
#### Une nouvelle approche de l'exposition
Durant les années 1970, le Palais des Beaux-Arts est l'une des rares
structures publiques bruxelloises présentant des œuvres contemporaines.
......@@ -1442,11 +1440,10 @@ clonage », en compagnie de Ben Durant, Michel Clerbois, Gita
Brys-Schatan (les commissaires de l'exposition), et de Daniel Vander
Gucht, sociologue.
**de l'initiative privée à l'institution publique**
### de l'initiative privée à l'institution publique
### 2002-2009
**2002-2009**
**Expositions et programme scientifique**
#### Expositions et programme scientifique
Durant trente ans, la personnalité et les convictions de Gita
Brys-Schatan imprègnent toutes les activités menées *à*, *par* et *avec*
......@@ -1468,7 +1465,7 @@ par Arlette Lemonnier et Eric Van Essche fait face à un défi. Il est à
la tête d'un puissant outil, mais il doit se l'approprier et le définir
en fonction d'un monde en constante évolution.
##### Une nouvelle génération s'engage
#### Une nouvelle génération s'engage
Arlette Lemonnier prend la direction de l'ISELP le 1^er^ août 2002.
Sociologue agrégée et collectionneuse d'art, elle a plusieurs types
......@@ -1524,7 +1521,7 @@ Botanique, centre culturel de la Fédération Wallonie-Bruxelles, et du
Cirque royal. Le baron Urvater, qui est administrateur de l'ISELP depuis
le tout début, décède la même année. Une nouvelle génération s'engage.
**L'art contemporain à travers le spectre de l'exposition**
#### L'art contemporain à travers le spectre de l'exposition
L'ISELP se repositionne au sein d'un milieu artistique en profonde et
continuelle transformation depuis 2000. De plus en plus perçue comme un
......@@ -1773,7 +1770,7 @@ française. Entre sa création en 2000, sa transformation en 2006[^71] et
sa mutation en 2011, cet espace de diffusion à lui seul apporte de la
visibilité au travail de 70 artistes[^72].
**Une direction scientifique et des prises de parole**
#### Une direction scientifique et des prises de parole
La fondation de l'ISELP découle d'une volonté d'étudier et d'enseigner
différents pans de l'histoire de l'art. Il s'agit de sa principale
......@@ -1893,9 +1890,8 @@ soutient activement ses lecteurs.
**(Témoignage de Michèle Stanescu)**
##### MÉdiation et co-construction DE SENS
**2010-2020**
### MÉdiation et co-construction DE SENS
### 2010-2020
Longtemps assimilé à une école, l'ISELP a toujours eu le souci
d'introduire l'art contemporain auprès du plus grand nombre de publics
......@@ -1984,7 +1980,7 @@ avec le Centre du Film sur l'Art. Bientôt, le festival, renommé BAFF --
Brussels Art Film Festival, sera accueilli à Bozar, à Cinematek, au
Palace, voire au KASK à Gand et au Plaza à Mons.
**Un généreux 40^e^ anniversaire**
#### Un généreux 40^e^ anniversaire
L'ISELP se replonge dans les travaux de rénovation à la fin de la
décennie grâce au soutien de la Fédération Wallonie-Bruxelles,
......@@ -2227,7 +2223,7 @@ la responsabilité de Pauline Hatzigeorgiou, pendant plusieurs mois. Au
terme de ce projet, une sculpture est installée sur le campus de
Bruxelles.
**Réactualisation d'une identité institutionnelle**
#### Réactualisation d'une identité institutionnelle
Eric Van Essche quitte la direction de l'ISELP en décembre 2015. Ses
quinze années de présence à l'Institut ont permis aux activités
......@@ -2347,7 +2343,7 @@ peut-être nécessaire pour entraîner un changement de fond dans la
structure, mais personne n'y était véritablement préparé. Maïté Vissault
quitte l'ISELP au printemps 2018.
**Œuvrer au bénéfice des publics**
#### Œuvrer au bénéfice des publics
Arrivé à l'ISELP à titre d'historien de l'art en 2010[^90], Adrien
Grimmeau connaît le passé et le présent de l'ISELP avant d'en imaginer
......@@ -2549,7 +2545,7 @@ des expériences vécues à des théories, et discutent, au passage, de la
notion de public comme construction sociale. Cet évènement introduit une
perspective critique au sein d'un concept clé pour l'ISELP.
##### Quelles formes donner aux savoirs mis en circulation ?
#### Quelles formes donner aux savoirs mis en circulation ?
L'institutionnalisation de l'articulation entre la pratique et la
réflexion sur l'art au sein des écoles supérieures d'art modifie
......@@ -2637,9 +2633,9 @@ régulièrement à l'ISELP[^97].
**(Témoignage de Pierre-Yves Desaive)**
##### En guise de conclusion
### En guise de conclusion
**D'une approche sociologique de l'art à la co-construction de sens**
#### D'une approche sociologique de l'art à la co-construction de sens
La cinquième décennie de l'histoire de l'ISELP est traversée par une
crise identitaire qui entraîne une profonde remise en question de ses
......@@ -2678,7 +2674,7 @@ sociaux qui l'imprègnent.
\--
##### TEMOIGNAGES
### TEMOIGNAGES
Jacques Lennep, p. 5
......
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="liste-cours.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="liste-expos.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="postface.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
POSTFACE
# POSTFACE
Les recherches menées pour ce livre nous ont permis de découvrir une
histoire que nous-mêmes, dans l'équipe, ne connaissions pas.
......@@ -107,6 +107,5 @@ focalisation accrue, humour... L'art n'existe que comme objet de
société, comme lieu collectif, aussi intime que puisse en être sa
perception. En ce sens, nous souhaitons être un lieu de société.
Adrien Grimmeau
Directeur
Adrien Grimmeau,
Directeur {: .signature}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="preface.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
*Pourquoi et comment.*
# Pourquoi et comment
J'ai grandi avec l'Institut 
En toute simplicité
C'est vertigineux ! 
Un si long temps.
50 ans !
> J'ai grandi avec l'Institut 
> En toute simplicité
> C'est vertigineux ! 
> Un si long temps.
> 50 ans !
Jamais je n'aurais pu supposer qu'un tel projet puisse réellement voir
le jour !
......@@ -30,7 +26,7 @@ Ce qui me causa ce malaise, profond comme peut l'être celui d'une
révolte intérieure, fut de m'apercevoir qu'un grand nombre de personnes
étaient persuadées, voire affirmaient : « *ce n'est pas pour moi* » ou «
*ce n'est qu'une image\... je ne comprends pas l'importance *», ou
encore *« qu'est-ce que ça veut dire... ? ». *
encore *« qu'est-ce que ça veut dire... ?* ». 
Alors je me rendis compte combien observation, découverte, éducation,
*perception,* jouaient un rôle important pour le sens de la vie.
......@@ -358,7 +354,7 @@ En fait, c'est sans doute pour éclaircir tout ceci que l'ISELP est né.
Il y a 50 ans
Gita Brys-Schatan
Gita Brys-Schatan {: .signature}
[^1]: André Gide
......
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ether2html</title>
<!-- UNCOMMENT THE LINE BELOW IF YOU WANT TO START YOUR STYLES FROM SCRATCH, WITHOUT DEFAULT ONES FROM THE BROWSER -->
<!-- <link href="https://meyerweb.com/eric/tools/css/reset/reset.css" rel="stylesheet"> -->
<!-- CHANGE THE URL OF YOUR CSS PAD BELOW -->
<link href="http://pads.osp.kitchen/p/iselp-50-css/export/txt" rel="stylesheet" text="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
function run() {
var text = document.getElementById('pad-content').innerHTML,
target = document.getElementById('document'),
converter = new showdown.Converter(),
html = converter.makeHtml(text);
target.innerHTML = html;
}
$(document).ready(function(){
$("#pad-content").load($("#pad-content").attr("data-md"), function(){
run();
window.setTimeout(function(){
$.getScript("https://unpkg.com/pagedjs/dist/paged.polyfill.js", function(data, textStatus, jqxhr) {})
});
});
});
</script>
<!-- This is the default stylesheet of paged.js -->
<style type="text/css" media="screen">:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}</style>
<!-- As the markdown pad is loaded then converted to html, the following line hide the markdown version -->
<style type="text/css" media="all">#pad-content{display: none;}</style>
</head>
<body>
<!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW -->
<div data-md="temoignages.md" id="pad-content"></div>
<div id="document"></div>
</body>
</html>
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment