added python logo + hover effect on cover

Author: Philippe BARBOSA

css/pythonbooks.css

@@ -1222,24 +1222,49 @@ footer {
 .booksection p.description {
   height: 128px;
   line-height: 16px;
-  
   overflow: hidden;
   color: #505050;
 }
 .booksection p.level {
   color: grey;
 }
+.booksection .view {
+  display: block;
+  position: absolute;
+  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  opacity:0;
+  width: 140px;
+  height: 184px;
+  font: normal 14px 'Ubuntu', Helvetica, Arial, sans-serif;
+  line-height: 184px;
+  background-color: rgba(54, 109, 156,.9);
+  z-index: 10;
+  text-align: center;
+  color: white;
+  text-shadow:0 0 10px #f8d74c;
+  -webkit-transition:opacity .2s linear;
+  -moz-transition:opacity .2s linear;
+  -o-transition:opacity .2s linear;
+  transition:opacity .2s linear;
 
+}
+.booksection .view:hover {
+  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1000)";
+  filter: alpha(opacity=1000);
+  opacity:10;
+}
 h1, #headerlink {
   font: normal 12px 'Ubuntu', Helvetica, Arial, sans-serif;
-  margin-top: -15px;
+  margin-top: 10px;
   margin-bottom: 5px;
   color: #2f2e2d;
   text-shadow: 1px 0 1px rgba(255, 255, 255, 0.6);
 }
 #headerlink {
   font-size: 12px;
   color: #aaa;
+  text-shadow: 1px 0 1px rgba(255, 255, 255, 0.8);
 }
 #headerlink:hover {
   text-decoration: none;
@@ -1309,6 +1334,7 @@ a#infos:hover {
 }
 #mod_infos h4 {
   padding-bottom: 4px;
+  margin-bottom: 10px;
   text-transform: uppercase;
   color: #366d9c;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
@@ -1392,11 +1418,11 @@ a#infos:hover {
     height:65px;
   }
   div.pbhead h1 {
-    margin-top:-10px;
-    margin-bottom: 0px;
+    margin-top: 5px;
+    font-size: 12px;
   }
   div.pbhead img {
-    height:50px;
+    height:35px;
   }
   a.github img {
     height:90px;
@@ -1410,6 +1436,12 @@ a#infos:hover {
     height: 298px;
     margin-bottom: 10px;
   }
+  .booksection .view {
+    width: 228px;
+    height: 298px;
+    font: normal 17px Helvetica, Arial, sans-serif;
+    line-height: 298px;
+}
   .btn {
     width: 190px;
   }
@@ -1462,13 +1494,6 @@ a#infos:hover {
   .btn {
     width: 120px;
   }
-  .booksection {
-    height: 170px;
-  }
-  .booksection #cover {
-    width: 110px;
-    height: 154px;
-  }
   .booksection p.description {
     height: 96px;
     overflow: hidden;

img/logo_pythonbooks_.png

@@ -25,7 +25,7 @@
     <a href="https://github.com/revolunet/PythonBooks" class="github"><img src="https://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub"></a>
 
     <div class="navbar navbar-fixed-top pbhead">
-      <img src="./img/logo_pythonbooks.png" alt="python tutorials">
+      <img src="./img/logo_pythonbooks_.png" alt="python tutorials">
       <h1>The best free Python resources</h1>
       <a href="http://www.revolunet.com" target="_blank" title="revolunet" id="headerlink" >by revolunet - rich web apps for desktop and mobile</a>
       <a href="#" id="infos">About</a>
@@ -39,7 +39,6 @@ <h1>The best free Python resources</h1>
       <div class="row">
         <div class="span6"> 
           <h4> The easiest and cheapest way to learn Python !</h4> 
-          <hr>
           <p>
            Python is a powerful programming language that lets you code efficiently and integrate various systems more effectively. Find here the best free publications to learn Python and muscle your brain !
           </p>
@@ -58,7 +57,6 @@ <h4> The easiest and cheapest way to learn Python !</h4>
         </div>
         <div class="span6"> 
           <h4>About us :</h4> 
-          <hr>
           <p>
             <a href="http://www.revolunet.com" target="_blank" title="revolunet">Revolunet</a> is a company specialized in web applications development. <br>
             Feel free to contact us by mail for further information: <br> 
@@ -104,6 +102,7 @@ <h4>About us :</h4>
         {{#books}} 
          <div class="span4 booksection">
           <a target="_blank" href="{{url}}">
+            <div class="view"> READ </div>
             <div title="{{ title }}" id="cover" style="background:black url('{{cover}}') no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;">
             </div>
             <h2 title="{{ title }}">{{title}}</h2>
@@ -115,8 +114,6 @@ <h3><a href="{{authorUrl}}" target="_blank">{{author}}</a></h3>
         {{/books}}
     </script>
 
-    
-
     <script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
     document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));