Camille - Historique des versions

Camille.opdebeeck le 26 avril 2022 à 14:58

2022-04-26T14:58:03Z

@@ Ligne 106 : / Ligne 106 : @@
 - 0323 - "Le grand bal des Marolles au théâtre des Tanneurs,15 février 2002<br>
 - 0830 - Projet recyclart "kaban à paroles", 24 octobre 2005 <br>
@@ Ligne 121 : / Ligne 115 : @@
 idées : prendre extraits des témoignages pour placer dans carnet
 avoir fil conducteur cohérent en fonction des témoignages

Camille.opdebeeck : /* sélection des témoignages audio */

2022-02-15T17:58:18Z

sélection des témoignages audio

← Version précédente		Version du 15 février 2022 à 17:58
Ligne 118 :		Ligne 118 :

	http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D		http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D

			idées : prendre extraits des témoignages pour placer dans carnet
			avoir fil conducteur cohérent en fonction des témoignages

Camille.opdebeeck : /* sélection des témoignages audio */

2022-02-15T15:17:45Z

sélection des témoignages audio

← Version précédente		Version du 15 février 2022 à 15:17
Ligne 113 :		Ligne 113 :
	- 0316 - Habitat et Rénovation Tanneurs, 25 janvier 2002<br>		- 0316 - Habitat et Rénovation Tanneurs, 25 janvier 2002<br>

			- 0830 - Projet recyclart "kaban à paroles", 24 octobre 2005 <br>

			- 0907 - Radio Zinneke,27 février 2006 <br>

	http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D		http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D

Camille.opdebeeck : /* sélection des témoignages audio */

2022-02-01T17:46:56Z

sélection des témoignages audio

← Version précédente		Version du 1 février 2022 à 17:46
Ligne 105 :		Ligne 105 :
	sélection de témoignages d'habitant.e.s du quartier des Marolles.		sélection de témoignages d'habitant.e.s du quartier des Marolles.

	- 0323 - "Le grand bal des Marolles au théâtre des Tanneurs,15 février 2002		- 0323 - "Le grand bal des Marolles au théâtre des Tanneurs,15 février 2002<br>
	- 0318 - Habitat et Rénovation Tanneurs, 14 février 2002
	- 0317 - Habitat et Rénovation Tanneurs, 4 février 2002		- 0318 - Habitat et Rénovation Tanneurs, 14 février 2002<br>
	- 0316 - Habitat et Rénovation Tanneurs, 25 janvier 2002
			- 0317 - Habitat et Rénovation Tanneurs, 4 février 2002<br>

			- 0316 - Habitat et Rénovation Tanneurs, 25 janvier 2002<br>


	http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D		http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D

Camille.opdebeeck le 1 février 2022 à 17:46

2022-02-01T17:46:05Z

← Version précédente		Version du 1 février 2022 à 17:46
Ligne 98 :		Ligne 98 :

	file:///Users/christineopdebeeck/Documents/CAMILLE/DESIGN%20NUM/exercice2-scroll/essai%231.html		file:///Users/christineopdebeeck/Documents/CAMILLE/DESIGN%20NUM/exercice2-scroll/essai%231.html

			== Exercice 2e quadrimestre ==
			=== BNA-BBOT===
			====sélection des témoignages audio====

			sélection de témoignages d'habitant.e.s du quartier des Marolles.

			- 0323 - "Le grand bal des Marolles au théâtre des Tanneurs,15 février 2002
			- 0318 - Habitat et Rénovation Tanneurs, 14 février 2002
			- 0317 - Habitat et Rénovation Tanneurs, 4 février 2002
			- 0316 - Habitat et Rénovation Tanneurs, 25 janvier 2002

			http://website.bna-bbot.be/en/database/albums/page1/?filter=%7B%22location%22%3A%5B%226921%22%5D%7D

Camille.opdebeeck : /* exercice de fin de quadrimestre 2021 */

2021-12-22T13:07:42Z

exercice de fin de quadrimestre 2021

← Version précédente		Version du 22 décembre 2021 à 13:07
Ligne 83 :		Ligne 83 :
	window.addEventListener("scroll", revealLeft);		window.addEventListener("scroll", revealLeft);
	window.addEventListener("scroll", revealRight);		window.addEventListener("scroll", revealRight);


			=== lien vers la page===
			file:///Users/camilleopdebeeck/Documents/ERG%20PROJETS/DESIGN%20NUM/ide%CC%81es2.html

	== exercice scroll ==		== exercice scroll ==

Camille.opdebeeck : /* Utilisé pour faire glisser les dialogues dans la page */

2021-12-22T13:03:11Z

Utilisé pour faire glisser les dialogues dans la page

← Version précédente		Version du 22 décembre 2021 à 13:03
Ligne 52 :		Ligne 52 :
	==== Utilisé pour faire glisser les dialogues dans la page ====		==== Utilisé pour faire glisser les dialogues dans la page ====

	function revealLeft() {

			function revealLeft() {
	var reveals = document.querySelectorAll(".revealLeft");		var reveals = document.querySelectorAll(".revealLeft");
	for (var i = 0; i < reveals.length; i++) {		for (var i = 0; i < reveals.length; i++) {
Ligne 81 :		Ligne 83 :
	window.addEventListener("scroll", revealLeft);		window.addEventListener("scroll", revealLeft);
	window.addEventListener("scroll", revealRight);		window.addEventListener("scroll", revealRight);


	== exercice scroll ==		== exercice scroll ==

Camille.opdebeeck : /* Étapes */

2021-12-22T13:02:40Z

Étapes

← Version précédente		Version du 22 décembre 2021 à 13:02
Ligne 46 :		Ligne 46 :

	1. découper le texte en plusieurs parties au fur et a mesure de la construction de la page css en fonction des mots et des phrases sur lesquels je veux mettre des effets.		1. découper le texte en plusieurs parties au fur et a mesure de la construction de la page css en fonction des mots et des phrases sur lesquels je veux mettre des effets.

	2. création d'un dossier javascript pour réussir à faire glisser les phrases de dialogues.		2. création d'un dossier javascript pour réussir à faire glisser les phrases de dialogues.


	=== code JavaScript===		=== code JavaScript===

Camille.opdebeeck le 22 décembre 2021 à 13:02

2021-12-22T13:02:19Z

← Version précédente		Version du 22 décembre 2021 à 13:02
Ligne 48 :		Ligne 48 :
	2. création d'un dossier javascript pour réussir à faire glisser les phrases de dialogues.		2. création d'un dossier javascript pour réussir à faire glisser les phrases de dialogues.

	~~=== Code HTML ===~~
	~~==== Ici on peut voir comment j'ai découpé mon texte====~~
	~~<!DOCTYPE html>~~
	~~<html>~~
	~~<head>~~

	~~<meta charset="utf=8">~~
	~~<title> scroll2 </title>~~
	~~<link rel="stylesheet" href="concerto2.css">~~

	~~<script type="text/javascript" src="concerto22.js"></script>~~

	~~</head>~~
	~~<body>~~

	~~<p>" Stop shaking stupid, stupid. Breathe." </p>~~

	~~<div id="Nothing1">Nothing happened. Think. </div>~~
	~~<div id="Nothing2">Nothing happened. Think. </div>~~
	~~<div id="Nothing3">Nothing happened. Think. </div>~~
	~~<div id="Nothing4">Nothing happened. Think. </div>~~
	~~<div id="Nothing5">Nothing happened. Think. </div>~~
	~~<div id="Nothing6">Nothing happened. Think. </div>~~
	~~<div id="Nothing7">Nothing happened. Think. </div>~~
	~~<div id="Nothing8">Nothing happened. Think. </div>~~

	~~<div id="coffee1">you didn't want to go. "a Coffee" ?~~
	~~you said "OK", polite, polite because he's old, older than you father. A teacher.~~
	~~Rinkles in his faces deep from nose to </div>~~

	~~<div id="coffee2">mouth. Old. A cut over his lip, dried blood.~~
	~~I kept looking at it.</div>~~

	~~<div id="wine1">he wants a glass of </div>~~
	~~<div class="container">~~
	~~<span>red wine</span>~~
	~~<span class="drop"></span>~~
	~~</div>~~

	~~<svg>~~
	~~<defs>~~
	~~<filter id="gooey">~~
	~~<feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur"/>~~
	~~<feColorMatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -20" result="gooey" />~~
	~~<feComposite in="SourceGraphic" in2="gooey" operator="atop" />~~
	~~</filter>~~
	~~</defs>~~
	~~</svg>~~

	~~<!--Start Discussion-->~~
	~~<div class="please revealLeft">"a coffee please"</div>~~
	~~<div class="no revealRight">"no wine?"</div>~~
	~~<div class="paper"> I tell him I have to write a paper, he doesn't want to hear. Deaf.</div>~~
	~~<div class="music revealLeft">"One must feel the music reinveted from inside"</div>~~
	~~<div class="breast">He talks to my breast.</div>~~
	~~<div class="geza revealLeft">"Géza Anda, 1969, I'll play it for you at my place."</div>~~
	~~<div class="thank revealRight">"No, thank you, I really have to work." </div>~~
	~~<div class="funny">I laughed then, why did I laugh ? It wasn't funny. He wasn't funny.~~
	~~The waiter gave me a look, remember ?</div>~~

	~~<!--Start Discussion-->~~
	~~<div id="knowing">A knowing superior look</div>~~
	~~<div id="guilty">I felt ashamed, guilty.</div>~~
	~~<div id="Nothing1">Nothing happened. </div>~~
	~~<div id="Nothing2">Nothing happened. </div>~~
	~~<div id="Nothing3">Nothing happened. </div>~~
	~~<div id="Nothing4">Nothing happened. </div>~~
	~~<div id="Nothing5">Nothing happened. </div>~~
	~~<div id="Nothing6">Nothing happened. </div>~~
	~~<div id="Nothing7">Nothing happened. </div>~~
	~~<div id="Nothing8">Nothing happened. </div>~~

	~~<div id="say">That's what people say, don't they ?</div>~~
	~~<div id="anything">"You didn't do anything ? that's what man are like, they do that all the time but it's nothing."</div>~~

	~~<div id="elbows">His elbows on the table, glass in both hands, the thumb. He rubbes it against the glass. Hard, over and over.~~
	~~Does he know he's doing it? He isn't blinking enough. </div>~~

	~~<div id="stares1">Stares. Rubbes. Talks and talks.</div>~~
	~~<div id="stares1">Stares. Rubbes. Talks and talks.</div>~~
	~~<div id="stares1">Stares. Rubbes. Talks and talks.</div>~~
	~~<div id="stares1">Stares. Rubbes. Talks and talks.</div>~~


	~~<div id="anda">The Geza Anda recording at his place. He uses the word "sublime". I hate that word. Especially for music.~~
	~~I hate it but I laugh. </div>~~
	~~<div id="why">why?</div>~~

	~~<div id="unreel">Laughing makes it unreel. It's not happening. </div>~~
	~~<div id="place">He talks about going to his place again.</div>~~
	~~<div class ="please revealLeft">"No, thank you, I can't."</div>~~
	~~<div id="change">His expression changes. His face looks just like the waiter, superior.~~
	~~As if he really knows me, knows what I want, he knows. I don't.</div>~~
	~~<div id="metro">He walks me to the metro, he pushes again</div>~~
	~~<div class="no revealRight">"Are you sure?"</div>~~
	~~<div id="sad">A sad smile. As if I've let him down. </div>~~
	~~<div id="wrong">as if I've wronged him. </div>~~
	~~<div class="please revealLeft">"Goodbye"</div>~~
	~~<div id="voice">Not my voice</div>~~
	~~<div id="high">high</div>~~
	~~<div id="horsed">horsed</div>~~
	~~<div id="scared">scared</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="run">I run</div>~~
	~~<div id="cry"> Nothing happened and I feel like crying.</div>~~

	~~<div id="make">They say it's nothing to make me nothing.</div>~~
	~~<div id="sth">it's something</div>~~
	~~<div id="liars">They're liars.</div>~~


	~~</body>~~

	=== code JavaScript===		=== code JavaScript===

Camille.opdebeeck le 22 décembre 2021 à 13:01

2021-12-22T13:01:12Z

← Version précédente		Version du 22 décembre 2021 à 13:01
Ligne 165 :		Ligne 165 :

	</body>		</body>


	=== code JavaScript===		=== code JavaScript===

Camille - Historique des versions

Camille.opdebeeck le 26 avril 2022 à 14:58

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck le 1 février 2022 à 17:46

Camille.opdebeeck : /* exercice de fin de quadrimestre 2021 */

Camille.opdebeeck : /* Utilisé pour faire glisser les dialogues dans la page */

Camille.opdebeeck : /* Étapes */

Camille.opdebeeck le 22 décembre 2021 à 13:02

Camille.opdebeeck le 22 décembre 2021 à 13:01

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck : /* sélection des témoignages audio */

Camille.opdebeeck : /* exercice de fin de quadrimestre 2021 */

Camille.opdebeeck : /* Utilisé pour faire glisser les dialogues dans la page */

Camille.opdebeeck : /* Étapes */