consts.py

CSS = """

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;700&family=Noto+Naskh+Arabic:wght@400;700&display=swap');

#taatik textarea { 
    font-size: 25px;
    font-family: 'Noto Sans Hebrew', 'Noto Naskh Arabic', 'SBL Hebrew', 'David CLM', 'FrankRuehl CLM', 'Narkisim', 'Arial', 'Arial Unicode MS', sans-serif;
}

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('https://fonts.gstatic.com/s/notosanshebrew/v40/or3HQ7v33eiDlKj4557q0OGCZa662.woff2') format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
    font-family: 'Noto Naskh Arabic';
    src: url('https://fonts.gstatic.com/s/notonaskharabic/v30/RrQ5bpV-9Dd1b1OAGA6M9PkyDuVBePeKNaxcsss0Y7bwvc5Urqjc.woff2') format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root { direction: rtl; }
#liter textarea, #trans textarea { font-size: 25px;}
#grp { padding: 10px; }
#trans textarea { direction: rtl; }
#taatik { direction: rtl; }
#about { direction: rtl; }
#tab1 { direction: rtl; }
#tab2 { direction: rtl; }
#footer { direction: rtl; }
#input {direction: rtl;}
#diac_input {direction: rtl;}
#diacritized { direction: rtl; }
#diacritized2 { direction: rtl; }
#taatik2 { direction: rtl; }
#diacritized textarea { font-size: 25px;}
#diacritized2 textarea { font-size: 25px;}
#taatik2 textarea { font-size: 25px;}
#input textarea { font-size: 20px;}
#diac_input textarea { font-size: 20px;}
#check { border-style: none !important; }
#nearest { font-family: 'SBL Hebrew', 'David CLM', 'FrankRuehl CLM', 'Narkisim', 'Arial'; }
:root {--button-secondary-background-focus: #2563eb !important;
       --button-secondary-background-base: #2563eb !important;
       --button-secondary-background-hover: linear-gradient(to bottom right, #0692e8, #5859c2);
       --button-secondary-text-color-base: white !important;
       --button-secondary-text-color-hover: white !important;
       --button-secondary-background-focus: rgb(51 122 216 / 70%) !important;
       --button-secondary-text-color-focus: white !important}
.dark {--button-secondary-background-base: #2563eb !important;
       --button-secondary-background-focus: rgb(51 122 216 / 70%) !important;
       --button-secondary-background-hover: linear-gradient(to bottom right, #0692e8, #5859c2)}
.feather-music { stroke: #2563eb; }

.dataframe {
    font-family: 'Arial', 'Helvetica', sans-serif !important;
}
.dataframe th, .dataframe td {
    font-family: inherit !important;

}

.gradio-container .dataframe {
    font-family: Arial, sans-serif !important;

}

/* Target the table header cells */
.table th .cell-wrap {
    text-align: right !important;
}

/* Target the span inside the header cells */
.table th .cell-wrap span {
    text-align: right !important;
    display: block;
    font-family: Arial, sans-serif !important;
}

/* Ensure the sort button doesn't interfere with alignment */
.table th .cell-wrap .sort-button {
    float: left;
}

/* Target the table body cells */
.table td {
    text-align: right !important;
}

/* Target the span inside the body cells */
.table td .cell-wrap span {
    text-align: right !important;
    display: block;
    font-family: Arial, sans-serif !important;
    font-size: 20px;
}

"""

ABOUT = """
כלי זה נוצר על ידי גיא מור-לן כחלק מפרויקט Levanti. הכלי מתרגם טקסט בעברית לדיאלקטים השונים של ערבית מדוברת, ולהפך, באמצעות מודלים יעודיים של בינה מלאכותית. כמו כן הכלי תומך בניקוד אוטומטי, המרה של הניקוד לתעתוק והפקת שמע (פיצ'רים ניסיוניים). לפרטים נוספים, גישה לדאטה ולמודלים, ולגרסה האנגלית של כלי ראו את [דף הפרויקט בהאגינג פייס](https://huggingface.co/datasets/guymorlan/levanti).
מעוניינים לתרום לפרויקט? מצאתם טעות? מוזמנים ליצור קשר [כאן](mailto:guy.mor@mail.huji.ac.il). מוזמנים לבדוק גם את אתר האחות [סרטונים בערבית](https://videosinarabic.com/).
"""

JS_FUNC = """
function refresh() {
    const url = new URL(window.location);

    if (url.searchParams.get('__theme') !== 'dark') {
        url.searchParams.set('__theme', 'dark');
        window.location.href = url.href;
    }
}
"""