Iosevka/utility/generate-snapshot-page/templates/partial/cv-sample.ejs
Belleve Invis 4f286a42f8 * Refine the width of A and V.
* Changed the layout of character variants sample image for better clarity.
2020-05-21 19:22:23 -07:00

36 lines
1.4 KiB
Text

<section id="charvars" class="opentype char-vars">
<div class="hr">Character Variants</div>
<ol class="narrow">
<%_ for(const group of cvData) { _%>
<li>
<div class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
<%_ if(group.ligatureSampler) { _%>
<%_ for(const text of group.descSampleText) { _%>
<div class="sample"><%= text %></div>
<%_ } _%>
<%_ } else { _%>
<div class="sample"><%= group.descSampleText[0] %></div>
<%_ } _%>
<div class="triangle">▶</div>
</div>
<ol class="group">
<%_ for(const config of group.configs) { _%>
<li class="desc-group <%= group.ligatureSampler ? 'ligature' : 'char' %>">
<div class="label tag"><%= config.tag || config.tagItalic %></div>
<%_ if(group.ligatureSampler) { _%>
<%_ for(const text of group.descSampleText) { _%>
<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= text %></div>
<%_ } _%>
<%_ } else { _%>
<%_ if(config.tag) { _%>
<div class="sample" style="font-feature-settings:'<%= config.tag %>'"><%= group.descSampleText[0] %></div>
<%_ } else if(config.tagItalic) { _%>
<div class="sample italic" style="font-feature-settings:'<%= config.tagItalic %>'"><%= group.descSampleText[0] %></div>
<%_ } _%>
<%_ } _%>
</li>
<%_ } _%>
</ol></li>
<%_ } _%>
</ol>
</section>