Merge pull request #1 from revolunet/master

merge orginal source into forked repository
dkdndes · Sep 15, 2017 · 6854d86 · 6854d86
2 parents ffe4088 + 4ae86aa
commit 6854d86
Show file tree

Hide file tree

Showing 88 changed files with 766 additions and 354 deletions.
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+pythonbooks.revolunet.com
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # PythonBooks
 
-PythonBooks is a showcase of the bests free ebooks about Python.
+PythonBooks is a showcase of the best free ebooks about Python.
 
 Learn Python, discover new fields, and muscle your brain for free !
 
@@ -26,13 +26,13 @@ Thanks per advance !
 
 Historically, this project was supposed to be an experimental Apple 'NewsStand' application.
 
-After some weeks of work, we discovered that having a functionnal application wasn't enough.
+After some weeks of work, we discovered that having a functional application wasn't enough.
 
 You also have to follow various Apple guidelines and use some Apple libraries to be 'NewsStand' compatible.
 
 So we decided to go full web and this move gave the project a much wider audience.
 
-Thanks Apple to give us this opportunity :)
+Thanks Apple for giving us this opportunity :)
 
 
 ## Licence

diff --git a/css/pythonbooks.css b/css/pythonbooks.css
@@ -1231,14 +1231,34 @@ a.jsbookslinks {
   color: #3775a9;
   text-decoration: none;
 }
-.pythonbooks {
+.jsbooks {
   background-color: transparent;
-  margin: 0 0 30px;
+  margin: 18px 0 0px;
 }
-.pythonbooks > * {
+.jsbooks > * {
   display: inline;
   margin-right: 10px;
 }
+#filterBy {
+  float: left;
+  overflow: hidden;
+  margin: 0 0 30px;
+}
+#filterBy li {
+  float: left;
+  margin: 0 0 0 10px;
+  list-style: none;
+}
+#filterBy li:first-child {
+  margin-left: 0;
+}
+#filterBy a {
+  color: #0b4d84;
+}
+ #filterBy .active {
+  color: #2f99f1;
+}
+
 .booksection {
   margin-bottom: 30px;
 }
@@ -1325,19 +1345,19 @@ hr {
   border-top: 1px solid #dfdddd;
   border-bottom: 1px solid white;
 }
-ul {
+ul#social_buttons {
   list-style-type: none;
   position: absolute;
   top: 50%;
   margin-top: -10px;
   right: 40px;
   height: 20px;
 }
-ul li {
+ul#social_buttons li {
   display: inline;
   height: 20px;
 }
-ul li a {
+ul#social_buttons li a {
   vertical-align: top;
   color: grey;
   text-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
@@ -1348,7 +1368,7 @@ ul li a {
   -ms-transition: all .2s linear;
   transition: all .2s linear;
 }
-ul li a:hover {
+ul#social_buttons li a:hover {
   text-decoration: none;
   color: black;
   text-shadow:none;
@@ -1685,7 +1705,7 @@ ul li a:hover {
   ul {
     margin-top: -10px;
   }
-  ul li:first-child {
+  ul#social_buttons li:first-child {
     display: none;
   }
 }
diff --git a/img/BMH.png b/img/BMH.png
diff --git a/img/Building Machine Learning Systems with Python.jpg b/img/Building Machine Learning Systems with Python.jpg
diff --git a/img/Learning_Python.png b/img/Learning_Python.png
diff --git a/img/Practical Data Analysis.jpg b/img/Practical Data Analysis.jpg
diff --git a/img/Python3-powered.png b/img/Python3-powered.png
diff --git a/img/PythonDScover.png b/img/PythonDScover.png
diff --git a/img/PythonGuide.png b/img/PythonGuide.png
diff --git a/img/RPi_Essentials_eBook2_PythonGames-001.png b/img/RPi_Essentials_eBook2_PythonGames-001.png
diff --git a/img/Raspberry Pi Cookbook for Python Programmers.jpg b/img/Raspberry Pi Cookbook for Python Programmers.jpg
diff --git a/img/What_You_Need_to_Know_about_Machine_Learning.jpg b/img/What_You_Need_to_Know_about_Machine_Learning.jpg
diff --git a/img/What_You_Need_to_Know_about_Python.jpg b/img/What_You_Need_to_Know_about_Python.jpg
diff --git a/img/algo_ps_python.png b/img/algo_ps_python.png
diff --git a/img/annotated-algorithms.jpg b/img/annotated-algorithms.jpg
diff --git a/img/apple-touch-icon-114-precomposed.png b/img/apple-touch-icon-114-precomposed.png
diff --git a/img/automate_cover_medium.png b/img/automate_cover_medium.png
diff --git a/img/cover_IntermediatePython_Yasoob2.jpg b/img/cover_IntermediatePython_Yasoob2.jpg
diff --git a/img/cover_alabamaintro.png b/img/cover_alabamaintro.png
diff --git a/img/cover_apprendrepython2.jpg b/img/cover_apprendrepython2.jpg
diff --git a/img/cover_apprendrepython3.jpg b/img/cover_apprendrepython3.jpg
diff --git a/img/cover_biopython.jpg b/img/cover_biopython.jpg
diff --git a/img/cover_buildingskillnonpro.jpg b/img/cover_buildingskillnonpro.jpg
diff --git a/img/cover_buildingskillsoop.jpg b/img/cover_buildingskillsoop.jpg
diff --git a/img/cover_complexity.jpg b/img/cover_complexity.jpg
diff --git a/img/cover_computervision.jpg b/img/cover_computervision.jpg
diff --git a/img/cover_datastructandalg.png b/img/cover_datastructandalg.png
diff --git a/img/cover_divepython.jpg b/img/cover_divepython.jpg
diff --git a/img/cover_django.png b/img/cover_django.png
diff --git a/img/cover_djangogirls_tutorial.jpg b/img/cover_djangogirls_tutorial.jpg
diff --git a/img/cover_flask.png b/img/cover_flask.png
diff --git a/img/cover_functional_programming_in_python.gif b/img/cover_functional_programming_in_python.gif
diff --git a/img/cover_gettingstartedwithdjango.jpg b/img/cover_gettingstartedwithdjango.jpg
diff --git a/img/cover_googledevelopers.png b/img/cover_googledevelopers.png
diff --git a/img/cover_guidetodatamining.png b/img/cover_guidetodatamining.png
diff --git a/img/cover_highperf.png b/img/cover_highperf.png
diff --git a/img/cover_how_to_make_mistakes_in_python.gif b/img/cover_how_to_make_mistakes_in_python.gif
diff --git a/img/cover_inventgame.jpg b/img/cover_inventgame.jpg
diff --git a/img/cover_inventgame.png b/img/cover_inventgame.png
diff --git a/img/cover_jessenoller.png b/img/cover_jessenoller.png
diff --git a/img/cover_kivy.png b/img/cover_kivy.png
diff --git a/img/cover_makinggame.png b/img/cover_makinggame.png
diff --git a/img/cover_nltk.jpg b/img/cover_nltk.jpg
diff --git a/img/cover_picking_python_version_manifesto.gif b/img/cover_picking_python_version_manifesto.gif
diff --git a/img/cover_porting_python3.png b/img/cover_porting_python3.png
diff --git a/img/cover_pymotw.png b/img/cover_pymotw.png
diff --git a/img/cover_pyramid.png b/img/cover_pyramid.png
diff --git a/img/cover_python101.png b/img/cover_python101.png
diff --git a/img/cover_python4everybody.jpg b/img/cover_python4everybody.jpg
diff --git a/img/cover_python_cookbook.jpg b/img/cover_python_cookbook.jpg
diff --git a/img/cover_python_in_hydrology.png b/img/cover_python_in_hydrology.png
diff --git a/img/cover_python_practice_book.png b/img/cover_python_practice_book.png
diff --git a/img/cover_pythonstandardlibrairy.png b/img/cover_pythonstandardlibrairy.png
diff --git a/img/cover_snakewrangling.png b/img/cover_snakewrangling.png
diff --git a/img/cover_stats.jpg b/img/cover_stats.jpg
diff --git a/img/cover_swaroop.png b/img/cover_swaroop.png
diff --git a/img/cover_tangowithdjango.jpg b/img/cover_tangowithdjango.jpg
diff --git a/img/cover_text_processing_in_python.jpg b/img/cover_text_processing_in_python.jpg
diff --git a/img/cover_thinkpython.jpg b/img/cover_thinkpython.jpg
diff --git a/img/djenofdjango.jpg b/img/djenofdjango.jpg
diff --git a/img/exploreflask.png b/img/exploreflask.png
diff --git a/img/fullstackpython.jpg b/img/fullstackpython.jpg
diff --git a/img/gasp_lessons.png b/img/gasp_lessons.png
diff --git a/img/glyphicons-halflings-white.png b/img/glyphicons-halflings-white.png
diff --git a/img/glyphicons-halflings.png b/img/glyphicons-halflings.png
diff --git a/img/hackingcyphers.png b/img/hackingcyphers.png
diff --git a/img/learn4.jpg b/img/learn4.jpg
diff --git a/img/level.png b/img/level.png
diff --git a/img/logo_jsbooks.png b/img/logo_jsbooks.png
diff --git a/img/logo_pythonbooks.png b/img/logo_pythonbooks.png
diff --git a/img/make_games_with_python.png b/img/make_games_with_python.png
diff --git a/img/modelingcreativity.png b/img/modelingcreativity.png
diff --git a/img/pattern.png b/img/pattern.png
diff --git a/img/py3programming.png b/img/py3programming.png
diff --git a/img/pym.png b/img/pym.png
diff --git a/img/revologo.png b/img/revologo.png
diff --git a/img/runestone.png b/img/runestone.png
diff --git a/img/social_gplus.png b/img/social_gplus.png
diff --git a/img/social_skype.png b/img/social_skype.png
diff --git a/img/social_twitter.png b/img/social_twitter.png
diff --git a/img/testdriven.jpg b/img/testdriven.jpg
diff --git a/img/tutorial-python.jpg b/img/tutorial-python.jpg
diff --git a/img/view.png b/img/view.png
diff --git a/img/web2py.png b/img/web2py.png
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
         <img src="./img/logo_pythonbooks.png" alt="python tutorials" width="300" height="50">
         <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>
-        <ul>
+        <ul id="social_buttons">
             <li>
                 <a href="https://twitter.com/share" class="twitter-share-button" data-text="Here are the best Python ressources to learn #python for free ! #webdevelopment #python" data-via="revolunet"></a>
                 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
@@ -43,15 +43,35 @@ <h1>The best free Python resources</h1>
         <!-- ==========================
         JOBS
         =========================== -->
+        <!--
         <div class="row">
-            <a class="recrutement span12" href="http://www.revolunet.com/recrutement-developpeur-web" target="_blank"> {{ • We're hiring talented web developers in Paris, France • }}</a>
+            <a class="recrutement span12" href="mailto:contact@revolunet.com?subject=work at revolunet" target="_blank"> {{ • We're hiring talented web developers in Paris, France • }}</a>
             <div class="pythonbooks span12">
                 <p>See also :</p>
                 <a href="http://jsbooks.revolunet.com/" target="_blank">
                     <img src="./img/logo_jsbooks.png" alt="Javascript Books" title="Learn Javascript for free !" width="100" height="27">
                 </a>
             </div>
         </div>
+        -->
+        <div class="row">
+            <div class="jsbooks span12">
+                <p>See also :</p>
+                <a href="http://jsbooks.revolunet.com/" target="_blank">
+                    <img src="./img/logo_jsbooks.png" alt="Javascript Books" title="Learn Javascript for free !" width="" height="14">
+                </a>
+            </div>
+
+            <div class="span12 row-fluid">
+                <p class="span1">Filter by :</p>
+                <ul id="filterBy">
+                    <li><a href="#" data-level="any" class="active" title="filter books by All">All</a></li>
+                    <li><a href="#" data-level="Beginner" title="filter books by Beginner">Beginner</a></li>
+                    <li><a href="#" data-level="Intermediate" title="filter books by Intermediate">Intermediate</a></li>
+                    <li><a href="#" data-level="Advanced" title="filter books by Advanced">Advanced</a></li>
+                </ul>
+            </div>
+        </div>
 
         <!-- ///////// BOOKS -->
         <div class="row" id="issueswrap"></div>
@@ -62,8 +82,8 @@ <h1>The best free Python resources</h1>
     =========================== -->
     <div class="footer">
         <hr>
-        <a href="http://www.revolunet.com" target="_blank" onclick="_gaq.push(['_trackEvent', 'pythonbooks', 'clic footer'])" > 
-            <img src="img/revologo.png" width="150" height="29" alt="Revolunet"> 
+        <a href="http://www.revolunet.com" target="_blank" onclick="_gaq.push(['_trackEvent', 'pythonbooks', 'clic footer'])" >
+            <img src="img/revologo.png" width="150" height="29" alt="Revolunet">
         </a>
         <p>We provide high quality web applications for desktop and mobile.</p>
 
@@ -79,15 +99,40 @@ <h1>The best free Python resources</h1>
     <script type="text/javascript">
 
     function randOrd(){
-      return (Math.round(Math.random())-0.5); 
+      return (Math.round(Math.random())-0.5);
+    }
+
+    function filterBy() {
+        var // var's sort by
+            active = 'active',
+            btFilterBy = $('#filterBy').find('a'),
+            booksection = $('.booksection');
+
+        // interaction filter by level
+        btFilterBy.on('click', function(e) {
+            e.preventDefault();
+            var level = $(this).data('level');
+            if (level==='any') {
+                // restore all books
+                booksection.show();
+            } else {
+                booksection.not('.' + level).fadeOut('fast');
+                booksection.filter('.' + level).fadeIn('fast');
+            }
+
+            btFilterBy.removeClass(active);
+            $(this).addClass(active);
+        });
     }
 
+
     $(document).ready(function() {
       $.getJSON('./issues.json?' + Math.random(), function(data) {
         var template = $('#booktpl').html();
         data.books.sort(randOrd);
         var html = Mustache.to_html(template, data);
         $('#issueswrap').html(html);
+                    filterBy();
       });
       $('#mod_infos').hide();
       $('a.#infos').on('click', function(){
@@ -97,8 +142,8 @@ <h1>The best free Python resources</h1>
     </script>
 
     <script id="booktpl" type="text/template">
-        {{#books}} 
-         <div class="span4 booksection">
+        {{#books}}
+         <div class="span4 booksection {{ level }}">
           <a target="_blank" href="{{url}}">
             <div class="view"></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;">
@@ -121,6 +166,6 @@ <h3><a href="{{authorUrl}}" target="_blank">{{author}}</a></h3>
         var pageTracker = _gat._getTracker("UA-294393-1");
         pageTracker._trackPageview();
     } catch(err) {}</script>
-    
+
   </body>
 </html>