--- a/integration/v2/css/style.css Thu Jun 13 11:24:40 2013 +0200
+++ b/integration/v2/css/style.css Thu Jun 13 17:34:29 2013 +0200
@@ -2,7 +2,10 @@
a{text-decoration: none; color: #000;}
.wrap{width: 950px; margin: 0 auto; }
-header{width:100%;background: url(../img/border-bottom-header.png) left bottom no-repeat;}
+header, footer{width:100%;background: url(../img/border-bottom-header.png) center bottom no-repeat;}
+footer{background-position: top center; padding-top: 20px;font-size: 15px; font-family: 'LatoLight';}
+footer h6{float: left;}
+footer p{float: right;}
header .col-right{float: right; text-align: right;}
header .col-right form{display: inline-block; }
h1{display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sanssemibold'; font-size:34px;}
@@ -13,7 +16,6 @@
.head-login li{float: left; line-height: 27px;}
.dot-6{vertical-align:middle; width: 6px; height: 6px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #616364; display: inline-block; margin: 0 7px;}
.dot-10{ vertical-align:middle; width: 10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #A1A1A1; display: inline-block; margin: 0 12px;}
-
nav{height: 70px;}
nav li{height:100%; float:left; }
.nav{margin-bottom: 14px; height: 18px; display: block;}
@@ -22,3 +24,17 @@
.sub-nav a.active, .sub-nav a:hover{font-family: 'LatoRegular';}
.nav a{font-family: 'josefin_sansregular'; font-size: 18px; text-transform : uppercase;}
+/* Home */
+h2{font-size: 30px; font-family: 'LatoLight'; padding: 30px 0; line-height: 38px;}
+.our-images{margin-bottom: 38px; text-align: center; font-size: 12px; font-family: 'LatoBoldItalic'; color: #58595A;}
+.home-images{position: relative;}
+a.home-arrow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
+-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
+box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);
+background: url(../img/home-arrow.png) no-repeat center center #fff;cursor: pointer;display: block;height: 78px;left: 436px;position: absolute;top: -25px;width: 78px;z-index: 10;
+-webkit-border-radius: 39px;-moz-border-radius: 39px;border-radius: 39px;
+}
+.home-images .col-left{float: left;}
+.home-images .col-left img{width: 667px;}
+.home-images .col-right{float: right;}
+.home-images .col-right img{display: block; width: 283px;}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/home.html Thu Jun 13 17:34:29 2013 +0200
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">EGONOMY</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form action="#">
+ <p><input type="text" placeholder="Rechercher dans le site"></p>
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ <ul class="sub-nav clearfix">
+ <li><span class="dot-6"></span></li>
+ <li><a href="#" class="active">Mes collections</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">Mes collages</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">Mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <h2>
+ EGONOMY EST LE SERVICE D’ÉCHANGE<br/>
+ ET DE COLLECTION D’IMAGES DE LA RMN.<br/>
+ NAVIGUEZ DANS LES 250 000 IMAGES DU SITE, ANNOTEZ<br/>
+ LES, COMMENTEZ LES, FRAGMENTEZ LES TOUTES!
+ </h2>
+ <p class="our-images">Découvrez les images</p>
+ <div class="home-images clearfix">
+ <a href="#" class="home-arrow"></a>
+ <div class="col-left">
+ <img src="img/home-image-left.png" alt="">
+ </div>
+ <div class="col-right">
+ <img src="img/home-image-right.png" alt="">
+ <img src="img/home-image-right-2.png" alt="">
+ </div>
+ </div>
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/main.js"></script>
+</body>
+</html>
Binary file integration/v2/img/home-arrow.png has changed
Binary file integration/v2/img/home-image-left.png has changed
Binary file integration/v2/img/home-image-right-2.png has changed
Binary file integration/v2/img/home-image-right.png has changed
--- a/integration/v2/index.html Thu Jun 13 11:24:40 2013 +0200
+++ b/integration/v2/index.html Thu Jun 13 17:34:29 2013 +0200
@@ -6,8 +6,9 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>Egonomy</title>
- <meta name="description" content="">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
@@ -15,7 +16,7 @@
</head>
<body>
- <section class="wrap">
+ <div class="wrap">
<header class="clearfix">
<h1><a href="#">EGONOMY</a></h1>
<div class="col-right">
@@ -52,7 +53,14 @@
</nav>
</div>
</header>
- </section>
+ <section>
+
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
