sgam.md

layout
minimal

<style> #domains, #zones, .project-sgam { display: grid; grid-template-columns: repeat(5, 200px); grid-template-rows: repeat(5, 50px); grid-column-gap: 2px; grid-row-gap: 2px; width: 1000px; & div { display: inline-grid; background: white; font-family: "Roboto Slab" } & div img { margin: auto; height: 40px; padding: 5px; } & div[id]:nth-child(3n) { background: #008F6522; } & div[id]:nth-child(3n+1) { background: #3a56e922; } & div[id]:nth-child(3n+2) { background: #ff5d4722; } } .project-sgam { grid-template-columns: repeat(6, 166px); grid-template-rows: repeat(6, 50px); & div:last-child { background: #EEEEEE !important; } } </style>

{% assign domains = "Generation,Transmission,Distribution,DER,Customer Premises" | split: "," %}

{% for domain in domains %}

{{ domain}}

{% endfor %} {% for project in site.data.projects %} {% assign grid-column-start = 5 %} {% assign grid-column-end = 1 %} {% for domain in domains %} {% if project['Categories'] contains domain %} {% if forloop.index < grid-column-start %} {% assign grid-column-start = forloop.index %} {% endif %} {% if forloop.index > grid-column-end %} {% assign grid-column-end = forloop.index %} {% endif %} {% endif %} {% endfor %}

{% endfor %}

---

{% assign zones = "Field,Station,Operation,Enterprise,Market" | split: "," %} {% for zone in zones %}

{{ zone }}

{% endfor %} {% for project in site.data.projects %} {% assign grid-column-start = 5 %} {% assign grid-column-end = 1 %} {% for zone in zones %} {% if project['Categories'] contains zone %} {% if forloop.index < grid-column-start %} {% assign grid-column-start = forloop.index %} {% endif %} {% if forloop.index > grid-column-end %} {% assign grid-column-end = forloop.index %} {% endif %} {% endif %} {% endfor %}

{% endfor %}

{% for project in site.data.projects %}

---

{% for domain in domains %}

{{ domain}}

{% endfor %} {% for zone in zones %}

{{ zone }}

{% endfor %} {% assign grid-column-start = 5 %} {% assign grid-column-end = 1 %} {% for domain in domains %} {% if project['Categories'] contains domain %} {% if forloop.index < grid-column-start %} {% assign grid-column-start = forloop.index %} {% endif %} {% if forloop.index > grid-column-end %} {% assign grid-column-end = forloop.index %} {% endif %} {% endif %} {% endfor %} {% assign grid-row-start = 5 %} {% assign grid-row-end = 1 %} {% for zone in zones %} {% if project['Categories'] contains zone %} {% if forloop.index < grid-row-start %} {% assign grid-row-start = forloop.index %} {% endif %} {% if forloop.index > grid-row-end %} {% assign grid-row-end = forloop.index %} {% endif %} {% endif %} {% endfor %}

{% endfor %}