daml/docs/theme/da_theme_skeleton/boxes.html

<!-- Copyright (c) 2020 Digital Asset (Switzerland) GmbH and/or its affiliates. All rights reserved. -->
<!-- SPDX-License-Identifier: Apache-2.0 -->

{% macro safe_pathto(p) -%}
        {% if hasdoc(p) %}
                {{pathto(p)}}
        {% else %}
                {{warning("Path does not exist: " + p)}}
                #
        {% endif %}
{%- endmacro %}

<div class="boxes">
        <div class="box box1">
                <h3>Getting started</h3>
                <a href="{{ safe_pathto('getting-started/installation') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
        <div class="box box2">
                <h3>Writing DAML</h3>
                <a href="{{ safe_pathto('daml/reference/index') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
        <div class="box box3">
                <h3>Building applications</h3>
                <a href="{{ safe_pathto('app-dev/app-arch') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
        <div class="box box4">
                <h3>SDK tools</h3>
                <a href="{{ safe_pathto('tools/assistant') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
        <div class="box box5">
                <h3>Background concepts</h3>
                <a href="{{ safe_pathto('concepts/ledger-model/index') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
        <div class="box box6">
                <h3>Examples</h3>
                <a href="{{ safe_pathto('examples/examples') }}" class="btn">Go <img src="{{ pathto('_static/images/boxes/GoButtonArrow.svg', 1) }}"></a>
        </div>
</div>