nopaque/web/app/templates/utils/macros.html.j2

{%- macro insert_page_content() -%}
<noscript>
  <div class="container">
    <div class="row">
      <div class="col s12">
        <div class="card red darken-1">
          <div class="card-content white-text">
            <span class="card-title">JavaScript is disabled</span>
            <p>You have JavaScript disabled. Nopaque uses javascript and sockets to send data in realtime to you. For example showing you the status of your jobs and your corpora. Please activate JavaScript to make full use of nopaque.</p>
            <p>Some services are still useable without Javascript.</p>
          </div>
          <div class="card-action">
            <a href="#">What services can I still use?</a>
            <a href="#">What services and functions are not available?</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</noscript>
{% block page_content %}{% endblock %}
{%- endmacro -%}

{%- macro insert_color_scheme(hex_color) -%}
<style>
  main button, main .btn, main .btn-floating {background-color: {{ hex_color }};}
  main .pagination li.active {background-color: {{ hex_color }};}
  main .table-of-contents a.active {border-color: {{ hex_color }};}
  main .tabs .tab a {color: inherit;}
  main .tabs .tab a:hover {color: {{ hex_color }};}
  main .tabs .tab a.active, .tabs .tab a:focus.active {
    color: {{ hex_color }};
    background-color: {{ hex_color }}28;
  }
  main .tabs .indicator {background-color: {{ hex_color }};}
</style>
{%- endmacro -%}