--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/publication/css/periplus.css Fri Mar 28 18:22:20 2014 +0100
@@ -0,0 +1,26 @@
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+ padding-top: 50px;
+ padding-bottom: 20px;
+}
+
+.navbar-periplus {
+background-color: SteelBlue;
+border-color: #e7e7e7;
+}
+
+.navbar-periplus .navbar-brand-periplus {
+ color: whitesmoke;
+ background-color: transparent;
+}
+
+.navbar-periplus .navbar-brand-periplus:focus {
+ color: whitesmoke;
+ background-color: transparent;
+}
+
+.navbar-periplus .navbar-brand-periplus:hover {
+ color: silver;
+ background-color: transparent;
+}
+
\ No newline at end of file
--- a/publication/index.html Fri Mar 28 17:25:51 2014 +0100
+++ b/publication/index.html Fri Mar 28 18:22:20 2014 +0100
@@ -8,14 +8,15 @@
<meta name="author" content="">
<link rel="shortcut icon" href="assets/ico/favicon.ico">
- <title>Starter Template for Bootstrap</title>
+ <title>Periplus by IRI</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
- <link href="starter-template.css" rel="stylesheet">
-
+ <!-- <link href="starter-template.css" rel="stylesheet"> -->
+ <link href="css/periplus.css" rel="stylesheet">
+
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
@@ -24,11 +25,11 @@
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
- </head>
+</head>
<body>
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <div class="navbar navbar-default navbar-fixed-top navbar-periplus" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
@@ -37,41 +38,61 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
- <a class="navbar-brand" href="#">PERIPLUS <em>by IRI</em></a>
+ <a class="navbar-brand navbar-brand-periplus" href="#">PERIPLUS <em>by IRI</em></a>
</div>
- <div class="collapse navbar-collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- </ul>
- </div><!--/.nav-collapse -->
+ <div class="navbar-collapse collapse">
+ <form class="navbar-form navbar-right" role="form">
+ <div class="form-group">
+ <input type="text" placeholder="Email" class="form-control">
+ </div>
+ <div class="form-group">
+ <input type="password" placeholder="Password" class="form-control">
+ </div>
+ <button type="submit" class="btn btn-success">Sign in</button>
+ </form>
+ </div><!--/.navbar-collapse -->
</div>
</div>
-
- <div class="container" role="main" style="margin-top:60px;">
- <div class="jumbotron">
- <h1>Livrables logiciels</h1>
- <p>Cette page référence les livrables logiciels produit par l'IRI dans le cadre du projet Periplus.</p>
- <!-- <p><a href="#" class="btn btn-primary btn-lg" role="button">Learn more »</a></p> -->
+ <!-- Main jumbotron for a primary marketing message or call to action -->
+ <div class="jumbotron">
+ <div class="container">
+ <h1>Réalisations IRI</h1>
+ <p> Cette page référence les livrables logiciels produit par l'IRI dans le cadre du projet Periplus.</p>
+ <p><a class="btn btn-primary btn-lg" role="button" href="http://www.iri.centrepompidou.fr/projets/periplus/">En savoir plus sur Périplus »</a></p>
</div>
</div>
- <div class="container" style="margin-top:50px;">
-
- <div class="starter-template">
- <h1>Les livrables logiciels de l'IRI sur le projet Periplus</h1>
- <p class="lead">Cette page permet de consulter les livrables de l'IRI dans le cadre du projet Periplus.</p>
+ <div class="container">
+ <!-- Example row of columns -->
+ <div class="row">
+ <div class="col-md-6">
+ <h2>L4.3 Prototypage des maquettes</h2>
+ <p>Ce livrable présente une démo statique de l'interface Mediapart <em>by Periplus</em> sur la base d'une requête unique et d'un dataset limité.</p>
+ <p><a class="btn btn-default" href="../integration/home.html" role="button">View details »</a></p>
+ </div>
+ <div class="col-md-6">
+ <h2>L5.6 Outils de démonstration</h2>
+ <p>Ce livrable présente une série d'expérimentations développées par les étudiants de l'ECP dans le cadre de l'atelier Design Metadata.</p>
+ <p><a class="btn btn-default" href="toolkit.html" role="button">View details »</a></p>
+ </div>
+
</div>
- </div><!-- /.container -->
+ <hr>
+
+ <footer>
+ <p>© IRI 2014</p>
+ </footer>
+ </div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <script src="dist/js/bootstrap.min.js"></script>
+ <script src="js/bootstrap.min.js"></script>
</body>
</html>
+
+