ajout de note - index en sous-rature
This commit is contained in:
14
index.html
14
index.html
@@ -3,7 +3,9 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!--link rel="stylesheet" type="text/css" href="pagedjs-interface.css" /-->
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<!--script type="text/javascript" src="paged.polyfill.js"></script-->
|
||||
<script src="script.js" defer></script>
|
||||
<title>holzwege</title>
|
||||
</head>
|
||||
@@ -41,6 +43,8 @@
|
||||
|
||||
<p>120326 post reflexion. ma recherche semble avoir été initiée sans fondements. Que signifie chercher ? Qu'est ce que la recherche ? Qu'est-ce qu'un processus de recherche ? Une recherche dispose t-elle nécessairement d'une base ou peut-elle démarrer de zéro ? C'est quoi faire de la recherche ? S'agit-il de décomposer, retirer la masse, jusqu'à trouver ce qu'on cherchait ou bien, au contraire, regrouper pour construire une réponse à notre problématique de départ ? Une recherche est-elle toujours la conséquence d'une problématique ou peut-elle avoir pour point de départ la simple entropie ? Il a été, il est, pour l'instant, question d'un index. Mais à quoi sert-il (?), comment est-il présenté (?) pourquoi apparait-il de la sorte (?) Que veut-il montrer - ne pas montrer - faire savoir - ne pas faire savoir.(?) S'agit-il de caractériser un texte par le nombre de fois qu'un mot apparait, un ordre d'apparition (reviens à faire une recherche sur une recherche de ce qu'est la recherche) (?)</p>
|
||||
|
||||
<p>270326 post post reflexion. Il est primordiale de poser un cadre terminologique à mon étude. Après considération, mes intuitions semblent avoir produit un lexique plutôt qu'un index. A ce stade, il est préférable, sans doute, de considérer ces mots comme un état des lieux, une cartographie de pensées de "ma recherche de la recherche". Cette formulation est un clin d'oeil (non)-déguisé à "La méthode - 3. La connaissance de la connsaissance" de Edgard Morin. Ce dernier souligne dans son ouvrage un point intéressant sur la recherche, p.13 : "Comme l'Université et la <span class="u">R</span>echerche sont les refuges naturels de la liberté de pensée, tolèrent des déviances et des non-conformismes, elles permettent les prises de conscience des carences universitaires et scientifiques elles-mêmes, on oublie qu'elles produisent la mutilation du savoir, c'est à dire un nouvel obscurantisme. Le nouvel obscurantisme, différent de celui qui stagne dans les recoins ignares de la société, descend désormais des sommets de la culture. Il s'accroît au coeur même du savoir, tout en demeurant invisible à la plupart des producteurs de ce savoir, qui croient toujours faire uniquement oeuvre de Lumière". Dans cet extrait, Morin décrit ce que Gusdorf appelait "la pathologie du savoir". Sans transition. Vinciane Despret sur la R-r-echerche : "Un des modes pour partager le savoir et même, soi-même, pour entrer dans le savoir, il s'agit de rentrer dans des mondes qui sont peuplés, de voir comment je vais les peupler (?) et qui j'ai oublié (?) et jusqu'où peuvent aller les connexions (?). Il faut créer des connexions. Pas nécessairement de personnes à personnes, mais aussi des choses, des objets, des inventions technologiques. Comment on peuple un monde ? C'est ça qui est jouissif. On a l'impression de particper à des vies-de-gens à des vies-de-collectifs, à des vies-de-choses, à des vies-intellectuels" </p>
|
||||
|
||||
<p>[notes non-ordonnées], sérendipité "Pratiquer les liens hypertextes revient sur les façons de se perdre, de dériver dans un environnement qui se navigue." (Zeste, le lien hypertexte) - Holzwege (//sens de lecture) + le principe de bissociation (?)
|
||||
|
||||
la recherche [=l'analyse] d'une recherche, le nombre de fois qu'un mot est répété, un diagramme de quelles oeuvres/type d'oeuvre littéraire-art contemporain-art moderne-graphisme apparait le plus de fois, nombre de mot, nombre de jours pour écrire la recherche.
|
||||
@@ -140,16 +144,6 @@
|
||||
<span class="iu">temps,</span> akerman, objet(s), verticalité, frontalité<br>
|
||||
<span class="iu">transparence,</span> documenter, archive, processus, finalité, fluxus<br>
|
||||
<span class="iu">varda,</span> poème, fenêtre, sérendipité, surréalisme<br>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
33251
paged.polyfill.js
Normal file
33251
paged.polyfill.js
Normal file
File diff suppressed because it is too large
Load Diff
180
pagedjs-interface.css
Normal file
180
pagedjs-interface.css
Normal file
@@ -0,0 +1,180 @@
|
||||
/* CSS for Paged.js interface – v0.4 */
|
||||
|
||||
/* Change the look */
|
||||
:root {
|
||||
--color-background: whitesmoke;
|
||||
--color-pageSheet: #cfcfcf;
|
||||
--color-pageBox: violet;
|
||||
--color-paper: white;
|
||||
--color-marginBox: transparent;
|
||||
--pagedjs-crop-color: black;
|
||||
--pagedjs-crop-shadow: white;
|
||||
--pagedjs-crop-stroke: 1px;
|
||||
}
|
||||
|
||||
/* To define how the book look on the screen: */
|
||||
@media screen, pagedjs-ignore {
|
||||
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-pageSheet);
|
||||
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_pagebox{
|
||||
box-shadow: 0 0 0 1px var(--color-pageBox);
|
||||
}
|
||||
|
||||
.pagedjs_left_page{
|
||||
z-index: 20;
|
||||
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width))!important;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.pagedjs_right_page{
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
left: calc(var(--pagedjs-bleed-left)*-1);
|
||||
}
|
||||
|
||||
/* show the margin-box */
|
||||
|
||||
.pagedjs_margin-top-left-corner-holder,
|
||||
.pagedjs_margin-top,
|
||||
.pagedjs_margin-top-left,
|
||||
.pagedjs_margin-top-center,
|
||||
.pagedjs_margin-top-right,
|
||||
.pagedjs_margin-top-right-corner-holder,
|
||||
.pagedjs_margin-bottom-left-corner-holder,
|
||||
.pagedjs_margin-bottom,
|
||||
.pagedjs_margin-bottom-left,
|
||||
.pagedjs_margin-bottom-center,
|
||||
.pagedjs_margin-bottom-right,
|
||||
.pagedjs_margin-bottom-right-corner-holder,
|
||||
.pagedjs_margin-right,
|
||||
.pagedjs_margin-right-top,
|
||||
.pagedjs_margin-right-middle,
|
||||
.pagedjs_margin-right-bottom,
|
||||
.pagedjs_margin-left,
|
||||
.pagedjs_margin-left-top,
|
||||
.pagedjs_margin-left-middle,
|
||||
.pagedjs_margin-left-bottom {
|
||||
box-shadow: 0 0 0 1px inset var(--color-marginBox);
|
||||
}
|
||||
|
||||
/* uncomment this part for recto/verso book : ------------------------------------ */
|
||||
|
||||
/*
|
||||
.pagedjs_pages {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagedjs_first_page {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.pagedjs_page {
|
||||
margin: 0 auto;
|
||||
margin-top: 10mm;
|
||||
}
|
||||
|
||||
.pagedjs_left_page{
|
||||
width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left))!important;
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop{
|
||||
border-color: var(--pagedjs-crop-color);
|
||||
}
|
||||
|
||||
.pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{
|
||||
width: var(--pagedjs-cross-size)!important;
|
||||
}
|
||||
|
||||
.pagedjs_right_page{
|
||||
left: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
/* uncomment this par to see the baseline : -------------------------------------------*/
|
||||
|
||||
|
||||
/* .pagedjs_pagebox {
|
||||
--pagedjs-baseline: 22px;
|
||||
--pagedjs-baseline-position: 5px;
|
||||
--pagedjs-baseline-color: cyan;
|
||||
background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent;
|
||||
background-size: 100% var(--pagedjs-baseline);
|
||||
background-repeat: repeat-y;
|
||||
background-position-y: var(--pagedjs-baseline-position);
|
||||
} */
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------------------------*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Marks (to delete when merge in paged.js) */
|
||||
|
||||
.pagedjs_marks-crop{
|
||||
z-index: 999999999999;
|
||||
|
||||
}
|
||||
|
||||
.pagedjs_bleed-top .pagedjs_marks-crop,
|
||||
.pagedjs_bleed-bottom .pagedjs_marks-crop{
|
||||
box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow);
|
||||
}
|
||||
|
||||
.pagedjs_bleed-top .pagedjs_marks-crop:last-child,
|
||||
.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child{
|
||||
box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow);
|
||||
}
|
||||
|
||||
.pagedjs_bleed-left .pagedjs_marks-crop,
|
||||
.pagedjs_bleed-right .pagedjs_marks-crop{
|
||||
box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow);
|
||||
}
|
||||
|
||||
.pagedjs_bleed-left .pagedjs_marks-crop:last-child,
|
||||
.pagedjs_bleed-right .pagedjs_marks-crop:last-child{
|
||||
box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow);
|
||||
}
|
||||
@@ -1,18 +1,21 @@
|
||||
html, body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.col{
|
||||
display: flex;
|
||||
height: 98vh;
|
||||
margin-top: -10px;
|
||||
|
||||
}
|
||||
|
||||
.col1{
|
||||
overflow: auto;
|
||||
width: 45%;
|
||||
scrollbar-width: none;
|
||||
column-fill: auto;
|
||||
}
|
||||
|
||||
.col2{
|
||||
@@ -21,6 +24,7 @@ html, body {
|
||||
text-align: left;
|
||||
width: 55%;
|
||||
scrollbar-width: none;
|
||||
column-fill: auto;
|
||||
}
|
||||
|
||||
.dot{
|
||||
@@ -73,6 +77,7 @@ img{
|
||||
.titre{
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.iu{
|
||||
|
||||
Reference in New Issue
Block a user