Add explore page for listing community projects.

_data/nav.yml

@@ -2,14 +2,7 @@
   url: /learn/
 - title: Compilers
   url: /compilers/
-- title: Development
-  url: https://github.com/fortran-lang
-  sections:
-    - title: Proposals
-      url: https://github.com/j3-fortran/fortran_proposals
-    - title: Standard Library
-      url: https://github.com/fortran-lang/stdlib
-    - title: Package Manager
-      url: https://github.com/fortran-lang/fpm
+- title: Explore
+  url: /explore
 - title: News
   url: /news/

_layouts/code_category.html

@@ -0,0 +1,90 @@
+---
+layout: default
+---
+
+{% include nav.html %}
+
+<section class="masthead">
+    <h1>Explore Community Fortran Projects</h1>
+    <h3>A rich ecosystem of high-performance code</h3>
+  </section>
+
+  <section class="front-section">
+    <div class="container">
+      <div class="col-wide">
+
+          <a href='/explore'> < Back</a>
+
+          <h1>{{page.title}}</h1>
+          <p>
+              {{page.description}}
+          </p>
+
+          <table class="projects-table">
+
+          {% assign catProjects =  site.data.curated_projects | where_exp:"project", "project.categories contains page.code_category"%}
+          {% for project in catProjects %}
+          <tr>
+              {% if project.github %}
+              <td> <h4><a href="https://github.com/{{ project.github }}">{{ project.name }}</a></h4> </td>
+              <td> {% if project.version %}
+                  {% if project.version != 'none' %}
+                  <img src="https://img.shields.io/badge/Version-{{ project.version | replace: " ", "%20" | replace: "-", "--" }}-green.svg">
+                  {% endif%}
+                  {% else %}
+                  <img src="https://img.shields.io/github/v/release/{{ project.github }}?color=green">
+              {% endif %}</td>
+              <td> {% if project.license %}
+                   {% if project.license != 'none' %}
+                   <img src="https://img.shields.io/badge/License-{{ project.license | replace: " ", "%20" | replace: "-", "--" }}-green">
+                   {% endif%}
+                   {% else %}
+                   <img src="https://img.shields.io/github/license/{{ project.github }}">
+               {% endif %}</td>
+              <td> <img src="https://img.shields.io/github/stars/{{ project.github }}?style=social"></td>
+              <td> <img src="https://img.shields.io/github/forks/{{ project.github }}?style=social&label=Fork"> </td>
+              <td> <img src="https://img.shields.io/github/last-commit/{{ project.github }}?color=blue"> </td>
+              <td> <img src="https://img.shields.io/github/issues/{{ project.github }}"> </td>
+              {% else %}
+              <td> <h4><a href="{{ project.url }}">{{ project.name }}</a></h4> </td>
+              <td> {% if project.version %}
+                  <img src="https://img.shields.io/badge/Version-{{ project.version | replace: " ", "%20" | replace: "-", "--" }}-green.svg">
+                  {% endif %}
+              </td>
+              <td> {% if project.license %}
+                  <img src="https://img.shields.io/badge/License-{{ project.license | replace: " ", "%20" | replace: "-", "--" }}-green">
+                  {% endif %}
+              </td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
+              {% endif %}
+          </tr>
+          <tr><td colspan="7" class="light">
+              {{ project.description }}
+          </td></tr>
+          <tr><td colspan="7" class="light small">
+            <b>Tags: </b>{{ project.tags }}
+        </td></tr>
+          <tr><td colspan="7"></td></tr>
+          {% endfor %} 
+
+          </table>        
+
+      </div>
+
+    </div>
+  </section>
+
+  <section class="front-section shaded">
+    <div class="container">
+      <div class="col-wide">
+        <!-- <h2 id="faqs">FAQ</h2> -->
+
+        Want your project listed or see a problem? Submit an issue
+        <a href="https://github.com/fortran-lang/fortran-lang.github.io/issues">here</a>.
+
+    </div>
+  </section>
+

assets/css/main.css

@@ -49,6 +49,12 @@ h3 {
   /* color: #54a23d; */
 }
 
+/* Mark new-window links */
+a[target="_blank"]:after {
+  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
+  margin: 0 3px 0 5px;
+}
+
 blockquote {
   border-left: 5px solid #eeeeee;
   margin-left: 0;
@@ -85,6 +91,26 @@ pre {
   }
 }
 
+.container-flex{
+  margin: 0 15px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.col-flex {
+  /* display: table-cell; */
+  flex: 45%;
+  padding-left: 10px;
+  vertical-align: top;
+}
+
+@media screen and (max-width: 700px) {
+  .col-flex {
+    flex: 100%;
+    flex-direction: column; 
+  }
+}
+
 #navbar-logo {
     height: 3em;
 }
@@ -231,6 +257,30 @@ pre {
   width: 100%;
 }
 
+.search-btn {
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
+  background-color: #3c92d1;
+  color: #fff;
+  font-family: 'Lato', sans-serif;
+  border-radius: 4px;
+  padding: 5px 7px;
+}
+
+.search-btn:hover {
+  background-color: #3889c4;
+  color: white;
+}
+
+.search-box {
+  width: 85%;
+  padding: 5px 7px;
+  color: #777;
+  font-weight: bold;
+}
+
+
 footer .container {
   border-top: solid 1px #ececec;
   padding: 20px 0 50px;
@@ -292,4 +342,10 @@ footer a {
   padding-left: 10px;
   margin: 20px 0;
   background-color: #f9f2f4;
+}
+
+.projects-table td{
+
+  padding: 4px;
+
 }

explore/category/data-types.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Data types and containers
+description: Libraries for advanced data types and container classes
+code_category: data-types
+---
+

explore/category/examples.html

@@ -0,0 +1,8 @@
+---
+layout: code_category
+title: Examples and templates
+description: Demonstration codes and templates for Fortran
+code_category: examples
+permalink: /explore/category/examples
+---
+

explore/category/graphics.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Graphics, plotting and user interfaces
+description: Libraries for plotting data, handling images and generating user interfaces
+code_category: graphics
+---
+

explore/category/interfaces.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Interface libraries
+description: Libraries that interface with other systems languages, or devices
+code_category: interfaces
+---
+

explore/category/io.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: File input & output
+description: Libraries for reading and writing particular file formats
+code_category: io
+---
+

explore/category/libraries.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Libraries
+description: Fortran libraries for general programming tasks
+code_category: libraries
+---
+

explore/category/numerical.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Numerical projects
+description: Fortran libraries for linear algebra, optimization, root-finding etc.
+code_category: numerical
+---
+

explore/category/preview.html

@@ -0,0 +1,8 @@
+---
+layout: code_category
+title: Preview
+description: Preview project badges
+code_category: preview
+permalink: /explore/category/preview
+---
+

explore/category/programming.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Programming utilities
+description: Error handling, logging, documentation and testing
+code_category: programming
+---
+

explore/category/scientific.html

@@ -0,0 +1,8 @@
+---
+layout: code_category
+title: Scientific Codes
+description: Fortran libraries for applied mathematical and scientific problems
+code_category: scientific
+permalink: /explore/category/scientific
+---
+

explore/category/strings.html

@@ -0,0 +1,7 @@
+---
+layout: code_category
+title: Characters and strings
+description: Libraries for manipulating characters and strings
+code_category: strings
+---
+

explore/index.html

@@ -0,0 +1,91 @@
+---
+layout: default
+title: Explore Fortran Code
+description: 
+---
+
+{% include nav.html active='Home' %}
+
+<section class="masthead">
+  <h1>{{ page.title}}</h1>
+  <h3>A rich ecosystem of high-performance code</h3>
+</section>
+
+<section class="front-section shaded">
+    <div class="container">
+      <h2>Fortran-lang organisation projects</h2>
+
+      <div class="col-narrow">
+        <h3>Fortran Standard Library (stdlib)</h3>
+        <p>
+        A community-driven project for a <i>de facto</i> "standard" library for Fortran.
+        The stdlib project is both a specification and a reference implementation, developed in
+        cooperation with the Fortran Standards Committee.
+        Find out more on
+        <a href="https://github.com/fortran-lang/stdlib" target="_blank">GitHub</a>.
+        </p>
+        <img src="https://img.shields.io/github/stars/fortran-lang/stdlib?style=social">
+        <img src="https://img.shields.io/github/forks/fortran-lang/stdlib?style=social&label=Fork"> 
+        <img src="https://img.shields.io/github/last-commit/fortran-lang/stdlib?color=blue">
+        <img src="https://img.shields.io/github/issues/fortran-lang/stdlib">
+
+      </div>
+
+      <div class="col-narrow">
+        <h3>Fortran Package Manager (fpm)</h3>
+        <p>
+        A prototype project to develop a common build system for Fortran packages
+        and their dependencies.
+        Find out more on
+        <a href="https://github.com/fortran-lang/fpm" target="_blank">GitHub</a>.
+        </p>
+        <img src="https://img.shields.io/github/stars/fortran-lang/fpm?style=social">
+        <img src="https://img.shields.io/github/forks/fortran-lang/fpm?style=social&label=Fork"> 
+        <img src="https://img.shields.io/github/last-commit/fortran-lang/fpm?color=blue">
+        <img src="https://img.shields.io/github/issues/fortran-lang/fpm">
+      </div>
+
+    </div>
+  </section>
+
+<section class="front-section">
+  <div class="container">
+  <h1>Featured community projects</h1>
+
+  <form action="/explore/search" method="get">
+    <input type="text" name="query" class="search-box" placeholder="Search for a project">
+    <input type="submit" value="Search" class="search-btn">
+  </form>
+
+  <h2>Browse by category</h2>
+  <div class="container-flex">
+
+      {% for sitePage in site.pages %}
+
+      {% if sitePage.code_category %}
+      {% if sitePage.code_category != 'preview' %}
+      <div class="col-flex">
+          <a href="{{ sitePage.url }}" ><h3>{{ sitePage.title }}
+            {% assign catProjects =  site.data.curated_projects | where_exp:"project", "project.categories contains sitePage.code_category"%}
+            ({{ catProjects | size }})
+          </h3></a>
+          <p> {{ sitePage.description }} </p>
+        </div>
+      {% endif %}
+      {% endif %}
+
+      {% endfor%}
+    </div>
+    </div>
+</section>
+
+<section class="front-section shaded">
+  <div class="container">
+    <div class="col-wide">
+
+      Want your project listed or see a problem? Submit an issue
+        <a href="https://github.com/fortran-lang/fortran-lang.github.io/issues">here</a>.
+
+  </div>
+</section>
+

explore/projects_json.js

@@ -0,0 +1,17 @@
+---
+layout: null
+---
+
+projects = [
+      {% for project in site.data.curated_projects%}
+        {
+          "name": "{{ project.name }}",
+          "description": "{{ project.description }}",
+          "github": "{{ project.github }}",
+          "url": "{{ project.url }}",
+          "categories": "{{ project.categories }}",
+          "tags": "{{ project.tags }}",
+          "license": "{{ project.license }}"
+        },
+      {% endfor %}
+    ]