Commit 9f9b6e35 authored by Goutte's avatar Goutte

Add flags in the top right corners of the columns in the polyglot view.

Perhaps we'll remove this eventually.
Still, for now, it kinda fills the blanks.
parent cbf2a0e3
Pipeline #60 passed with stage
in 44 seconds
...@@ -7,6 +7,19 @@ ...@@ -7,6 +7,19 @@
{% block stylesheets %} {% block stylesheets %}
<style>
.language-banner {
position: absolute;
mask-repeat: no-repeat;
{#mask-image: url("/{{ grav.locator.findResource('plugin://m3-p2/flags/mask.png', false) }}") ;#}
right: 0.333em;
opacity: 0.42;
}
.claude-column {
position: relative;
padding-top: 0 !important;
}
</style>
{% do assets.addCss('theme://css/columns.css') %} {% do assets.addCss('theme://css/columns.css') %}
{{ parent() }} {{ parent() }}
{% endblock %} {% endblock %}
...@@ -22,6 +35,9 @@ ...@@ -22,6 +35,9 @@
<div class="claude-columns"> <div class="claude-columns">
{% for column in target_page | translations %} {% for column in target_page | translations %}
<section id="{{ column.slug }}" class="claude-column syncscroll" data-name="language"> <section id="{{ column.slug }}" class="claude-column syncscroll" data-name="language">
<div class="language-banner">
<img alt="{{ column.language|capitalize }}" src="{{ path_flags ~ column.language }}.png" />
</div>
{{ column.content | raw }} {{ column.content | raw }}
{#{% include 'partials/contributions-incentive.html.twig' with {page: column} %}#} {#{% include 'partials/contributions-incentive.html.twig' with {page: column} %}#}
</section> </section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment