{#
  You can choose which icon the announcement is garnished
  with by uncommenting (i.e. changing the delimiters from
  a comment (#) to a statement (%)) a line below. Only a
  single line can be uncommented at a time.
#}
{# import ".icons/material/coffee.svg" as icon #}
{# import ".icons/material/chat.svg" as icon #}
{# import ".icons/material/information.svg" as icon #}
{# import ".icons/material/alert.svg" as icon #}
{# import ".icons/material/wrench.svg" as icon #}
{# import ".icons/material/rocket-launch.svg" as icon #}
{# import ".icons/material/test-tube.svg" as icon #}
{# import ".icons/material/beaker.svg" as icon #}
{# import ".icons/material/dna.svg" as icon #}
{# import ".icons/material/atom.svg" as icon #}
{# import ".icons/material/telescope.svg" as icon #}
{# import ".icons/material/fire.svg" as icon #}
{% import ".icons/material/web.svg" as icon %}
<div class="announcement-icon">{{ icon }}</div>
{# Put the announcement, in HTML, right under this comment! #}
<p>
Docs CSC now features an automatic Finnish translation. <a href="{{ base_url ~ '/support/translation/' }}">Click here for more information</a>.
</p>
{# ...and right above _this_ comment. #}
<div class="announcement-icon announcement-icon-end">{{ icon }}</div>
{#
  Remember
    - to not use the literal 'docs.csc.fi' for internal links,
      - use href="{{ base_url ~ '/absolute/path/to/page/' }}" instead
        (yes, do include both the double and the single quotes)
      - this is a page template fragment rendered on every page, so
        relative (or Markdown) links don't work
    - to set the announcement_visible to true in mkdocs.yml
    - that the announcement bar has only been tested with <p> and <a>
    - to include a target="_blank" attribute in external links
    - to not have loose text outside of a <p> (or an <a>)
#}