templates/List/index.html.twig line 1

{% extends 'layout_admin.html.twig' %}

{% block title %}{{ 'app.list.title'|trans }}!{% endblock %}
{% block body %}
    <div class="text-center white" style="background: url('{{ asset('assets/img/bg-bleu-vague.jpg') }}') #0061b7 top center no-repeat;padding: 50px 0;">
        <h1>{{ 'app.list.title'|trans }}</h1>
    </div>
    <div class="container">
        <h2>{{ 'app.list.oxygen.title'|trans }}</h2>
        <ul class="list-square">
        {% if app.request.locale == "fr" %}
            <li>
                <a target="_blank" href="{{ asset('pdf/fr/manuel-instructions-premium-plus-rev-b-0621.pdf') }}">
                    {{ 'app.list.oxygen.list1'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/fr/manuel-instructions-premium-rev-d-0621.pdf') }}">
                    {{ 'app.list.oxygen.list2'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/fr/instruction-manual-orlane-revc-0621.pdf') }}">
                    {{ 'app.list.oxygen.list3'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/fr/manuel-utilisation-modulo2-tx-fr-reva-0321.pdf') }}">
                    {{ 'app.list.oxygen.list4'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/fr/manuel-utilisation-modulo2-tx-intergre-armoire-reva-0421.pdf') }}">
                    {{ 'app.list.oxygen.list5'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-premium-rev-1-1022.pdf') }}">
                    {{ 'app.list.oxygen.list6'|trans }}
                </a>
            </li>
        {% elseif app.request.locale == "en" %}
            <li>
                <a target="_blank" href="{{ asset('pdf/en/intruction-manual-premium-plus-rev-b-0621.pdf') }}">
                    {{ 'app.list.oxygen.list1'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-premium-rev-d-0621.pdf') }}">
                    {{ 'app.list.oxygen.list2'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-orlane-revc-0621.pdf') }}">
                    {{ 'app.list.oxygen.list3'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-modulo2-tx-en-revd-0321.pdf') }}">
                    {{ 'app.list.oxygen.list4'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-premium-rev-1-1022.pdf') }}">
                    {{ 'app.list.oxygen.list6'|trans }}
                </a>
            </li>
        {% elseif app.request.locale == "es" %}
            <li>
                <a target="_blank" href="{{ asset('pdf/en/intruction-manual-premium-plus-rev-b-0621.pdf') }}">
                    {{ 'app.list.oxygen.list1'|trans }} - en
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/es/manual-de-instrucciones-premium-rev-d-0621.pdf') }}">
                    {{ 'app.list.oxygen.list2'|trans }}
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-orlane-revc-0621.pdf') }}">
                    {{ 'app.list.oxygen.list3'|trans }} - en
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-modulo2-tx-en-revd-0321.pdf') }}">
                    {{ 'app.list.oxygen.list4'|trans }} - en
                </a>
            </li>
            <li>
                <a target="_blank" href="{{ asset('pdf/en/instruction-manual-premium-rev-1-1022.pdf') }}">
                    {{ 'app.list.oxygen.list6'|trans }}
                </a>
            </li>
        {% endif %}
        </ul>

{#        <h2>Générateurs d'oxygène</h2>#}
{#        <ul class="list-square">#}
{#            <li>#}
{#                <a href="#">Générateur machin bidule</a>#}
{#            </li>#}
{#            <li>#}
{#                <a href="#">Générateur machin bidule 2</a>#}
{#            </li>#}
{#            <li>#}
{#                <a href="#">Générateur machin bidule 3</a>#}
{#            </li>#}
{#        </ul>#}
    </div>
{% endblock %}

{% block header %}
    {% include 'Layout/_header.html.twig' %}
{% endblock %}

{% block stylesheets %}
<style>
    .white h1 {
        color: white;
    }
    .list-square {
        list-style-type: none;
        /*list-style-type: square;*/
    }
    .list-square a {
        color: #333333;
    }
    .list-square li::before {
        content: "■";
        color: #0079c4;
        font-size: 16px;
        margin-left: -25px;
        margin-right: 10px;
    }
</style>
{% endblock %}