Vous avez reçu un message "Your GitLab account has been locked ..." ? Pas d'inquiétude : lisez cet article https://docs.gricad-pages.univ-grenoble-alpes.fr/help/unlock/

Commit 352da02c authored by Sylvain Coulange's avatar Sylvain Coulange
Browse files

Passage à Bootstrap4 et petit relooking

parent 8f216580
......@@ -5,23 +5,32 @@ var langJson = {
},
"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 avec la communauté et faire vos 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."
"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":"该应用是目前正在开发的原型。 <a href='https://groups.google.com/d/forum/alem-app' target='_blank'><b>进入论坛与社区</b></a>交流,提出您的建议。"
},
"sp_footcode": {
"fr":"Code source",
"en":"Source code"
"en":"Source code",
"zh":"Source code"
},
"sp_footjournal": {
"fr":"Journal des modifications",
"en":"Modifications log"
"en":"Modifications log",
"zh":"Modifications log"
},
"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"
"en":"Open source code under CC BY-NC-SA 4.0 licence",
"zh":"Open source code under CC BY-NC-SA 4.0 licence"
},
"sp_footSpaCy": {
"fr": "Analyse morphosyntaxique :",
"zh": "句法分析: "
},
"sp_subtitle": {
"fr": '<span class="phon_k">C</span><span class="phon_o_maj">o</span><span class="phon_l">l</span><span class="phon_o_maj">o</span><span class="phon_r_maj">r</span><span class="phon_i">i</span><span class="phon_z">s</span><span class="phon_9">eu</span><span class="phon_r_maj">r</span><span> </span><span class="phon_f">Ph</span><span class="phon_o_maj">o</span><span class="phon_n">n</span><span class="phon_o_maj">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>',
"en": '<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">c</span><span class="phon_v_maj stress2">o</span><span class="phon_l">l</span><span class="phon_arobase schwa">o</span><span class="phon_r_slash">r</span><span class="phon_ai_maj stress1">i</span><span class="phon_z">s</span><span class="phon_arobase schwa">e</span><span class="phon_r_slash">r</span>'
"en": '<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">c</span><span class="phon_v_maj stress2">o</span><span class="phon_l">l</span><span class="phon_arobase schwa">o</span><span class="phon_r_slash">r</span><span class="phon_ai_maj stress1">i</span><span class="phon_z">s</span><span class="phon_arobase schwa">e</span><span class="phon_r_slash">r</span>',
"zh": ''
},
"sp_bicolor": {
"fr": '<span style="color: #ff0000; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">B</span><span style="color: #40b9ff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">i</span><span style="color: #ff0000; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">c</span><span style="color: #40b9ff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">o</span><span style="color: #ff0000; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">l</span><span style="color: #40b9ff; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">o</span><span style="color: #ff0000; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;">re</span>',
......@@ -29,27 +38,33 @@ var langJson = {
},
"sp_silentWay": {
"fr": '<span style="-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;"><span class="text phon_s">S</span><span style="background:-webkit-linear-gradient(white 60%, #e7236d 75%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;">i</span><span class="text phon_l">l</span><span class="text phon_e_maj ">e</span><span class="text phon_n">n</span><span class="text phon_t">t</span><span class="text punct "> </span><span class="text phon_w">W</span><span class="text phon_ei_maj">ay</span></span>',
"en": '<span style="-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;"><span class="text phon_s">S</span><span class="stress1" style="background:-webkit-linear-gradient(white 60%, #e7236d 75%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;">i</span><span class="text phon_l">l</span><span class="text phon_e_maj schwa">e</span><span class="text phon_n">n</span><span class="text phon_t">t</span><span class="text punct "> </span><span class="text phon_w">W</span><span class="text phon_ei_maj">ay</span></span>'
"en": '<span style="-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;"><span class="text phon_s">S</span><span class="stress1" style="background:-webkit-linear-gradient(white 60%, #e7236d 75%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;">i</span><span class="text phon_l">l</span><span class="text phon_e_maj schwa">e</span><span class="text phon_n">n</span><span class="text phon_t">t</span><span class="text punct "> </span><span class="text phon_w">W</span><span class="text phon_ei_maj">ay</span></span>',
"zh": '<span style="-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #000000;"><span class="text phon_s">S</span><span style="background:-webkit-linear-gradient(white 60%, #e7236d 75%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;">i</span><span class="text phon_l">l</span><span class="text phon_e_maj ">e</span><span class="text phon_n">n</span><span class="text phon_t">t</span><span class="text punct "> </span><span class="text phon_w">W</span><span class="text phon_ei_maj">ay</span></span>'
},
"sp_consigne": {
"fr": "Entrer du texte à coloriser :",
"en": "Enter some text to colorize:"
"en": "Enter some text to colorize:",
"zh": "情插入一些案文:"
},
"sp_btnColoriser": {
"fr": "Coloriser",
"en": "Colorize"
"en": "Colorize",
"zh": "着色",
},
"sp_btnErase": {
"fr": "Effacer",
"en": "Erase"
"en": "Erase",
"zh": "抹去"
},
"sp_output": {
"fr": "Résultat :",
"en": "Output:"
"en": "Output:",
"zh": "成果:"
},
"ti_btnCouleurFond": {
"fr": "Changer la couleur du fond",
"en": "Switch background color"
"en": "Switch background color",
"zh": "切换背景色"
},
"ti_btnCopierColler": {
"fr": "Copier/Coller le contenu",
......@@ -59,28 +74,39 @@ var langJson = {
"fr": "Activer/désactiver la police en gras",
"en": "Switch font boldness"
},
"ti_btnzi": {
"zh": "展示漢字"
},
"ti_btnwordspace": {
"zh": "展示單詞空間"
},
"ti_multitrans": {
"fr": "changer de prononciation",
"en": "switch pronunciation"
},
"sp_infoWiki": {
"fr": "WikiColor est un coloriseur automatique de texte basé sur les transcriptions phonétiques du Wiktionnaire et de la collaboration de nombreux utilisateurs. Vous pouvez consulter et participer à l'amélioration du dictionnaire en cliquant sur le bouton ci-dessous. L'alignement phono-graphémique reste encore expérimental, toute suggestion de votre part est bienvenue ! N'hésitez pas à visiter <a href='https://alem.hypotheses.org/outils-alem-app/wikicolor'>notre site</a>, et participez aux discussions sur <a href='https://groups.google.com/forum/#!forum/alem-app'>le forum</a>.",
"en": "WikiColor is an automatic text coloriser based on Wiktionary's phonetic transcriptions, CMU Pronunciation Dictionary and collaboration of our users community. English dictionary isn't editable yet, but it will be soon! Phono-graphemic alignment still is experimental, especially for English, every suggestion from you will be welcome! We are still working on the phonologic representation of English, which is a big challenge. Please let us know your suggestions in <a href='https://groups.google.com/forum/#!forum/alem-app'>our Forum</a>. We also have <a href='https://alem.hypotheses.org/outils-alem-app/wikicolor'>a website</a> (English content will come soon!)."
"en": "WikiColor is an automatic text coloriser based on Wiktionary's phonetic transcriptions, CMU Pronunciation Dictionary and collaboration of our users community. English dictionary isn't editable yet, but it will be soon! Phono-graphemic alignment still is experimental, especially for English, every suggestion from you will be welcome! We are still working on the phonologic representation of English, which is a big challenge. Please let us know your suggestions in <a href='https://groups.google.com/forum/#!forum/alem-app'>our Forum</a>. We also have <a href='https://alem.hypotheses.org/outils-alem-app/wikicolor'>a website</a> (English content will come soon!).",
"zh": "WikiColor is an automatic text coloriser based on Wiktionary's phonetic transcriptions, CMU Pronunciation Dictionary and collaboration of our users community. English dictionary isn't editable yet, but it will be soon! Phono-graphemic alignment still is experimental, especially for English, every suggestion from you will be welcome! We are still working on the phonologic representation of English, which is a big challenge. Please let us know your suggestions in <a href='https://groups.google.com/forum/#!forum/alem-app'>our Forum</a>. We also have <a href='https://alem.hypotheses.org/outils-alem-app/wikicolor'>a website</a> (English content will come soon!)."
},
"sp_btnEditDico": {
"fr": "Consulter/éditer le dictionnaire",
"en": "Search/edit WikiColor's dictionary"
"en": "Search/edit WikiColor's dictionary",
"zh": "查/編輯詞典"
},
"sp_footDic": {
"fr": "Dictionnaire (issu du Wiktionnaire) : ",
"en": "Dictionary (from Wiktionary's database): "
"en": "Dictionary (from Wiktionary's database): ",
"zh": "詞典:"
},
"sp_footAli": {
"fr": "Aligneur phonographémique : ",
"en": "Phonographemic aligner: "
"en": "Phonographemic aligner: ",
"zh": "Phonographemic aligner: "
},
"sp_tuto": {
"fr": "Accéder aux tutoriels WikiColor",
"en": "Access WikiColor's tutorials"
"en": "Access WikiColor's tutorials",
"zh": "Access WikiColor's tutorials"
}
}
\ No newline at end of file
$(document).ready(function(){
var txtarea = document.getElementById("inText");
txtarea.selectionEnd = txtarea.innerHTML.length;
txtarea.focus();
});
var boolBold = true;
function toggleBold() {
document.getElementById('output').classList.toggle('outputBold');
......@@ -39,6 +33,7 @@ function selectLang(lang){
document.getElementById('choixLang').value = 'en';
if (boolBold) toggleBold();
document.getElementById('zhsubtitle').style.display="none";
document.getElementById('monochromeLabel').style.display="";
document.getElementById('monochrome').style.display="";
document.getElementById('silentWayLabel').style.margin = "-20px 0px";
......@@ -50,8 +45,8 @@ function selectLang(lang){
// Paramètres output
document.getElementById('ti_btnCopierColler').style.display = "";
document.getElementById('ti_btnBold').style.display = "";
document.getElementById('btnzi').style.display = "none";
document.getElementById('btnwordspace').style.display = "none";
document.getElementById('ti_btnzi').style.display = "none";
document.getElementById('ti_btnwordspace').style.display = "none";
window.history.pushState("", "", "/en");
......@@ -60,6 +55,7 @@ function selectLang(lang){
document.getElementById('choixLang').value = 'fr';
if (boolBold == false) toggleBold();
document.getElementById('zhsubtitle').style.display="none";
document.getElementById('monochromeLabel').style.display="none";
document.getElementById('monochrome').style.display="none";
document.getElementById('silentWayLabel').style.margin = "0px 0px";
......@@ -71,8 +67,8 @@ function selectLang(lang){
// Paramètres output
document.getElementById('ti_btnCopierColler').style.display = "";
document.getElementById('ti_btnBold').style.display = "";
document.getElementById('btnzi').style.display = "none";
document.getElementById('btnwordspace').style.display = "none";
document.getElementById('ti_btnzi').style.display = "none";
document.getElementById('ti_btnwordspace').style.display = "none";
window.history.pushState("", "", "/fr");
} else if (lang == "zh"){
......@@ -80,6 +76,7 @@ function selectLang(lang){
document.getElementById('choixLang').value = 'zh';
if (boolBold == false) toggleBold();
document.getElementById('zhsubtitle').style.display="";
document.getElementById('monochromeLabel').style.display="none";
document.getElementById('monochrome').style.display="none";
document.getElementById('silentWayLabel').style.margin = "0px 0px";
......@@ -90,8 +87,8 @@ function selectLang(lang){
// Paramètres output
document.getElementById('ti_btnCopierColler').style.display = "none";
document.getElementById('ti_btnBold').style.display = "none";
document.getElementById('btnzi').style.display = "";
document.getElementById('btnwordspace').style.display = "";
document.getElementById('ti_btnzi').style.display = "";
document.getElementById('ti_btnwordspace').style.display = "";
window.history.pushState("", "", "/zh");
}
......@@ -112,6 +109,16 @@ function interface(lang) {
title.title = langJson[title.id]["en"];
}
} else if (lang == "zh") {
for (i=0; i<langspanList.length; i++) {
span = langspanList[i];
span.innerHTML = langJson[span.id]["zh"];
}
for (i=0; i<langtitleList.length; i++) {
title = langtitleList[i];
title.title = langJson[title.id]["zh"];
}
} else { // "fr" par défaut
for (i=0; i<langspanList.length; i++) {
span = langspanList[i];
......
......@@ -9,7 +9,7 @@
body {
background-image: url(../im/arriereplan.gif);
font-family: Palatino, Times, Calibri;
font-family: Palatino, Times, KaiTi, Calibri;
font-size: 14pt;
text-align: center;
padding: 0px;
......@@ -19,12 +19,23 @@ h2 {
font-size: 2em;
font-weight: bold;
margin: auto;
}
.contours {
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: black;
}
button {
margin:5px;
border: 1px solid transparent;
border-radius: 5px;
box-shadow: gray 1px 1px 1px;
margin: 5px;
padding: 2px 18px;
}
svg { /* vient écraser le background black de phonochromie-alem.css*/
background-color: transparent;
}
.choixLang {
......@@ -103,10 +114,9 @@ button {
top: 0px;
padding: 15px;
}
.outputParam span {
.outputParam div {
cursor: pointer;
padding: 5px;
font-size: 1em;
margin: auto;
}
.output {
......@@ -225,8 +235,17 @@ button {
margin: var(--zhtokenmargin);
}
.zhtokenHead { /* header sous le titre */
display: inline-flex;
}
.zhtokenHead div {
margin: 3px;
border: 1px solid rgb(51, 51, 51);
border-radius: 5px;
}
.btnzi {
width: 30px;
width: 25px;
cursor: pointer;
margin: auto;
}
......
......@@ -5,7 +5,7 @@
<title>WikiColor</title>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="{% static 'wikicolor.ico' %}"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link href="{% static 'styles/keyboard-dark.css'%}" rel="stylesheet">
<link href="{% static 'styles/loading.css'%}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{% static 'styles/phonochromie_alem_v3.css'%}">
......@@ -19,7 +19,10 @@
<div class="header"><span id="sp_header" class="langspan"></span></div>
<a href="https://alem.hypotheses.org/outils-alem-app/wikicolor" target="_blank"><img src="{% static 'im/logo_wikicolor6b.png'%}" width="40%" class="langtitle" id="ti_titre"></a>
<h2 id="subtitle"><span id="sp_subtitle" class="langspan"></span></h2>
<h2 id="subtitle"><span id="sp_subtitle" class="langspan contours"></span></h2>
<div id="zhsubtitle">
<div class="zhtokenHead"><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_ts"></rect><rect x="0" y="50" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_1"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="88" height="12" width="12" fill="black"></rect></svg></div><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_t"></rect><rect x="0" y="33" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_u_maj"></rect><rect x="0" y="66" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_n_maj"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="88" height="12" width="12" fill="black"></rect></svg></div></div><div class="zhtokenHead"><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="100" width="100" stroke="black" stroke-width="0.5" class="phon_y"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="44" height="12" width="12"></rect><rect x="44" y="88" height="12" width="12" fill="black"></rect><rect x="88" y="0" height="12" width="12" fill="black"></rect></svg></div><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_i"></rect><rect x="0" y="50" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_n"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="0" height="12" width="12" fill="black"></rect></svg></div></div><div class="zhtokenHead"><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_ts_retr"></rect><rect x="0" y="33" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_a"></rect><rect x="0" y="66" height="33" width="100" stroke="black" stroke-width="0.5" class="phon_w"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="0" height="12" width="12" fill="black"></rect></svg></div></div><div class="zhtokenHead"><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_s"></rect><rect x="0" y="50" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_7"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="88" height="12" width="12" fill="black"></rect></svg></div><div><svg viewBox="0 0 100 100" width="50" height="50" class="sinosvgHead" ><rect x="0" y="0" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_t_hs_slash"></rect><rect x="0" y="50" height="50" width="100" stroke="black" stroke-width="0.5" class="phon_i"></rect><text x="0" y="85" font-family="KaiTi" font-size="100" class="sinosvgText"></text><rect x="0" y="0" height="12" width="12" fill="black"></rect><rect x="88" y="88" height="12" width="12" fill="black"></rect></svg></div></div></div>
</div>
<div class="choixLang">
<select id="choixLang" onchange="selectLang(this.value)">
......@@ -37,8 +40,8 @@
</div>
<h2><span id="sp_consigne" class="langspan"></span></h2>
<textarea id="inText" class="inText"></textarea><br/>
<button id="coloriser" onclick="getColorisation()"><span id="sp_btnColoriser" class="langspan"></span></button>
<button id="delInText" onclick="delInText()"><span id="sp_btnErase" class="langspan"></span></button>
<button style="background-color: rgb(179, 247, 179);" id="coloriser" onclick="getColorisation()"><span id="sp_btnColoriser" class="langspan"></span></button>
<button style="background-color: rgb(221, 221, 221);" id="delInText" onclick="delInText()"><span id="sp_btnErase" class="langspan"></span></button>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0">
......@@ -99,11 +102,30 @@
<div id="outputDiv" class="win-black outputMainDiv">
<div class="outputParam">
<span class="glyphicon glyphicon-adjust langtitle" aria-hidden="true" id="ti_btnCouleurFond" onclick="bg2white()"></span>
<div id="btnzi" onclick="togglezi()"><img src="{% static 'im/btn-zi.png' %}" class="btnzi"></div>
<div id="btnwordspace" onclick="togglewordspace()"><img id="imgzhtokenspace" src="{% static 'im/zhtokenspaceblack.png' %}" class="btnzi"></div><br>
<span class="glyphicon glyphicon-duplicate langtitle" aria-hidden="true" id="ti_btnCopierColler" onclick="getPopUp()"></span><br>
<span class="glyphicon glyphicon-bold langtitle" aria-hidden="true" id="ti_btnBold" onclick="toggleBold()"></span>
<center>
<div class="btnzi langtitle" id="ti_btnCouleurFond" onclick="bg2white()">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-circle-half" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 15V1a7 7 0 1 1 0 14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
</svg>
</div>
<div class="langtitle" id="ti_btnCopierColler" onclick="getPopUp()">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-textarea-t" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
<path d="M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"/>
</svg>
</div>
<div class="langtitle" id="ti_btnBold" onclick="toggleBold()">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-type-bold" viewBox="0 0 16 16">
<path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/>
</svg>
</div>
<div id="ti_btnzi" onclick="togglezi()">
<img src="{% static 'im/btn-zi.png' %}" class="btnzi">
</div>
<div id="ti_btnwordspace" onclick="togglewordspace()">
<img id="imgzhtokenspace" src="{% static 'im/zhtokenspaceblack.png' %}" class="btnzi">
</div>
</center>
</div>
<h2><span id="sp_output" class="langspan"></span></h2>
<center><div id="loader" class="loader" style="display: none;"></div></center>
......@@ -111,8 +133,12 @@
<div id="outputzh" class="outputzh"></div>
</div>
<div class="divInfoWiki">
<span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> <span id="sp_infoWiki" class="langspan"></span>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
<span id="sp_infoWiki" class="langspan"></span>
</div>
<div>
......@@ -162,6 +188,7 @@
{% include 'footer.html' %}
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script type="text/javascript" src="{% static 'languages/languages.js' %}"></script>
<script src="{% static 'scripts/loc2stand.js' %}"></script>
<script src="{% static 'scripts/bicol2colcol.js' %}"></script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment