Hugging Face's logo

Spaces:
crossroderick
/
dalat5
Sleeping

App Files Community
1
dalat5
File size: 4,471 Bytes 
02b7cd5
 
 
 
 
 
 
 
 
 
 
 
 
4f9dbf3
02b7cd5
 
be0f011
02b7cd5
 
 
 
62d7088
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02b7cd5
62d7088
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02b7cd5
512ac41
 
fb5e317
f4f3e14
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
import gradio as gr
from transformers import pipeline


# Load model once
model = pipeline("text2text-generation", model = "crossroderick/dalat5")


def transliterate(text: str) -> str:
    """
    Prediction function.
    """
    if text.strip() == "":
        return ""
    
    input_text = f"Cyrillic2Latin: {text.strip()}"
    output = model(input_text, max_length = 128, do_sample = False)[0]["generated_text"]
    
    return output.strip()


# Custom HTML for flip card
flip_card_html = """
<h3>Қазақша кириллица → латын графикасының транслитераторы / Kazakh Cyrillic → Latin Script Transliterator</h3>

<hr>
<br><br>

<div class="flip-card">
    <div class="flip-card-inner">
        <div class="flip-card-front">
            <h3>Қазақша (KZ)</h3>
            <p><strong>DalaT5</strong> - **кириллицада** жазылған табиғи қазақ тілін еркін **латын графикасына** ауыстыру үшін дайындалған T5 негізіндегі модель, Қазақстанның 2021 жылғы ресми әліпби реформасына негізделген.<br><br>

            Бұл модель құрмет пен қызығушылықтың мәдени қимылы ретінде ұсынылады. Ол қазіргі қазақ тілін бүгінгі адамдар қалай жазады, солай қабылдайды - және оның болашағының тілінде жауап береді.</p>
        </div>
        <div class="flip-card-back">
            <h3>English (EN)</h3>
            <p><strong>DalaT5</strong> is a T5-based model trained to convert natural Kazakh written in **Cyrillic** into fluent **Latin script**, based on the official 2021 alphabet reform of Kazakhstan.<br><br>

            This model is offered as a cultural gesture of respect and curiosity. It accepts modern Kazakh as people write it today - and answers in the language of its future.</p>
        </div>
    </div>
</div>

<br>

<div style="text-align: center; font-size: 1rem;">
<p>🧠 <a href="https://huggingface.co/crossroderick/dalat5" target="_blank">Model page</a><br>
   🔤 <a href="https://astanatimes.com/2021/02/kazakhstan-presents-new-latin-alphabet-plans-gradual-transition-through-2031/" target="_blank">Kazakhstan 2021 alphabet reform</a></p>

<br>

<p>Егер сіз үлес қосқыңыз, бірлесіп жұмыс жасағыңыз немесе жай ғана пікір бөліскіңіз келсе – байланысыңыз / If you'd like to contribute, collaborate, or just share feedback – feel free to connect with <a href="https://www.linkedin.com/in/rpereiracruz/" target="_blank">Rodrigo Pereira Cruz</a>. 🇧🇷🇰🇿</p>
</div>
"""

# Custom CSS for flip card
flip_card_css = """
.flip-card {
  background-color: transparent;
  width: 100%;
  max-width: 450px;
  height: 250px;
  perspective: 1000px;
  margin: 0 auto 2rem auto;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 15px;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-color: #fefefe;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flip-card-front {
  background-color: #f0f8ff;
}

.flip-card-back {
  background-color: #e6f7ff;
  transform: rotateY(180deg);
}
"""

# Interface
with gr.Blocks(css = flip_card_css) as demo:
    gr.HTML(flip_card_html)
    gr.Markdown("---")
    gr.Interface(
        fn=transliterate,
        inputs=gr.Textbox(
            label = "Қазақ тілінде теріңіз (кириллица) / Type in Kazakh (Cyrillic script)",
            placeholder = "Мен қазақ тілінде сөйлеймін.",
            lines = 6
        ),
        outputs = gr.Textbox(
            label = "Латын графикасының шығуы / Latin script output",
        ),

        title = "🇰🇿 DalaT5",
        theme = "default",
        flagging_mode = "never"
    ).render()


if __name__ == "__main__":
    demo.queue(default_concurrency_limit = 2)
    demo.launch()