Spaces:
Building
Building
Update src/templates/result.html
Browse files- src/templates/result.html +30 -1
src/templates/result.html
CHANGED
@@ -14,6 +14,16 @@
|
|
14 |
backdrop-filter: blur(10px);
|
15 |
background-color: rgba(255, 255, 255, 0.9);
|
16 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
17 |
</style>
|
18 |
</head>
|
19 |
<body class="gradient-background min-h-screen pb-16">
|
@@ -41,7 +51,26 @@
|
|
41 |
</div>
|
42 |
<div class="p-4 bg-white/50 rounded-lg">
|
43 |
<h3 class="font-medium text-gray-700 mb-2">Sign Language Gloss / 수화 표기</h3>
|
44 |
-
<p class="text-lg">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
45 |
</div>
|
46 |
</div>
|
47 |
|
|
|
14 |
backdrop-filter: blur(10px);
|
15 |
background-color: rgba(255, 255, 255, 0.9);
|
16 |
}
|
17 |
+
.fingerspell-marker {
|
18 |
+
color: #2563eb;
|
19 |
+
font-weight: 500;
|
20 |
+
font-style: italic;
|
21 |
+
}
|
22 |
+
.fingerspell-text {
|
23 |
+
color: #1d4ed8;
|
24 |
+
font-weight: bold;
|
25 |
+
letter-spacing: 0.05em;
|
26 |
+
}
|
27 |
</style>
|
28 |
</head>
|
29 |
<body class="gradient-background min-h-screen pb-16">
|
|
|
51 |
</div>
|
52 |
<div class="p-4 bg-white/50 rounded-lg">
|
53 |
<h3 class="font-medium text-gray-700 mb-2">Sign Language Gloss / 수화 표기</h3>
|
54 |
+
<p class="text-lg">
|
55 |
+
{% set words = gloss_sentence_after_synonym.split() %}
|
56 |
+
{% set in_fingerspell = false %}
|
57 |
+
{% for word in words %}
|
58 |
+
{% if word == 'FINGERSPELL-START' %}
|
59 |
+
{% set in_fingerspell = true %}
|
60 |
+
<span class="fingerspell-marker">[지문자 시작]</span>
|
61 |
+
{% elif word == 'FINGERSPELL-END' %}
|
62 |
+
{% set in_fingerspell = false %}
|
63 |
+
<span class="fingerspell-marker">[지문자 끝]</span>
|
64 |
+
{% else %}
|
65 |
+
{% if in_fingerspell %}
|
66 |
+
<span class="fingerspell-text">{{ word }}</span>
|
67 |
+
{% else %}
|
68 |
+
{{ word }}
|
69 |
+
{% endif %}
|
70 |
+
{% endif %}
|
71 |
+
{{ ' ' }}
|
72 |
+
{% endfor %}
|
73 |
+
</p>
|
74 |
</div>
|
75 |
</div>
|
76 |
|