Commit 955ff3cb authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

ajout Phonographe mandarin !

parent 93d4824a
......@@ -74,6 +74,7 @@ var phon2api = {
"phon_l_retr":"ɭ",
"phon_m":"m",
"phon_m_maj":"ɯ",
"phon_m_maj7":"ɯɤ",
"phon_m_maj_slash":"ɰ",
"phon_n":"n",
"phon_n_maj":"ŋ",
......@@ -103,6 +104,7 @@ var phon2api = {
"phon_r_retr":"ɽ",
"phon_r_slash":"ɹ",
"phon_r_slash_retr":"ɻ",
"phon_rho":"r",
"phon_s":"s",
"phon_s_chev2":"",
"phon_s_maj":"ʃ",
......@@ -123,6 +125,7 @@ var phon2api = {
"phon_v_maj":"ʌ",
"phon_w":"w",
"phon_w_maj":"ʍ",
"phon_wo":"wo",
"phon_x":"x",
"phon_x_chev2":"",
"phon_x_maj":"χ",
......@@ -146,13 +149,9 @@ var phon2api = {
"phon_arobasem":"əm",
"phon_arobasen":"ən",
"phon_arobaseu_maj":"əʊ",
"phon_dz":"d͡z",
"phon_dz":"dz",
"phon_dz_maj":"d͡ʒ",
"phon_dz_maj":"",
"phon_dz_retr":"d͡ʐ",
"phon_dz_retr":"",
"phon_dz_slash":"d͡ʑ",
"phon_dz_slash":"",
"phon_ef":"ef",
"phon_ei_maj":"",
......@@ -171,13 +170,13 @@ var phon2api = {
"phon_jarobase":"",
"phon_ju_long":"juː",
"phon_ju_majr":"jʊɹ",
"phon_kp":"k͡p",
"phon_kp":"kp",
"phon_ks":"s",
"phon_kp":"p",
"phon_ks":"ks",
"phon_ks":"k͡s",
"phon_ks_maj":"",
"phon_kx":"k͡x",
"phon_kx":"kx",
"phon_kx":"k͡x",
"phon_kw":"",
"phon_kw":"kw",
"phon_lj":"lj",
......@@ -185,32 +184,20 @@ var phon2api = {
"phon_ou_maj":"",
"phon_o_maji_maj":"ɔɪ",
"phon_o_majr":"ɔɹ",
"phon_pf":"p͡f",
"phon_pf":"pf",
"phon_sz":"sz",
"phon_t_hs":"t͡sʰ",
"phon_t_hs":"tsʰ",
"phon_t_hs_retr":"t͡ʂʰ",
"phon_t_hs_retr":"tʂʰ",
"phon_t_hs_slash":"t͡ɕʰ",
"phon_t_hs_slash":"tɕʰ",
"phon_tk_maj":"t͡ɬ",
"phon_tk_maj":"",
"phon_tk_maj_slash":"d͡ɮ",
"phon_tk_maj_slash":"",
"phon_ts":"t͡s",
"phon_tk_maj_slash":"d͡ɮ",
"phon_ts":"ts",
"phon_ts_chev2":"t͡sʼ",
"phon_ts_chev2":"tsʼ",
"phon_ts_maj":"t͡ʃ",
"phon_ts_maj":"",
"phon_ts_maj_chev2":"t͡ʃʼ",
"phon_ts_maj_chev2":"tʃʼ",
"phon_ts_retr":"t͡ʂ",
"phon_ts_retr":"",
"phon_ts_slash":"t͡ɕ",
"phon_ts_slash":"",
"phon_tt_maj":"t͡θ",
"phon_tt_maj":"",
"phon_u_majarobase":"ʊə",
"phon_u_majr":"ʊɹ",
......
......@@ -17,6 +17,7 @@ let syllonAPI2pinyin = {
"pi": "bi",
"pjɛn": "bian",
"pjaw": "biao",
"pjaŋ": "biang",
"pje": "bie",
"pjɛ": "bie",
"pjin": "bin",
......@@ -589,5 +590,6 @@ let syllonAPI2pinyin = {
"tswɛ": "zui",
"tswun": "zun",
"tswɤn": "zun",
"tswo": "zuo"
"tswo": "zuo",
"r":"r"
}
var langJson = {
"sp_soustitre": {
"fr":"<span class='phon_k'>C</span><span class='phon_l'>l</span><span class='phon_a'>a</span><span class='phon_v'>v</span><span class='phon_j'>i</span><span class='phon_e'>er</span><span> </span><span class='phon_f'>ph</span><span class='phon_o'>o</span><span class='phon_n'>n</span><span class='phon_o'>o</span><span class='phon_g'>g</span><span class='phon_r_maj'>r</span><span class='phon_a'>a</span><span class='phon_f'>ph</span><span class='phon_e'>é</span><span class='phon_m'>m</span><span class='phon_i'>i</span><span class='phon_k'>que</span><span> </span><span class='phon_p'>p</span><span class='phon_u'>ou</span><span class='phon_r_maj'>r</span><span> </span><span class='phon_e'>é</span><span class='phon_k'>c</span><span class='phon_r_maj'>r</span><span class='phon_i'>i</span><span class='phon_r_maj'>re</span><span> </span><span class='phon_a_maj_nas'>en</span><span> </span><span class='phon_k'>c</span><span class='phon_u'>ou</span><span class='phon_l'>l</span><span class='phon_9'>eu</span><span class='phon_r_maj'>rs</span>",
"en":"<span class='phon_arobase schwa'>a</span><span> </span><span class='phon_f'>ph</span><span class='phon_arobase schwa'>o</span><span class='phon_n'>n</span><span class='phon_q_maj stress2'>o</span><span class='phon_g'>g</span><span class='phon_r_slash'>r</span><span class='phon_cbrack'>a</span><span class='phon_f'>ph</span><span class='phon_i_long stress1'>e</span><span class='phon_m'>m</span><span class='phon_i_maj schwa'>i</span><span class='phon_k'>c</span><span> </span><span class='phon_k'>k</span><span class='phon_i_long stress1'>ey</span><span class='phon_b'>b</span><span class='phon_o_maj_long'>oar</span><span class='phon_d'>d</span><span> </span><span class='phon_t'>t</span><span class='phon_arobase schwa'>o</span><span> </span><span class=''><span class='phon_r_slash'>wr</span><span class='phon_ai_maj stress1'>i</span><span class='phon_t'>te</span></span><span> </span><span class='phon_i_maj'>i</span><span class='phon_n'>n</span><span> </span><span class=''><span class='phon_k'>c</span><span class='phon_v_maj stress1'>o</span><span class='phon_l'>l</span></span><span class='phon_schwa schwa'>or</span><span class='phon_z'>s</span>"
"fr": "<span class='phon_k'>C</span><span class='phon_l'>l</span><span class='phon_a'>a</span><span class='phon_v'>v</span><span class='phon_j'>i</span><span class='phon_e'>er</span><span> </span><span class='phon_f'>ph</span><span class='phon_o'>o</span><span class='phon_n'>n</span><span class='phon_o'>o</span><span class='phon_g'>g</span><span class='phon_r_maj'>r</span><span class='phon_a'>a</span><span class='phon_f'>ph</span><span class='phon_e'>é</span><span class='phon_m'>m</span><span class='phon_i'>i</span><span class='phon_k'>que</span><span> </span><span class='phon_p'>p</span><span class='phon_u'>ou</span><span class='phon_r_maj'>r</span><span> </span><span class='phon_e'>é</span><span class='phon_k'>c</span><span class='phon_r_maj'>r</span><span class='phon_i'>i</span><span class='phon_r_maj'>re</span><span> </span><span class='phon_a_maj_nas'>en</span><span> </span><span class='phon_k'>c</span><span class='phon_u'>ou</span><span class='phon_l'>l</span><span class='phon_9'>eu</span><span class='phon_r_maj'>rs</span>",
"en": "<span class='phon_arobase schwa'>a</span><span> </span><span class='phon_f'>ph</span><span class='phon_arobase schwa'>o</span><span class='phon_n'>n</span><span class='phon_q_maj stress2'>o</span><span class='phon_g'>g</span><span class='phon_r_slash'>r</span><span class='phon_cbrack'>a</span><span class='phon_f'>ph</span><span class='phon_i_long stress1'>e</span><span class='phon_m'>m</span><span class='phon_i_maj schwa'>i</span><span class='phon_k'>c</span><span> </span><span class='phon_k'>k</span><span class='phon_i_long stress1'>ey</span><span class='phon_b'>b</span><span class='phon_o_maj_long'>oar</span><span class='phon_d'>d</span><span> </span><span class='phon_t'>t</span><span class='phon_arobase schwa'>o</span><span> </span><span class=''><span class='phon_r_slash'>wr</span><span class='phon_ai_maj stress1'>i</span><span class='phon_t'>te</span></span><span> </span><span class='phon_i_maj'>i</span><span class='phon_n'>n</span><span> </span><span class=''><span class='phon_k'>c</span><span class='phon_v_maj stress1'>o</span><span class='phon_l'>l</span></span><span class='phon_schwa schwa'>or</span><span class='phon_z'>s</span>",
"zh": "<span class='phon_k'>C</span><span class='phon_l'>l</span><span class='phon_a'>a</span><span class='phon_v'>v</span><span class='phon_j'>i</span><span class='phon_e'>er</span><span> </span><span class='phon_f'>ph</span><span class='phon_o'>o</span><span class='phon_n'>n</span><span class='phon_o'>o</span><span class='phon_g'>g</span><span class='phon_r_maj'>r</span><span class='phon_a'>a</span><span class='phon_f'>ph</span><span class='phon_e'>é</span><span class='phon_m'>m</span><span class='phon_i'>i</span><span class='phon_k'>que</span><span> </span><span class='phon_p'>p</span><span class='phon_u'>ou</span><span class='phon_r_maj'>r</span><span> </span><span class='phon_e'>é</span><span class='phon_k'>c</span><span class='phon_r_maj'>r</span><span class='phon_i'>i</span><span class='phon_r_maj'>re</span><span> </span><span class='phon_a_maj_nas'>en</span><span> </span><span class='phon_k'>c</span><span class='phon_u'>ou</span><span class='phon_l'>l</span><span class='phon_9'>eu</span><span class='phon_r_maj'>rs</span>"
},
"sp_btnspace": {
"fr":"Espace",
"en":"Space"
"fr": "Espace",
"en": "Space",
"zh": "Espace"
},
"sp_btnerase": {
"fr":"Effacer",
"en":"Erase"
"fr": "Effacer",
"en": "Erase",
"zh": "Effacer"
},
"sp_btneraseall": {
"fr":"Effacer tout",
"en":"Erase all"
"fr": "Effacer tout",
"en": "Erase all",
"zh": "Effacer tout"
},
"sp_confirmErase": {
"fr":"Êtes-vous sûr de vouloir réinitialiser la page ?",
"en":"Are you sure you want to erase the whole content of this page?"
"fr": "Êtes-vous sûr de vouloir réinitialiser la page ?",
"en": "Are you sure you want to erase the whole content of this page?",
"zh": "Êtes-vous sûr de vouloir réinitialiser la page ?"
},
"sp_poptitle": {
"fr":"Copier/coller le résultat",
"en":"Copy/paste the result"
"fr": "Copier/coller le résultat",
"en": "Copy/paste the result",
"zh": "Copier/coller le résultat"
},
"sp_popmain": {
"fr":"Copier/coller le texte ci-dessous dans LibreOffice, Word ou dans un e-mail, par exemple.",
"en":"Copy/paste the text below into OpenOffice, Word or e-mail for example."
"fr": "Copier/coller le texte ci-dessous dans LibreOffice, Word ou dans un e-mail, par exemple.",
"en": "Copy/paste the text below into OpenOffice, Word or e-mail for example.",
"zh": "Copier/coller le texte ci-dessous dans LibreOffice, Word ou dans un e-mail, par exemple."
},
"sp_popcopy1": {
"fr":"Copier",
"en":"Copy"
"fr": "Copier",
"en": "Copy",
"zh": "Copier"
},
"sp_popcopy2": {
"fr":"Copier",
"en":"Copy"
"fr": "Copier",
"en": "Copy",
"zh": "Copier"
},
"sp_popcopy3": {
"fr":"Copier",
"en":"Copy"
"fr": "Copier",
"en": "Copy",
"zh": "Copier"
},
"sp_popcopy4": {
"fr":"Copier",
"en":"Copy"
"fr": "Copier",
"en": "Copy",
"zh": "Copier"
},
"sp_popsavetitle": {
"fr":"Page enregistrée !",
"en":"Page saved!"
"fr": "Page enregistrée !",
"en": "Page saved!",
"zh": "Page enregistrée !"
},
"sp_popsavemain": {
"fr":"Pour accéder au contenu ultérieurement, ou partager la page avec quelqu'un, utilisez le lien suivant :",
"en":"To access this page later, or share its content with someone else, use the link below:"
"fr": "Pour accéder au contenu ultérieurement, ou partager la page avec quelqu'un, utilisez le lien suivant :",
"en": "To access this page later, or share its content with someone else, use the link below:",
"zh": "Pour accéder au contenu ultérieurement, ou partager la page avec quelqu'un, utilisez le lien suivant :"
},
"sp_popsavecopy": {
"fr":"Copier",
"en":"Copy"
"fr": "Copier",
"en": "Copy",
"zh": "Copier"
},
"sp_popsavecopylink": {
"fr":"Copier le lien",
"en":"Copy the link"
"fr": "Copier le lien",
"en": "Copy the link",
"zh": "Copier le lien"
},
"sp_popsaveopen": {
"fr":"Ouvrir",
"en":"Open"
"fr": "Ouvrir",
"en": "Open",
"zh": "Ouvrir"
},
"sp_header": {
"fr":"Cette application est un prototype en cours de conception. <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>Accéder au forum</b></a> pour échanger et faire des suggestions.",
"en":"This application still is a prototype under development. <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>Access to the forum</b></a> to share and make suggestions."
"fr": "Cette application est un prototype en cours de conception. <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>Accéder au forum</b></a> pour échanger et faire des suggestions.",
"en": "This application still is a prototype under development. <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>Access to the forum</b></a> to share and make suggestions.",
"zh": "Cette application est un prototype en cours de conception. <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>Accéder au forum</b></a> pour échanger et faire des suggestions."
},
"sp_footfirefox": {
"fr":"Application optimisée pour Mozilla Firefox.",
"en":"Application optimized for Mozilla Firefox."
"fr": "Application optimisée pour Mozilla Firefox.",
"en": "Application optimized for Mozilla Firefox.",
"zh": "Application optimisée pour Mozilla Firefox."
},
"sp_footcode": {
"fr":"Code source",
"en":"Source code"
"fr": "Code source",
"en": "Source code",
"zh": "Code source"
},
"sp_footjournal": {
"fr":"Journal des modifications",
"en":"Modifications log"
"fr": "Journal des modifications",
"en": "Modifications log",
"zh": "Journal des modifications"
},
"sp_footlicence": {
"fr":"Code open source sous licence CC BY-NC-SA 4.0",
"en":"Open source code under CC BY-NC-SA 4.0 licence"
"fr": "Code open source sous licence CC BY-NC-SA 4.0",
"en": "Open source code under CC BY-NC-SA 4.0 licence",
"zh": "Code open source sous licence CC BY-NC-SA 4.0"
},
"sp_footcopyr": {
"fr":"Panneaux phonologiques & disposition des graphies",
"en":"Phonemic charts & spelling charts"
"fr": "Panneaux phonologiques & disposition des graphies",
"en": "Phonemic charts & spelling charts",
"zh": "Panneaux phonologiques & disposition des graphies"
},
"sp_playerHeader": {
"fr":"Prototype d'activités de pointage phonologique",
"en":""
"fr": "Prototype d'activités de pointage phonologique",
"en": "",
"zh": "Prototype d'activités de pointage phonologique"
},
"sp_playerHomeListSeriesTitle": {
"fr":"séries disponibles",
"en":""
"fr": "séries disponibles",
"en": "",
"zh": "séries disponibles"
},
"sp_profileHeader": {
"fr": "Page personnelle",
"en": "Profile page"
"en": "Profile page",
"zh": "Page personnelle"
},
"ti_playIpa": {
"fr": "Prononcer !",
"en": "Pronounce!"
"en": "Pronounce!",
"zh": "Prononcer !"
},
"debitParole": {
"fr": "Cliquez pour modifier la vitesse (0-150%)",
"en": "Click to change speech rate (0-150%)"
"en": "Click to change speech rate (0-150%)",
"zh": "Cliquez pour modifier la vitesse (0-150%)"
},
"ti_savePage": {
"fr": "Enregistrer cette page",
"en": "Save this page"
"en": "Save this page",
"zh": "Enregistrer cette page"
},
"ti_newPage": {
"fr": "Ouvrir une nouvelle page",
"en": "Open a new window"
"en": "Open a new window",
"zh": "Ouvrir une nouvelle page"
},
"ti_copy": {
"fr": "Copier/Coller le contenu",
"en": "Copy/paste this content"
"en": "Copy/paste this content",
"zh": "Copier/Coller le contenu"
},
"ti_changeBgColor": {
"fr": "Changer la couleur du fond",
"en": "Change background color"
"en": "Change background color",
"zh": "Changer la couleur du fond"
},
"div2png": {
"fr": "Exporter comme image",
"en": "Export as an image"
"en": "Export as an image",
"zh": "Exporter comme image"
},
"btnContentEditable": {
"fr": "(dé)vérrouiller la saisie au clavier",
"en": "(un)lock keyboard input"
"en": "(un)lock keyboard input",
"zh": "(dé)vérrouiller la saisie au clavier"
},
"ti_writeEnter": {
"fr": "Aller à la ligne",
"en": "Next line"
"en": "Next line",
"zh": "Aller à la ligne"
},
"ti_previous": {
"fr": "Aller à la graphie précédente",
"en": "Go to previous"
"en": "Go to previous",
"zh": "Aller à la graphie précédente"
},
"ti_next": {
"fr": "Aller à la graphie suivante",
"en": "Got to next"
"en": "Got to next",
"zh": "Aller à la graphie suivante"
},
"ti_last": {
"fr": "Aller à la dernière graphie",
"en": "Go to last"
"en": "Go to last",
"zh": "Aller à la dernière graphie"
},
"ti_maj": {
"fr": "Majuscules/minuscules",
"en": "Upper/lower-case"
"en": "Upper/lower-case",
"zh": "Majuscules/minuscules"
},
"ti_minClav": {
"fr": "Réduire le clavier",
"en": "Get the keyboard smaller"
"en": "Get the keyboard smaller",
"zh": "Réduire le clavier"
},
"ti_maxClav": {
"fr": "Agrandir le clavier",
"en": "Get the keyboard bigger"
"en": "Get the keyboard bigger",
"zh": "Agrandir le clavier"
},
"selectPanneau": {
"fr": "Changer de panneau phonologique",
"en": "Choose the phonetic chart"
"en": "Choose the phonetic chart",
"zh": "Changer de panneau phonologique"
},
"selectFidel": {
"fr": "Changer de liste des graphies",
"en": "Choose the spelling list"
"en": "Choose the spelling list",
"zh": "Changer de liste des graphies"
}
......
......@@ -114,6 +114,10 @@
-webkit-text-stroke-width: 0.7px;
-webkit-text-stroke-color: black;
}
.graphContoursW {
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: rgb(255, 255, 255);
}
.textZoneExp {
display: inline-table;
......@@ -481,8 +485,162 @@
}
.han {
border: #e2e2e1 solid 1px;
cursor: pointer;
color: white;
position: relative;
border: 1px solid transparent;
border-radius: 5px;
}
.han:hover {
border: 1px solid white;
}
.han1 {
width: 2.5em;
height: 2.5em;
}
.zi1 {
font-size: 2.1em;
top: -7px;
}
.han2 {
width: 3em;
height: 3em;
}
.zi2 {
font-size: 2.5em;
top: -8px;
}
.han3 {
width: 3.5em;
height: 3.5em;
}
.zi3 {
font-size: 2.9em;
top: -10px;
}
.han4 {
width: 4em;
height: 4em;
}
.zi4 {
font-size: 3.3em;
top: -9px;
}
.hanzi {
width: 100%;
height: 100%;
position: absolute;
/* top: -5px; */
/* font-size: 2.2em; */
font-family: KaiTi;
font-weight: bold;
text-align: center;
color:black;
}
.syll {
background-color: black;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5px;
}
.syllLab {
width: 20vw;
height: 20vw;
max-width: 230px;
max-height: 230px;
}
.syll > div {
width: 100%;
transition: height .3s;
}
.part {
height: 0%;
}
._1 {
height: 100%;
}
._2 {
height: 50%;
border-bottom: black solid 1px;
}
._3 {
height: 33.33%;
border-bottom: black solid 1px;
}
._4 {
height: 25%;
border-bottom: black solid 1px;
}
#finale, .finale {
position: absolute;
bottom: 0px;
}
.divTons {
position: absolute;
top: 0px;
left: 0px;
height:100%;
}
.ton {
position: absolute;
width: 15%;
height:15%;
background-color: black;
border: solid 1px white;
display: none;
}
.tonLab {
width:30px;
height:30px;
}
.t1 {
top:0px;
left:0px;
border-top-left-radius: 5px;
}
.t2 {
top:50%;
transform: translateY(-50%);
left:0px;
}
.t3 {
bottom:0px;
left:0px;
border-bottom-left-radius: 5px;
}
.t4 {
top:0px;
right:0px;
border-top-right-radius: 5px;
}
.t5 {
top:0px;
right:50%;
transform: translateY(-50%);
}
.t6 {
bottom:0px;
right:0px;
border-bottom-right-radius: 5px;
}
.t7 {
top:0px;
left:50%;
transform: translateX(-50%);
}
.t8 {
bottom:0px;
left:50%;
transform: translateX(-50%);
}
\ No newline at end of file
......@@ -11,10 +11,115 @@
--divMotCellPhonoFin: none;
}
/* #region FONT-FACES */
@font-face {
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-Bold.eot');
src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
url('../fonts/Ubuntu-Bold.woff') format('woff'),
url('../fonts/Ubuntu-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-Italic.eot');
src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
url('../fonts/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),
url('../fonts/Ubuntu-Italic.woff2') format('woff2'),
url('../fonts/Ubuntu-Italic.woff') format('woff'),
url('../fonts/Ubuntu-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-Regular.eot');
src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Ubuntu-Regular.woff2') format('woff2'),
url('../fonts/Ubuntu-Regular.woff') format('woff'),
url('../fonts/Ubuntu-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {