Emoji/image mutual exclusion, font size increases, layout

- Emoji and image are now mutually exclusive: emoji shown if present,
  image used as fallback ({{^Emoji}}{{#Image}}...{{/Image}}{{/Emoji}})
- Emoji shown on English card front (under meaning) — both card directions
- Emoji appears directly under meaning on backs, before secondary info
- sec-label: 16px → 20px; root-info/example: 16px → 18px; related-group: 15px → 18px
- hebrew-sm font-weight:normal (prep label no longer inherits bold)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sochen 2026-03-05 20:51:20 +00:00
parent 0e4b041331
commit 62c92ffae0

View file

@ -125,13 +125,13 @@ CARD_CSS = """
margin: 8px 0;
}
.root-info {
font-size: 16px;
font-size: 18px;
color: #555;
margin-top: 6px;
direction: rtl;
}
.example {
font-size: 16px;
font-size: 18px;
color: #444;
direction: rtl;
text-align: right;
@ -157,7 +157,7 @@ CARD_CSS = """
color: #555;
}
.sec-label {
font-size: 16px;
font-size: 20px;
color: #555;
direction: rtl;
text-align: center;
@ -167,7 +167,7 @@ CARD_CSS = """
direction: rtl;
text-align: right;
margin: 2px 0;
font-size: 15px;
font-size: 18px;
}
.emoji-img {
font-size: 3.5em;
@ -201,14 +201,14 @@ VOCAB_BACK_HEB = """
{{FrontSide}}
<div class="divider"></div>
<div class="meaning">{{Meaning}}</div>
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
{{#Root}}<div class="sec-label">שורש: {{Root}}</div>{{/Root}}
{{#PoS}}<div class="sec-label">חלק דיבור: {{PoS}}</div>{{/PoS}}
{{#SharedRoots}}
<div class="sec-label">מילים קשורות:</div>
<div class="root-info">{{SharedRoots}}</div>
{{/SharedRoots}}
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}
{{#Example}}
<div class="example">{{Example}}</div>
{{/Example}}
@ -218,6 +218,7 @@ VOCAB_BACK_HEB = """
VOCAB_FRONT_ENG = """
<div class="meaning">{{Meaning}}</div>
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
"""
VOCAB_BACK_ENG = """
@ -229,7 +230,7 @@ VOCAB_BACK_ENG = """
{{#Root}}<div class="sec-label">שורש: {{Root}}</div>{{/Root}}
{{#PoS}}<div class="sec-label">חלק דיבור: {{PoS}}</div>{{/PoS}}
{{#Emoji}}<div class="emoji-img">{{Emoji}}</div>{{/Emoji}}
{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}
{{^Emoji}}{{#Image}}<div><img src="{{Image}}" style="max-height:150px;margin-top:8px;"></div>{{/Image}}{{/Emoji}}
{{#Example}}
<div class="example">{{Example}}</div>
{{/Example}}