<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NCSTOX</title> {% block stylesheets %} {{ encore_entry_link_tags('app') }} {% endblock %} {% block javascripts %} {{ encore_entry_script_tags('app') }} {{ encore_entry_script_tags('carbon') }} <!-- Renders app.js & a webpack runtime.js file <script src="/build/runtime.js" defer></script> <script src="/build/app.js" defer></script> See note below about the "defer" attribute --> {% endblock %}</head><body> <bx-header aria-label="IBM Platform Name"> <bx-header-name href="{{ path('app_default') }}" prefix="NCSTOX"></bx-header-name> {% if app.user %} <bx-header-nav menu-bar-label="IBM [Platform]"> <bx-header-nav-item href="{{ path('app_default') }}">Substance search</bx-header-nav-item> <bx-header-nav-item href="{{ path('app_toxicity_search') }}">Toxicity search</bx-header-nav-item> <bx-header-nav-item href="{{ path('app_prediction_index') }}">Prediction tool</bx-header-nav-item> <bx-header-nav-item href="{{ path('app_formulation_index') }}">Formulation tool</bx-header-nav-item> </bx-header-nav> <bx-header-nav style="display: flex;margin-left: auto;"> <bx-header-nav-item> <bx-link href="/logout"> <svg style="fill:red;width:24px;height:24px;" id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>logout</title><path d="M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"/><polygon points="20.586 20.586 24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/></svg> </bx-link> </bx-header-nav-item> </bx-header-nav> {% endif %} </bx-header> <main class="bx--grid"> {% block content %} {% endblock %} </main> {% block modal %} {% endblock modal %}</body></html>