Skip to content
GitLab
Commit de13a5a4 authored by Sylvain Coulange's avatar Sylvain Coulange 🌼
Browse files

bandeau seulement sur page principale

parent 84eaab50
Hide whitespace changes
Inline Side-by-side
static/styles/phonochromie_alem_v4.css
View file @ de13a5a4
......@@ -143,8 +143,8 @@
.phon_a { fill: var(--phon_a); color:var(--phon_a); stop-color:var(--phon_a); background:-webkit-linear-gradient(var(--phon_a), var(--phon_a));-webkit-background-clip: text;background-clip: text; }
.phon_a_long { fill: var(--phon_a); color:var(--phon_a); stop-color:var(--phon_a); background:-webkit-linear-gradient(var(--phon_a), var(--phon_a));-webkit-background-clip: text;background-clip: text; }
.phon_a_centr { fill: var(--phon_a_centr); color:var(--phon_a_centr); stop-color:var(--phon_a_centr); background:-webkit-linear-gradient(var(--phon_a_centr), var(--phon_a_centr));-webkit-background-clip: text;background-clip: text; } /*ä a_"*/
.phon_arobase_rho .phon_schwarho { fill: var(--phon_arobase_rho); color:var(--phon_arobase_rho); stop-color:var(--phon_arobase_rho); background:-webkit-linear-gradient(var(--phon_arobase_rho), var(--phon_arobase_rho));-webkit-background-clip: text;background-clip: text; } /*ɚ*/
.phon_arobase_slash .phon_schwa_slash { fill: var(--phon_arobase_slash); color:var(--phon_arobase_slash); stop-color:var(--phon_arobase_slash); background:-webkit-linear-gradient(var(--phon_arobase_slash), var(--phon_arobase_slash));-webkit-background-clip: text;background-clip: text; } /*ɘ @\*/
.phon_arobase_rho, .phon_schwarho { fill: var(--phon_arobase_rho); color:var(--phon_arobase_rho); stop-color:var(--phon_arobase_rho); background:-webkit-linear-gradient(var(--phon_arobase_rho), var(--phon_arobase_rho));-webkit-background-clip: text;background-clip: text; } /*ɚ*/
.phon_arobase_slash, .phon_schwa_slash { fill: var(--phon_arobase_slash); color:var(--phon_arobase_slash); stop-color:var(--phon_arobase_slash); background:-webkit-linear-gradient(var(--phon_arobase_slash), var(--phon_arobase_slash));-webkit-background-clip: text;background-clip: text; } /*ɘ @\*/
.phon_arobase { fill: var(--phon_arobase); color:var(--phon_arobase); stop-color:var(--phon_arobase); background:-webkit-linear-gradient(var(--phon_arobase), var(--phon_arobase));-webkit-background-clip: text;background-clip: text; } /*ə*/
.phon_a_maj_nas { fill: var(--phon_a_maj_nas); color:var(--phon_a_maj_nas); stop-color:var(--phon_a_maj_nas); background:-webkit-linear-gradient(var(--phon_a_maj_nas), var(--phon_a_maj_nas));-webkit-background-clip: text;background-clip: text; } /*ɑ̃*/
.phon_b { fill: var(--phon_b); color:var(--phon_b); stop-color:var(--phon_b); background:-webkit-linear-gradient(var(--phon_b), var(--phon_b));-webkit-background-clip: text;background-clip: text; }
......@@ -264,44 +264,44 @@
.phon_ju_long { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_u) 50%); -webkit-background-clip: text; background-clip: text; text-decoration: underline var(--phon_u);-webkit-text-fill-color: transparent;}
.phon_ju_maj { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_u_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwju { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_schwu) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasel .phon_schwal { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_l) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasem .phon_schwam { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_m) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasen .phon_schwan { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_n) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasel, .phon_schwal { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_l) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasem, .phon_schwam { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_m) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobasen, .phon_schwan { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_n) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwiz { background: -webkit-linear-gradient(var(--phon_schwi) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_schwaz { background: -webkit-linear-gradient(var(--phon_schwa) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_lj { background: -webkit-linear-gradient(var(--phon_l) 52%, var(--phon_j) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_sz { background: -webkit-linear-gradient(var(--phon_s) 52%, var(--phon_z) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_tt_maj { background: -webkit-linear-gradient(var(--phon_t) 52%, var(--phon_t_maj) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_jarobase .phon_jschwa { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_schwa) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_jarobase, .phon_jschwa { background: -webkit-linear-gradient(var(--phon_j) 52%, var(--phon_schwa) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradient 60% */
.phon_ei_maj .phon_eschwi { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majarobase .phon_i_majschwa { background: -webkit-linear-gradient(var(--phon_i_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_earobase .phon_eschwa { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_au_maj .phon_aschwu { background: -webkit-linear-gradient(var(--phon_cbrack) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobaseu_maj .phon_schwau_maj .phon_arobaseschwu { background: -webkit-linear-gradient(var(--phon_3) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majarobase .phon_u_majschwa { background: -webkit-linear-gradient(var(--phon_u_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maji_maj .phon_o_majschwi { background: -webkit-linear-gradient(var(--phon_o) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_maj .phon_aschwi { background: -webkit-linear-gradient(var(--phon_v_maj) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ei_maj, .phon_eschwi { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majarobase, .phon_i_majschwa { background: -webkit-linear-gradient(var(--phon_i_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_earobase, .phon_eschwa { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_au_maj, .phon_aschwu { background: -webkit-linear-gradient(var(--phon_cbrack) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_arobaseu_maj, .phon_schwau_maj, .phon_arobaseschwu { background: -webkit-linear-gradient(var(--phon_3) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majarobase, .phon_u_majschwa { background: -webkit-linear-gradient(var(--phon_u_maj) 50%, var(--phon_schwa) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maji_maj, .phon_o_majschwi { background: -webkit-linear-gradient(var(--phon_o) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_maj, .phon_aschwi { background: -webkit-linear-gradient(var(--phon_v_maj) 50%, var(--phon_schwi) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_er { background: -webkit-linear-gradient(var(--phon_e) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_i_majr { background: -webkit-linear-gradient(var(--phon_i_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_u_majr { background: -webkit-linear-gradient(var(--phon_u_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_a_majr { background: -webkit-linear-gradient(var(--phon_a_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_majr { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_r_slash) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maju_maj .phon_o_majschwu { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ou_maj .phon_oschwu { background: -webkit-linear-gradient(var(--phon_o) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_o_maju_maj, .phon_o_majschwu { background: -webkit-linear-gradient(var(--phon_o_maj) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ou_maj, .phon_oschwu { background: -webkit-linear-gradient(var(--phon_o) 50%, var(--phon_schwu) 60%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradient 50-70% */
.phon_a_rho .phon_arho { background:-webkit-linear-gradient(var(--phon_a) 50%, var(--phon_rho) 70%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_7_rho .phon_7rho { background:-webkit-linear-gradient(var(--phon_7) 50%, var(--phon_rho) 70%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_a_rho, .phon_arho { background:-webkit-linear-gradient(var(--phon_a) 50%, var(--phon_rho) 70%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.phon_7_rho, .phon_7rho { background:-webkit-linear-gradient(var(--phon_7) 50%, var(--phon_rho) 70%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
/* gradients triples */
.phon_ju_majarobase .phon_ju_majschwa { background: -webkit-linear-gradient(var(--phon_j) 45%, var(--phon_u_maj) 55%, var(--phon_schwa) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wai_maj .phon_waschwi { background: -webkit-linear-gradient(var(--phon_w) 45%, var(--phon_a) 55%, var(--phon_schwi) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_majarobase, .phon_ju_majschwa { background: -webkit-linear-gradient(var(--phon_j) 45%, var(--phon_u_maj) 55%, var(--phon_schwa) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_wai_maj, .phon_waschwi { background: -webkit-linear-gradient(var(--phon_w) 45%, var(--phon_a) 55%, var(--phon_schwi) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_war { background: -webkit-linear-gradient(var(--phon_w) 45%, var(--phon_a) 55%, var(--phon_r_slash) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ju_majr { background: -webkit-linear-gradient(var(--phon_j) 45%, var(--phon_u_maj) 55%, var(--phon_r_slash) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_majarobase .phon_ai_majschwa { background: -webkit-linear-gradient(var(--phon_a) 45%, var(--phon_i_maj) 55%, var(--phon_schwa) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.phon_ai_majarobase, .phon_ai_majschwa { background: -webkit-linear-gradient(var(--phon_a) 45%, var(--phon_i_maj) 55%, var(--phon_schwa) 65%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
/* gradients horizontaux (mandarin) */
......
templates/base.html
View file @ de13a5a4
......@@ -12,7 +12,6 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" 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'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/phonochromie_alem_v4.css'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/styles.css'%}">
<link rel="stylesheet" type="text/css" href="{% static 'styles/popup.css'%}">
......@@ -43,12 +42,6 @@
</select>
</div>
<div class="alert alert-primary alert-dismissible fade show m-2 mx-5" role="alert">
<strong>Merci d'utiliser les applications ALeM !</strong> Nous souhaiterions mieux vous connaître avec ce petit questionnaire : <a href="https://framaforms.org/applications-alem-partages-dexperience-dutilisation-1664822681" target="_blank">Je réponds !</a><br>
Nous organisons un café virtuel mercredi 12 octobre de 16h à 17h (heure française) pour se rencontrer et échanger sur les différentes utilisations des outils ALeM. Nous vous attendons nombreux⋅ses ! (Plus d'infos dans le questionnaire)
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="container-fluid">
{% if messages %}
{% for message in messages %}
......
templates/coloriseur.html
View file @ de13a5a4
......@@ -69,6 +69,12 @@
</style>
</svg>
<div class="alert alert-primary alert-dismissible fade show m-2 mx-5" role="alert">
<strong>Merci d'utiliser les applications ALeM !</strong> Nous souhaiterions mieux vous connaître avec ce petit questionnaire : <a href="https://framaforms.org/applications-alem-partages-dexperience-dutilisation-1664822681" target="_blank">Je réponds !</a><br>
Nous organisons un café virtuel mercredi 12 octobre de 16h à 17h (heure française) pour se rencontrer et échanger sur les différentes utilisations des outils ALeM. Nous vous attendons nombreux⋅ses ! (Plus d'infos dans le questionnaire)
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="inputDiv">
<div class="param">
<input id="monochrome" style="display: none;" type="radio" name="colorType" onclick="toMonochrome()" value="mono"> <label id="monochromeLabel" style="display: none;" for="monochrome"><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_m monochrome">M</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_q_maj stress1 monochrome">o</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_n monochrome">n</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_arobase schwa monochrome">o</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_k monochrome">ch</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_r_slash monochrome">r</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_arobaseu_maj monochrome">o</span><span style="color:black;background: transparent;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: black;text-decoration: unset;" class="phon_m monochrome">me</span></label><br/>
......
Supports Markdown
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