{# Split into head() and body() so that callers can place each part in a valid position. Emitting the markup below directly would end early. #} {% macro head() %} {# The viewport meta lives in macros/head.html, so that pages which do not run browser detection get one too. #} {% endmacro %} {% macro svg(id, viewbox, content, class_name="small_icon", width=none, height=none, fill="currentColor") %} {% endmacro %} {% macro chrome_svg_content() %} {% endmacro %} {% macro download_svg_content() %} {% endmacro %} {% macro download_chrome_icon() %} {{ svg(id="download-chrome-icon", viewbox="0 0 108.89 63", content=download_svg_content() + chrome_svg_content()) }} {% endmacro %} {% macro link_svg_content() %} {% endmacro %} {% macro link_icon() %} {{ svg(id="link-icon", viewbox="0 0 16 16", content=link_svg_content()) }} {% endmacro %} {% macro copy_filled_svg_content() %} {% endmacro %} {% macro copy_filled_icon() %} {{ svg(id="copy-filled-icon", viewbox="0 0 61.12 61.12", content=copy_filled_svg_content()) }} {% endmacro %} {% macro copy_outline_svg_content() %} {% endmacro %} {% macro copy_outline_icon(width=15, height=15) %} {{ svg(id="copy-outline-icon", viewbox="0 0 115.77 122.88", content=copy_outline_svg_content(), class_name="", width=width, height=height) }} {% endmacro %} {% macro checkmark_svg_content() %} {% endmacro %} {% macro checkmark_icon() %} {{ svg(id="checkmark-icon", viewbox="0 0 52 52", content=checkmark_svg_content(), class_name="checkmark") }} {% endmacro %} {% macro cursor_svg_content() %} {% endmacro %} {% macro open_chrome_icon() %} {{ svg(id="open-chrome-icon", viewbox="0 0 77.51 63", content=chrome_svg_content() + cursor_svg_content()) }} {% endmacro %} {% macro incognito_svg_content() %} {% endmacro %} {% macro incognito_icon() %} {{ svg(id="incognito-icon", viewbox="0 0 61.12 61.12", content=incognito_svg_content()) }} {% endmacro %} {% macro paste_filled_svg_content() %} {% endmacro %} {% macro paste_filled_icon() %} {{ svg(id="paste-filled-icon", viewbox="0 0 61.12 61.12", content=paste_filled_svg_content()) }} {% endmacro %} {% macro body() %}

{{ pgettext('browser_compatibility', 'This site requires JavaScript to function properly.') }} {{ pgettext('browser_compatibility', 'Please enable JavaScript in your browser.') }} {{ pgettext('browser_compatibility', 'Follow the steps below to make sure the experiment works.') }}

{{ download_chrome_icon() }} {{ pgettext("browser_compatibility", "Install the latest version of Google Chrome on your computer") }} {{ pgettext("browser_compatibility", "Click here") }} {{ link_icon() }}

{{ copy_filled_icon() }} {{ pgettext("browser_compatibility", "Copy the current URL to the clipboard:") }} {{ request.url }}

{{ incognito_icon() }} {{ pgettext("browser_compatibility", "Open a new incognito window") }}

{{ pgettext("browser_compatibility", "Open a new incognito window with the following keyboard shortcuts:") }}
{{ pgettext("browser_compatibility", "On Windows, Linux, or Chrome OS: Press") }} Strg + Shift + n.
{{ pgettext("browser_compatibility", "On Mac: Press") }} ⌘ + Shift + n.

{{ paste_filled_icon() }} {{ pgettext("browser_compatibility", "Paste the link into the incognito window to start the experiment") }}

{% endmacro %}