style changes.
--- a/web/entretiens.txt Thu Dec 15 16:01:14 2011 +0100
+++ b/web/entretiens.txt Thu Dec 15 16:01:24 2011 +0100
@@ -2,10 +2,10 @@
# it's a csv file with semicolon for separators
# format : title, stream id, date
#
-Histoire et anthropologie de la confiance - Alain Mille et Bernard Stiegler;a972dbcc-26ff-11e1-8869-00145ea49a02;le 25 Mai 2011 10h00-12h01
-Confiance et politique - Albert Ogien;d715c4e0-26ff-11e1-a2ff-00145ea49a02;le 27 mars 2014
-Bernard Stiegler;c609832e-b6e0-11e0-9f0f-00145ea49a02;le 27 mars 2014
-Cécile Méadel;4fa4daa4-2700-11e1-b1b3-00145ea49a02;le 27 mars 2014
-Godefroy Dang Nguyen;921ff558-2700-11e1-9ac7-00145ea49a02;le 27 mars 2014
-Judith Simon;16e0bc56-2700-11e1-bb79-00145ea49a02;le 27 mars 2014
-Nicolas Aurray;d8e8b2d6-2700-11e1-81c9-00145ea49a02;le 27 mars 2014
\ No newline at end of file
+Histoire et anthropologie de la confiance - Alain Mille et Bernard Stiegler;a972dbcc-26ff-11e1-8869-00145ea49a02;thumbnails/alain_mille.png;le 25 Mai 2011 10h00-12h01
+Confiance et politique - Albert Ogien;d715c4e0-26ff-11e1-a2ff-00145ea49a02;thumbnails/albert_ogien.png;le 27 mars 2014
+Bernard Stiegler;c609832e-b6e0-11e0-9f0f-00145ea49a02;thumbnails/bernard_stiegler.png;le 27 mars 2014
+Cécile Méadel;4fa4daa4-2700-11e1-b1b3-00145ea49a02;thumbnails/cecile_meadel.png;le 27 mars 2014
+Godefroy Dang Nguyen;921ff558-2700-11e1-9ac7-00145ea49a02;thumbnails/dang_nguyen.png;le 27 mars 2014
+Judith Simon;16e0bc56-2700-11e1-bb79-00145ea49a02;thumbnails/judith_simon.png;le 27 mars 2014
+Nicolas Aurray;d8e8b2d6-2700-11e1-81c9-00145ea49a02;thumbnails/nicolas_aurray.png;le 27 mars 2014
\ No newline at end of file
--- a/web/index.php Thu Dec 15 16:01:14 2011 +0100
+++ b/web/index.php Thu Dec 15 16:01:24 2011 +0100
@@ -2,20 +2,20 @@
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
-<title>ENMI - entretiens préparatoires </title>
-<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
-<link href="style.css" rel="stylesheet" type="text/css">
-<script src="jquery.min.js" type="text/javascript"></script>
-<script src="jquery.tools.min.js" type="text/javascript"></script>
-<script src="jquery-ui.js" type="text/javascript"></script>
-
+ <title>ENMI - entretiens préparatoires </title>
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
+ <link href="style.css" rel="stylesheet" type="text/css">
+ <script src="jquery.min.js" type="text/javascript"></script>
+ <script src="jquery.tools.min.js" type="text/javascript"></script>
+ <script src="jquery-ui.js" type="text/javascript"></script>
</head>
<body>
+
<div id="outer_div">
- <div id="banner">
- <img src="../crea/imgs/enmi_logo.png" style="margin-left: 51px; margin-top: 6px; float: left;"></img>
- <img src="../crea/imgs/iri.png" style="margin-right: 32px; float: right;"></img>
+ <img src="../crea/imgs/edition_2011.png" style="position: absolute; z-index: 3; margin-left: 12px;"></img>
+ <div id="banner">
+ <img src="../crea/imgs/enmi_logo.png" style="margin-left: 51px; float: left;"></img>
<div style="clear: both;"></div>
</div>
@@ -23,7 +23,7 @@
<div id="intro_title">
Séminaire préparatoire "Economie et technologies de la confiance"
</div>
- <div id="content">
+ <div id="index_content">
<?php
$lines = file("entretiens.txt");
@@ -32,14 +32,18 @@
if ($line[0] == "#")
continue;
- list($title, $stream_id, $date) = explode(";", $line);
- echo "<div class='thumb'><a href='player.php?stream=$stream_id'>$title</a> - $date</div>";
+ list($title, $stream_id, $thumbnail, $date) = explode(";", $line);
+ echo "<div class='thumb'>" .
+ "<img class='thumbnail' src=$thumbnail alt='thumbnail'></img>" .
+ "<a href='player.php?stream=$stream_id'>$title</a><br>$date" .
+ "</div>";
}
- ?>
+ ?>
+ <div style="clear: both;"></div>
</div>
</div>
<div id="partners">
- <!-- <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="../crea/imgs/iri_logo.png"></a> -->
+ <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="../crea/imgs/iri_logo.png"></a>
<a href="http://www.capdigital.com/" target="_blank"><img src="../crea/imgs/capd_logo.png"></a>
<a href="http://www.ensci.com/" target="_blank"><img src="../crea/imgs/ensci_logo.png"></a>
<a href="http://www.institut-telecom.fr/" target="_blank"><img src="../crea/imgs/institut_telecom_logo.png"></a>
--- a/web/style.css Thu Dec 15 16:01:14 2011 +0100
+++ b/web/style.css Thu Dec 15 16:01:24 2011 +0100
@@ -1,10 +1,9 @@
body {
- font-family: Helvetica, Arial, Verdana, sans-serif;
+ font-family: 'PT Sans Narrow', Helvetica; Verdana, sans-serif;
background-image: url(../crea/imgs/bgd-top.png);
background-repeat: repeat-x;
background-color: #F7F6F6;
- margin-top: -05px;
-
+ margin-top: -11px;
}
#banner {
@@ -12,7 +11,8 @@
width: 960px;
border-bottom: 1px solid #fe4f76;
padding-top: 10px;
- margin-top: -4px;
+ padding-bottom: 4px;
+ margin-top: 7px;
}
#outer_div {
@@ -42,6 +42,29 @@
#wrapper_div {
}
+/* index.php */
+
+#index_content {
+ margin: 0 auto;
+ width: 910px;
+}
+
+.thumb {
+ width: 280px;
+ height: 220px;
+ float: left;
+ margin-top: 10px;
+ margin-right: 10px;
+ background-color: #f2f2f2;
+ border: 1px solid #cccccc;
+ padding: 5px;
+}
+
+.thumb img {
+ margin: 5px;
+}
+
+/* player.php */
table#content {
width: 910px;
border: solid 10px #7a7a7a;