--- a/integration/css/theend.css Fri Jan 18 18:57:36 2013 +0100
+++ b/integration/css/theend.css Mon Jan 21 18:23:40 2013 +0100
@@ -576,12 +576,12 @@
color: #ACACAC;
}
-.lightBoxScroll p, .lightBoxScroll h4 {
- font-size: 14px; margin: 1em 0;
+.lightBoxScroll p {
+ font-size: 14px; margin: 0 0 1.5em; line-height: 16px;
}
.lightBoxScroll h4 {
- font-weight: bold;
+ font-size: 14px; font-weight: bold; margin: 0 0 0.5em;
}
/* METANAV COMPENSATION */
--- a/integration/home.html Fri Jan 18 18:57:36 2013 +0100
+++ b/integration/home.html Mon Jan 21 18:23:40 2013 +0100
@@ -50,8 +50,51 @@
<div class="lightBox">
<a href="#" class="lightBoxClose">×</a>
<h3>THE END, ETC. de Laetitia Masson.</h3>
- <div class="lightBoxScroll">
- <p>À compléter</p>
+ <div class="lightBoxScroll">
+ <p>
+ À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…
+ <br />
+ Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.
+ </p>
+ <p>
+ Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.
+ <br />
+ Fin du monde ?
+ <br />
+ Fin d'une ère ?
+ <br />
+ Fin d'un idéal ?
+ <br />
+ Début d'autre chose ?
+ <br />
+ Ceci est votre expérience.
+ </p>
+ <h4>COMPOSER VOTRE FILM</h4>
+ <p>
+ Une expérience de cinéma qui débute par trois clics.
+ <br />
+ Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.
+ <br />
+ Vous pouvez recommencer à l’infini.
+ <br />
+ Autant de propositions que de spectateurs...
+ </p>
+ <h4>THE END, ETC.</h4>
+ <p>
+ Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.
+ </p>
+ <h4>PROLONGER L’EXPÉRIENCE</h4>
+ <p>
+ Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.
+ </p>
+ <p>
+ Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.
+ </p>
+ <p>
+ Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.
+ <br />
+ Préférez les navigateurs Safari ou Chrome.
+ </p>
</div>
</div>
</div>
--- a/src/theend/static/theend/css/theend.css Fri Jan 18 18:57:36 2013 +0100
+++ b/src/theend/static/theend/css/theend.css Mon Jan 21 18:23:40 2013 +0100
@@ -576,12 +576,12 @@
color: #ACACAC;
}
-.lightBoxScroll p, .lightBoxScroll h4 {
- font-size: 14px; margin: 1em 0;
+.lightBoxScroll p {
+ font-size: 14px; margin: 0 0 1.5em; line-height: 16px;
}
.lightBoxScroll h4 {
- font-weight: bold;
+ font-size: 14px; font-weight: bold; margin: 0 0 0.5em;
}
/* METANAV COMPENSATION */
--- a/src/theend/templates/theend/home.html Fri Jan 18 18:57:36 2013 +0100
+++ b/src/theend/templates/theend/home.html Mon Jan 21 18:23:40 2013 +0100
@@ -43,7 +43,7 @@
{% block main_content %}
<header class="home_header">
- <a id="btnInfo" class="btn" href="#" title="info"></a>
+ <a id="btnInfo" class="btn" href="#" title="Mode d’emploi"></a>
<a id="btnChoice" class="btn" href="{{ BASE_URL }}transition.html" title="Retour au menu principal"></a>
<form id="form_tag">
<input type="search" name="tag" placeholder="Rechercher" />
@@ -64,8 +64,51 @@
<div class="lightBox">
<a href="#" class="lightBoxClose">×</a>
<h3>THE END, ETC. de Laetitia Masson.</h3>
- <div class="lightBoxScroll">
- <p>À compléter</p>
+ <div class="lightBoxScroll">
+ <p>
+ À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…
+ <br />
+ Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.
+ </p>
+ <p>
+ Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.
+ <br />
+ Fin du monde ?
+ <br />
+ Fin d'une ère ?
+ <br />
+ Fin d'un idéal ?
+ <br />
+ Début d'autre chose ?
+ <br />
+ Ceci est votre expérience.
+ </p>
+ <h4>COMPOSER VOTRE FILM</h4>
+ <p>
+ Une expérience de cinéma qui débute par trois clics.
+ <br />
+ Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.
+ <br />
+ Vous pouvez recommencer à l’infini.
+ <br />
+ Autant de propositions que de spectateurs...
+ </p>
+ <h4>THE END, ETC.</h4>
+ <p>
+ Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.
+ </p>
+ <h4>PROLONGER L’EXPÉRIENCE</h4>
+ <p>
+ Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.
+ </p>
+ <p>
+ Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.
+ </p>
+ <p>
+ Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.
+ <br />
+ Préférez les navigateurs Safari ou Chrome.
+ </p>
</div>
</div>
</div>
--- a/src/theend/templates/theend/tag.html Fri Jan 18 18:57:36 2013 +0100
+++ b/src/theend/templates/theend/tag.html Mon Jan 21 18:23:40 2013 +0100
@@ -71,7 +71,7 @@
<!-- Controls container -->
<footer id="controlContainer">
<section id="controlbar">
- <a id="btnInfo" class="btn" href="#" title="Plus d'infos"></a>
+ <a id="btnInfo" class="btn" href="#" title="Mode d’emploi"></a>
<div class="sdhdgroup">
<a id="btnSD" class="sdhdbtn" href="#" title="SD"></a>