More appealing Ecosystem page.

.gitignore

@@ -1,2 +1,3 @@
 _site
 Gemfile.lock
+.bundle

LICENSE

@@ -26,4 +26,4 @@ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

_config.yml

@@ -6,10 +6,12 @@ description: > # this means to ignore newlines until "baseurl:"
     notebook combines live code, equations, narrative text, visualizations,
     interactive dashboards and other media.
 baseurl: "" # the subpath of your site, e.g. /blog/
-url: "http://jupyter.org" # the base hostname & protocol for your site
+url: "https://jupyter.org" # the base hostname & protocol for your site
 twitter_username: ProjectJupyter
 github_username:  Jupyter
 
+plugins:
+  - jekyll-redirect-from
 # Build settings
 markdown: kramdown
 highlighter: rouge

_data/ecosystem.yml

@@ -0,0 +1,140 @@
+Kernels:
+  logo: language.svg
+  description: >
+
+    **Kernels** are the engines responsible for code execution. Generally
+    kernels are associated with one language, but a few kernels can manage
+    multiple languages, often simultaneously. 
+
+  items:
+      - name: IPython
+        license: BSD
+        featured: 0
+        commercial: false
+        description: >
+          The reference Kernel implementation for Jupyter; written in Python,
+          provide all the features of the Command Line IPython shell, and more.
+        logo: python-logo.svg
+        url: https://ipython.org
+      - name: IHaskell
+        commercial: false
+        description: >
+
+          IHaskell provide a haskell kernel with extra interactivity features to
+          make full usage of the notebook features.
+        logo: haskell-logo.svg
+        url: https://github.com/gibiansky/IHaskell
+
+      - name: IJulia
+        license: MIT
+        commercial: false
+        description: >
+          IJulia allow you to access the Julia programming language from any
+          Jupyter conmpatible frontend.
+        logo: julia-logo.svg
+        url: https://github.com/JuliaLang/IJulia.jl
+      - name: IRKernel
+        commercial: false
+        url: https://irkernel.github.io/
+        description: >
+          The R kernel is the perfect tool for statisticians looking to use the
+          R from the comfort of a notebook.
+        logo: r-logo.svg
+      - name: IScala
+        sponsored: true
+        commercial: false
+        description: >
+          You guessed it; a scala kernel for Jupyter !
+        url: https://github.com/mattpap/IScala
+        logo: scala-logo.svg
+      - name: IRuby
+        commercial: false
+
+
+Frontends:
+  logo: kernelicon.svg
+  description: >
+    **Frontends** are user facing application, usually in which you edit code.
+    Frontend can connect to a _kernel_ which provides code execution. A frontend
+    can either be a standalone application, or an extension for an existing
+    application or text editor
+  items:
+    - name: Nteract
+      description: >
+        Nteract provides a native (electron) notebook interface that provide
+        rich integration into operating system and allow a pure Desktop experience.
+      logo: nteract-logo.png
+      url: https://nteract.io
+    - name: Notebook
+      featured: 0
+      description: The Classic notebook Frontend.
+      url: https://jupyter-notebook.readthedocs.org
+      logo: ../notebookicon.svg
+    - name: Hydrogen
+      description: Integration with Atom
+      url: https://nteract.io/atom
+      logo: null
+    - name: VSCode Jupyter
+      url: https://marketplace.visualstudio.com/items?itemName=donjayamanne.jupyter
+      description: Plugin for Visual Studio Code.
+      logo: vscode-jupyter-logo.png
+    - name: QtConsole
+    - name: Jupyter Console
+
+
+Services:
+  description: >
+    **Services** that provides, integrate with, or augment Jupyter.
+  logo: central.svg
+  items:
+    - name: MyBinder
+      commercial: false
+      description: > 
+        MyBinder.org is a free service the provide ephemeral computing in the
+        cloud and turn any git repository into a temporary jupyter notebook
+        instance in the cloud. 
+      url: https://mybinder.org
+      logo: binder-logo.png
+    - name: CoCalc
+      sponsored: 0
+      commercial: true
+      logo: cocalc-logo.png
+      url: https://cocalc.com/
+      description: >
+        Ex Sage Math Cloud, Cocalc offershosting of Jupyter notebook in the
+        cloud and provide features unique to the Sage environement.
+    - name: R-Brain
+      commercial: true
+      description: R-brain provides an Cloud-based IDE based on Jupyter Optimized for Python & R Language.
+      url: https://cdn.worldvectorlogo.com/logos/scala-4.svg
+      logo: r-brain-logo.jpg
+    - name: Nbviewer
+      url: https://nbviewer.jupyter.org
+      logo: ../notebook-file-logo.svg
+      description: Render any publicly available notebook document or GitHub repository
+    - name: Azure Notebooks
+      logo: azure-notebooks-logo.png
+      url: https://notebooks.azure.com
+      commercial: true
+      tags: microsoft, azure
+      description: >
+        Jupyter notebook hosted on Azure cloud.
+
+Utilities:
+  logo: data.svg
+  description: >
+    Miscelaneous **utilities** to work with the Jupyter Ecosystem
+  items:
+    - name: nbconvert
+      description: A tool to convert notebook to multiple formats.
+      url: https://nbconvert.readthedocs.org
+    - name: nbdime
+      description: Diff and Merge of notebooks.
+      url: https://github.com/jupyter/nbdime
+      tags: git, github, simula, MinRk
+    - name: jupyter_client
+    - name: jupyterhub
+      tags: multiple users, authentication, OAuth, kubernetes
+    - name: nbgrader
+      tags: education
+

_includes/footer.html

@@ -4,16 +4,16 @@
             <div class="navbar-text">
                 <ul class="footer-text">
                     <li><a href="{{site.baseurl}}/index.html">Home</a></li>
-                    {%- for nav in site.data.nav.head %}
+                    {%- for nav in site.data.nav.head -%}
                       {%- if nav.url %}
-                               <li><a href="{{site.baseurl}}{{nav.url}}" target="_blank">{{nav.title}}</a></li>
-                      {%- else %}
-                        {%- for target_page in site.pages %}
+                           <li><a href="{{site.baseurl}}{{nav.url}}" target="_blank">{{nav.title}}</a></li>
+                      {% else -%}
+                        {%- for target_page in site.pages -%}
                            {%- if nav contains target_page.title %}
                                <li><a href="{{site.baseurl}}{{target_page.url}}">{{target_page.title}}</a></li>
-                           {%- endif %}
-                           {%- endfor %}
-                      {%- endif %}
+                           {% endif -%}
+                           {%- endfor -%}
+                      {%- endif -%}
                     {%- endfor %}
                     <!--{{ site.time}}-->
                 </ul>
@@ -37,3 +37,33 @@
     <script src="{{site.baseurl}}/js/architecture.js"></script>
     <script src="{{site.baseurl}}/js/simon.js"></script>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+<script>
+  $('#searchfield').show().on('change keyup keypress paste', function(){
+    var searchterm =  $('#searchfield').val().toLowerCase();
+    if (searchterm != ''){
+      $('.searchable_category').addClass('searching')
+    } else {
+      $('.searchable_category').removeClass('searching')
+    }
+
+    var searchterms = searchterm.split(' ').filter(function(it){return it});
+
+    var matches = 0
+    $('.resource-item').map(function(ind, it){ 
+      search_corpus = it.getAttribute('data-filter').toLowerCase()
+
+      var match_array = searchterms.map(function(it){return search_corpus.indexOf(it) == -1?0:1});
+      var n_matches = match_array.reduce(function(a,b){return a+b}, 0);
+      var match = (n_matches == searchterms.length);
+      console.log( match_array, n_matches, searchterms.length);
+
+      if(match){
+        matches += 1;
+        it.classList.remove('hid');
+      } else {
+        it.classList.add('hid');
+      }
+    })
+    console.log('Found', matches, 'matches for', searchterm )
+  })
+</script>

_includes/header.html

@@ -28,20 +28,20 @@
                                <li>
                                  <a href="{{site.baseurl}}{{nav.url}}" class="tab" target="_blank">{{nav.title}}</a>
                                </li>
-                      {%- else -%}
+                      {%- else %}
                         {%- for targetpage in site.pages %}
                            {%- if nav contains targetpage.title -%}
-                              {%- if page.title == targetpage.title %}
+                              {% if page.title == targetpage.title %}
                                <li>
                                    <a href  class="tab navbar-active">{{targetpage.title}}</a>
                                </li>
                                {%- else %}
                                <li>
                                    <a href="{{site.baseurl}}{{targetpage.url}}" class="tab">{{targetpage.title}}</a>
                                </li>
-                               {%- endif -%}
+                               {%- endif %}
                            {%- endif -%}
-                           {%- endfor -%}
+                           {% endfor -%}
                       {%- endif -%}
                     {%- endfor %}
                 </ul>