75 lines
No EOL
4 KiB
Text
75 lines
No EOL
4 KiB
Text
{% extends "base" %}
|
|
|
|
{% block content %}
|
|
{% if content.youtube %}
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/{{ content.youtube }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
|
{% endif %}
|
|
<div class="wave wave-top"></div>
|
|
<div id="challenge-content">
|
|
{% if content.japanese %}
|
|
<div lang="ja">
|
|
<script>
|
|
let kyujitai = false;
|
|
function kyujitaiToggle() {
|
|
document.querySelectorAll("[data-kyujitai]").forEach(segment => {
|
|
let newText = segment.getAttribute("data-kyujitai");
|
|
segment.setAttribute("data-kyujitai", segment.firstChild.data);
|
|
segment.firstChild.data = newText;
|
|
})
|
|
kyujitai = !kyujitai;
|
|
}
|
|
</script>
|
|
<a href="https://en.wikipedia.org/wiki/Ky%C5%ABjitai" target="_blank">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
|
|
<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm11.378-3.917c-.89-.777-2.366-.777-3.255 0a.75.75 0 0 1-.988-1.129c1.454-1.272 3.776-1.272 5.23 0 1.513 1.324 1.513 3.518 0 4.842a3.75 3.75 0 0 1-.837.552c-.676.328-1.028.774-1.028 1.152v.75a.75.75 0 0 1-1.5 0v-.75c0-1.279 1.06-2.107 1.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857 0-2.584ZM12 18a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
|
|
</svg>
|
|
</a>
|
|
<button onclick="kyujitaiToggle(); this.innerHTML = kyujitai ? '新字体' : '旧字体'">旧字体</button>
|
|
<button>
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3" />
|
|
</svg>
|
|
</button>
|
|
<br>
|
|
<br>
|
|
{% for line in content.japanese %}
|
|
{% for subline in line %}
|
|
<p>
|
|
{%- for word in subline -%}
|
|
{%- if word.dictionary -%}
|
|
<a href="{{ word.dictionary }}" target="_blank"{% if word.pos %} class="{{ word.pos }}" title="{{ word.pos }}"{% endif %}>
|
|
{%- endif -%}
|
|
{% for segment in word.text -%}
|
|
<ruby{% if segment.kyujitai %} data-kyujitai="{{ segment.kyujitai }}"{% endif %}>{{ segment.kanji }}<rp>(</rp><rt>{{ segment.furigana | safe }}</rt><rp>)</rp></ruby>
|
|
{%- endfor -%}
|
|
{%- if word.dictionary -%}
|
|
</a>
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
</p>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="wave wave-bottom"></div>
|
|
<div id="challenge-description">
|
|
{{ content.text | safe }}
|
|
{% if content.translation %}
|
|
<p>
|
|
Translation
|
|
{% if content.translation.author %}by {{ content.translation.author }}{% endif %}
|
|
{% if content.translation.site %} via
|
|
{% if content.translation.site.link %}
|
|
<a href="{{ content.translation.site.link }}" target="_blank">{{ content.translation.site.name }}</a>
|
|
{% else %}
|
|
{{ content.translation.site.name }}
|
|
{% endif %}
|
|
{%- endif -%}
|
|
</p>
|
|
{%- endif -%}
|
|
{%- if content.suggester -%}
|
|
<p><em>This challenge was suggested by <strong>{{ content.suggester }}</strong> using the <code>-h suggest</code> command.</code></em></p>
|
|
{%- endif -%}
|
|
</div>
|
|
{% endblock %} |