--- a/web/index.html Sun Dec 09 19:59:03 2012 +0100
+++ b/web/index.html Mon Dec 10 19:48:28 2012 +0100
@@ -22,8 +22,8 @@
<!-- div content_top - the elements takes the full height of "content_top" -->
<div id="content_top">
- <!-- change with js: height and line-height (the same size) of "conteneur_vcentering" -->
- <header id="top" class="conteneur_vcentering">
+ <!-- change with js: height and line-height (the same size) of "container_vcentering" -->
+ <header id="top" class="container_vcentering">
<div id="title_hp" class="box_vcentering">
<h2>UNE EXPÉRIENCE DE CINÉMA</h2>
<h1>THE END, ETC.</h1>
@@ -35,8 +35,8 @@
<canvas id="mosaic" width="100" height="100"></canvas>
</section>
- <!-- change with js: height and line-height (the same size) of "conteneur_vcentering" -->
- <section id="bottom" class="conteneur_vcentering">
+ <!-- change with js: height and line-height (the same size) of "container_vcentering" -->
+ <section id="bottom" class="container_vcentering">
<div class="box_vcentering">
<p class="big_link"><a href ="/">COMPOSEZ VOTRE FILM</a></p>
</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/inter_choix.html Mon Dec 10 19:48:28 2012 +0100
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8">
+ <title>The End - @todo</title>
+
+ <meta name="description" content="@todo">
+
+ <!-- Mobile Specific Metas -->
+ <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+
+ <link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- stylesheet for ipad 3
+ <link rel="stylesheet" href="static/res/css/style_2048.css" />
+ -->
+
+ </head>
+ <body>
+ <!-- div content - site takes the full height of browser -->
+ <div id="content" class="full_screen pointer" onClick="">
+
+ <!--this div empty allows the element content_vcentering to be vertically aligned -->
+ <div class="strut"></div><!--
+ this comment corrects the white-space (display: inline);
+ --><section class="fullScreen_vcentering container_vcentering">
+ <div class="box_vcentering">
+ <p class="big_txt">3 ÉCRANS</p>
+ <p class="big_txt">CHOISISSEZ UN MOT PAR ÉCRANS</p>
+ <p class="big_txt">COMPOSEZ VOTRE FILM</p>
+ </div>
+ </section>
+ </div>
+
+ <!-- Metanav FranceTV -->
+ <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
+ <!-- JavaScript -->
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
+ <script src="static/res/js/ease.js"></script>
+ <script src="static/res/js/incmosaic.js"></script>
+ </body>
+</html>
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/prologue.html Mon Dec 10 19:48:28 2012 +0100
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8">
+ <title>The End - @todo</title>
+
+ <meta name="description" content="@todo">
+
+ <!-- Mobile Specific Metas -->
+ <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+
+ <link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- stylesheet for ipad 3
+ <link rel="stylesheet" href="static/res/css/style_2048.css" />
+ -->
+
+ </head>
+ <body>
+ <!-- div content - site takes the full height of browser -->
+ <div id="content" class="full_screen">
+
+ <!--this div empty allows the element content_vcentering to be vertically aligned -->
+ <div class="strut"></div><!--
+ this comment corrects the white-space (display: inline);
+ --><section class="fullScreen_vcentering">
+ <video autoplay poster="/">
+ <sourcesrc="/"type="video/mp4" />
+ <sourcesrc="/"type="video/webm" />
+ <p>Votre navigateur ne gère pas l'élément video @todo</p>
+ </video>
+ </section>
+ </div>
+
+ <!-- Metanav FranceTV -->
+ <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
+ <!-- JavaScript -->
+ </body>
+</html>
\ No newline at end of file
--- a/web/static/res/css/style_1024.css Sun Dec 09 19:59:03 2012 +0100
+++ b/web/static/res/css/style_1024.css Mon Dec 10 19:48:28 2012 +0100
@@ -87,7 +87,7 @@
fieldset, img, button {
border: 0;
}
-img, table, td, blockquote, code, pre, textarea, input, object, embed/*, video */ { /*edwin*/
+img, table, td, blockquote, code, pre, textarea, input, object, embed/*, video */ {
max-width: 100%;
}
@@ -158,6 +158,8 @@
p,
pre {
margin: 1em 0;
+ font-family: Arial, sans-serif;
+ color: #ffffff;
}
dl,
menu,
@@ -221,6 +223,19 @@
.floatR {
float: right;
}
+.big_txt {
+ font-family: "Arial Black", sans-serif;
+ font-size: 51px;
+ text-align: center;
+ margin: 109px 0;
+}
+.big_link {
+ font-family: "Arial Black", sans-serif;
+ font-size: 21px;
+ text-align: center;
+ padding: 14px 0 16px 0;
+ margin: 0;
+}
/*----------------------------------------------*/
/* site takes all the space of the browser */
/*----------------------------------------------*/
@@ -242,7 +257,6 @@
box-sizing: border-box;
}
footer {
-
position: absolute;
bottom: 0;
left: 0;
@@ -254,6 +268,9 @@
-moz-box-sizing: border-box;
box-sizing: border-box;
}
+#content.full_screen {
+ width: 100%;
+}
/*----------------------------------------------*/
/* the elements takes the full height of "content_top" */
/*----------------------------------------------*/
@@ -298,13 +315,6 @@
display:block;
margin: 0 auto;
}
-.big_link {
- font-family: "Arial Black", sans-serif;
- font-size: 21px;
- text-align: center;
- padding: 14px 0 16px 0;
- margin: 0;
-}
/*----------------------------------------------*/
/* 9- Footer HP */
/*----------------------------------------------*/
--- a/web/static/res/json/sequences.json Sun Dec 09 19:59:03 2012 +0100
+++ b/web/static/res/json/sequences.json Mon Dec 10 19:48:28 2012 +0100
@@ -1,55 +1,18 @@
{
- "part1" : [
- {
- "src": "static/res/video/boucle/FOND1",
- "in": 0,
- "out": 2
- },
- {
- "src": "static/res/video/boucle/FOND2",
- "in": 0,
- "out": 2
- },
- {
- "src": "static/res/video/boucle/FOND3",
- "in": 0,
- "out": 2
- }
+ "words" : [
+ "famille", "amour", "travail", "international", "dieu", "president", "actif", "passif", "corps", "charite", "patrie", "politique", "spleen", "ideal", "origines", "peur", "desir", "bonheur"
],
- "part2" : [
- {
- "src": "static/res/video/chants/CHANT 1",
- "in": 0,
- "out": 5
- },
- {
- "src": "static/res/video/chants/CHANT 2",
- "in": 0,
- "out": 5
- },
+ "videos" : [
{
- "src": "static/res/video/chants/CHANT 3",
- "in": 0,
- "out": 5
- }
- ],
-
- "part3" : [
- {
- "src": "static/res/video/fiction/THE END_FICTION_APPELEZ MOI",
- "in": 0,
- "out": 5
+ "name": "kristina1",
+ "src": "http://www.akamai.com/xxxxxxxxx/kristina1",
+ "wordscore": [0, 0, 0, 0, 0, 0, 7, 0, 8, 0, 0, 0, 4, 0, 8, 0, 0, 0]
},
{
- "src": "static/res/video/fiction/THE END_FICTION_AIMEZ MOI_120313",
- "in": 0,
- "out": 5
- },
- {
- "src": "static/res/video/fiction/THE END_FICTION_DROIT",
- "in": 0,
- "out": 5
+ "name": "kristina2",
+ "src": "http://www.akamai.com/xxxxxxxxx/kristina2",
+ "wordscore": [0, 0, 0, 0, 8, 5, 3, 3, 8, 0, 0, 2, 10, 1, 8, 1, 0, 0]
}
- ]
-}
\ No newline at end of file
+ ]
+}