Reactive Graph - Design System

Footer 

<footer class="rg-footer">
    <nav class="rg-footer-content">
        <section class="rg-footer-section rg-footer-primary-logo">
            <h4 class="rg-footer-heading">
                <a href="https://reactive-graph.io/">
                    <img src="../../logo/full/reactive-graph-full-black-white.svg" alt="Reactive Graph" />
                </a>
            </h4>
        </section>
        <section class="rg-footer-section">
            <h5 class="rg-footer-heading">
                Reactive Graph
            </h5>
            <ul class="rg-footer-list">
                <li>
                    <a href="https://reactive-graph.io/">reactive-graph.io</a>
                </li>
                <li>
                    <a href="https://reactive-graph.io/releases/">Download</a>
                </li>
            </ul>
        </section>
        <section class="rg-footer-section">
            <h5 class="rg-footer-heading">
                Development
            </h5>
            <ul class="rg-footer-list">
                <li>
                    <a href="https://github.com/reactive-graph/reactive-graph">GitHub</a>
                </li>
                <li>
                    <a href="https://docs.reactive-graph.io/">API Documentation</a>
                </li>
                <li>
                    <a href="https://docs.reactive-graph.io/">Reference Documentation</a>
                </li>
            </ul>
        </section>
        <section class="rg-footer-section">
            <h5 class="rg-footer-heading">
                Inexor Game
            </h5>
            <ul class="rg-footer-list">
                <li>
                    <a href="https://inexor.org">inexor.org</a>
                </li>
                <li>
                    <a href="https://github.com/inexorgame/inexor-rgf-plugins-game">Inexor Game on GitHub</a>
                </li>
            </ul>
        </section>
        <section class="rg-footer-section">
            <h5 class="rg-footer-heading">
                Graph CMS
            </h5>
            <ul class="rg-footer-list">
                <li>
                    <a href="https://graph-cms.io/">graph-cms.io</a>
                </li>
                <li>
                    <a href="https://github.com/graph-cms/graph-cms">Graph CMS on GitHub</a>
                </li>
            </ul>
        </section>
        <section class="rg-footer-section">
            <h5 class="rg-footer-heading">
                Smearor
            </h5>
            <ul class="rg-footer-list">
                <li>
                    <a href="https://smearor.io/">smearor.io</a>
                </li>
                <li>
                    <a href="https://github.com/smearor/smearor">Smearor onGitHub</a>
                </li>
            </ul>
        </section>
    </nav>
</footer>
 
<footer class="rg-footer">
  <nav class="rg-footer-content">
    <section class="rg-footer-section rg-footer-primary-logo">
      <h4 class="rg-footer-heading">
        <a href="https://reactive-graph.io/">
          <img src="{{ path '/logo/full/reactive-graph-full-black-white.svg' }}" alt="Reactive Graph"/>
        </a>
      </h4>
    </section>
    {{#each topics}}
      <section class="rg-footer-section">
        <h5 class="rg-footer-heading">
          {{this.topic}}
        </h5>
        <ul class="rg-footer-list">
          {{#each this.links}}
            <li>
              <a href="{{this.url}}">{{this.title}}</a>
            </li>
          {{/each}}
        </ul>
      </section>
    {{/each}}
  </nav>
</footer>
 
{
  "topics": [
    {
      "topic": "Reactive Graph",
      "links": [
        {
          "title": "reactive-graph.io",
          "url": "https://reactive-graph.io/"
        },
        {
          "title": "Download",
          "url": "https://reactive-graph.io/releases/"
        }
      ]
    },
    {
      "topic": "Development",
      "links": [
        {
          "title": "GitHub",
          "url": "https://github.com/reactive-graph/reactive-graph"
        },
        {
          "title": "API Documentation",
          "url": "https://docs.reactive-graph.io/"
        },
        {
          "title": "Reference Documentation",
          "url": "https://docs.reactive-graph.io/"
        }
      ]
    },
    {
      "topic": "Inexor Game",
      "links": [
        {
          "title": "inexor.org",
          "url": "https://inexor.org"
        },
        {
          "title": "Inexor Game on GitHub",
          "url": "https://github.com/inexorgame/inexor-rgf-plugins-game"
        }
      ]
    },
    {
      "topic": "Graph CMS",
      "links": [
        {
          "title": "graph-cms.io",
          "url": "https://graph-cms.io/"
        },
        {
          "title": "Graph CMS on GitHub",
          "url": "https://github.com/graph-cms/graph-cms"
        }
      ]
    },
    {
      "topic": "Smearor",
      "links": [
        {
          "title": "smearor.io",
          "url": "https://smearor.io/"
        },
        {
          "title": "Smearor onGitHub",
          "url": "https://github.com/smearor/smearor"
        }
      ]
    }
  ]
}

No notes defined.