Commit 1a077a4a authored by alexandre's avatar alexandre

Fix a few presentational things + translations

parent 7ef61433
Pipeline #148 canceled with stages
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
--axis-metadata-offset: calc(var(--axis-vertical-line-middle) + var(--axis-tag-size) * .5); --axis-metadata-offset: calc(var(--axis-vertical-line-middle) + var(--axis-tag-size) * .5);
--font-size: 15px; --font-size: 15px;
--line-height: 1.4; --line-height: 21px;
--font-size--bigger: 1.44rem; --font-size--bigger: 1.44rem;
--font-size--small: 0.833rem; --font-size--small: 0.833rem;
...@@ -369,6 +369,10 @@ section.hidden { display: none; } ...@@ -369,6 +369,10 @@ section.hidden { display: none; }
.create__form--inactive { display: none; } .create__form--inactive { display: none; }
.menu--primary .menu__item {
margin-bottom: calc(var(--line-height) / 2);
}
.menu--inline .menu__item { .menu--inline .menu__item {
display: inline; display: inline;
margin-right: 1em; margin-right: 1em;
...@@ -396,15 +400,29 @@ section.hidden { display: none; } ...@@ -396,15 +400,29 @@ section.hidden { display: none; }
About page About page
========================================================================== */ ========================================================================== */
.body-text p + p, .body-text h1 {
.body-text p + ul, font-weight: bold;
.body-text ul + p { margin-top: 21px; } font-size: var(--font-size--bigger);
margin-bottom: var(--line-height);
}
.body-text h2 {
font-weight: bold;
margin-bottom: var(--line-height);
}
.body-text strong { font-weight: bold; }
.body-text em { font-style: italic; }
.body-text :matches(p, ul, h2) + :matches(p, ul, h2) { margin-top: var(--line-height); }
.body-text li:before { content: "- "; } .body-text li:before { content: "- "; }
.body-text ul { margin-left: 2em; } .body-text ul { margin-left: 2em; }
.body-text--about { max-width: 35em; } .body-text--about { max-width: 45em; }
...@@ -1039,7 +1057,7 @@ li + li .alt-symbol { display: none; } ...@@ -1039,7 +1057,7 @@ li + li .alt-symbol { display: none; }
[data-alternative="1"] > .metadata > .metadata__wrapper > .tag { [data-alternative="1"] > .metadata > .metadata__wrapper > .tag {
display: none; visibility: hidden;
} }
.line__title { .line__title {
...@@ -1057,14 +1075,29 @@ li + li .alt-symbol { display: none; } ...@@ -1057,14 +1075,29 @@ li + li .alt-symbol { display: none; }
border: none !important; border: none !important;
} }
/* axe modulé : le nom de l’axe est souligné */ [data-module="true"] > .axis-row > .axis-row--background-wrapper > .line__body {
/* transform: skew(-10deg); */
}
[data-module="true"] > .axis-row > .axis-row--background-wrapper > .line__body > .line__title { [data-module="true"] > .axis-row > .axis-row--background-wrapper > .line__body > .line__title {
font-style: italic; /* font-style: italic; */
/* font-weight: bolder; */
color: var(--background-color);
/* letter-spacing: 3px; */
/* text-decoration: underline wavy; */
/* display: inline-block; */
/* transform: skew(10deg); */
} }
[data-alternative] > ol > .axis > .axis-row > .axis-row--background-wrapper > .line__body, [data-contingent="true"] > .axis-row > .axis-row--background-wrapper > .line__body > .line__title::before {
[data-contingent="true"] > .axis-row > .axis-row--background-wrapper > .line__body { content: " ";
background: repeating-linear-gradient(-45deg, var(--background-color) 0px, var(--background-color) 2px, transparent 2px, transparent 5px), var(--row-color); display: inline-block;
border: 8px solid transparent;
border-left-color: var(--background-color);
position: relative;
margin-right: -10px;
left: -7px;
top: 2px;
} }
.axis-inline-title-form { .axis-inline-title-form {
...@@ -1108,46 +1141,27 @@ li + li .alt-symbol { display: none; } ...@@ -1108,46 +1141,27 @@ li + li .alt-symbol { display: none; }
vertical-align: middle; vertical-align: middle;
padding-left: .5em; padding-left: .5em;
padding-right: .5em; padding-right: .5em;
min-width: 1em;
text-align: center;
} }
.boucle::before { .boucle::before {
content: "<"; content: "<";
position: absolute; position: absolute;
top: -9px; top: -11px;
left: 5px; left: 5px;
color: var(--row-color); color: var(--row-color);
font-weight: bold; font-weight: bold;
font-size: 17px;
} }
.indications-label {
display: block;
font-weight: bold;
}
.indications-label:nth-child(n+2) { margin-top: 1em; }
/* .line__terme { font-size: 75%; } */ /* .line__terme { font-size: 75%; } */
/* .line__terme .full { font-size: 133%; } */ /* .line__terme .full { font-size: 133%; } */
.indications .full {
position: absolute;
z-index: 2;
display: none;
width: calc(30vw - var(--indent));
max-width: 500px;
min-width: 200px;
padding: .75em;
color: white;
background: var(--row-color);
top: 0;
padding-left: 1em;
white-space: normal;
}
.indications:hover .full { display: inline-block; }
.line__indications,
.line__condition, .line__condition,
.boucle, .boucle,
.line__terme, .line__terme,
...@@ -1162,6 +1176,7 @@ li + li .alt-symbol { display: none; } ...@@ -1162,6 +1176,7 @@ li + li .alt-symbol { display: none; }
} }
.line__indications,
.line__condition, .line__condition,
.line__terme { .line__terme {
cursor: default; cursor: default;
...@@ -1169,34 +1184,60 @@ li + li .alt-symbol { display: none; } ...@@ -1169,34 +1184,60 @@ li + li .alt-symbol { display: none; }
} }
.line__indications::before {
content: "*";
position: relative;
}
.line__condition::before, .line__condition::before,
.line__terme::before { .line__terme::before {
content: " "; content: " ";
position: relative; position: relative;
display: inline-block; display: inline-block;
background-color: var(--row-color); background-color: var(--row-color);
height: 8px; height: 8px;
width: 8px; width: 8px;
border-radius: 50%; border-radius: 50%;
} }
.line__condition--hidden { .line__condition--hidden {
visibility: hidden; visibility: hidden;
} }
.line__indications .label {
width: calc(30vw - var(--indent));
max-width: 500px;
min-width: 200px;
white-space: normal;
}
.line__indications .label,
.line__condition .label, .line__condition .label,
.line__terme .label { .line__terme .label {
font-weight: 400;
box-shadow: 2px 2px 0 var(--background-color); box-shadow: 2px 2px 0 var(--background-color);
display: none; display: none;
position: absolute; position: absolute;
color: var(--row-color); color: var(--row-color);
background-color: white; background-color: white;
padding: 5.5px; padding: 5.5px;
top: -8px;
left: 0; left: 0;
z-index: 1; z-index: 2;
}
.indications-label {
display: block;
font-weight: 500;
} }
.indications-label:nth-child(n+2) { margin-top: 1em; }
.line__condition .label,
.line__terme .label { top: -8px; }
.line__indications .label { top: -11px; }
.line__indications:hover .label,
.line__condition:hover .label, .line__condition:hover .label,
.line__terme:hover .label { .line__terme:hover .label {
display: block; display: block;
...@@ -1542,21 +1583,15 @@ ol::before { ...@@ -1542,21 +1583,15 @@ ol::before {
========================================================================== */ ========================================================================== */
.btn-filter { .btn-filter {
font-family: 'GothicA1', sans-serif; font-weight: 500;
/* line-height: 21px; */ color: var(--text-color);
font-weight: 500; border: none;
} padding: .3em .3em .3em .3em;
margin-top: .15em;
.btn-filter { background: var(--background-color-button);
color: var(--text-color); cursor: pointer;
border: none;
padding: .3em .3em .3em .3em;
background: transparent;
margin-top: .15em;
} }
.btn-filter { background: var(--background-color-button); }
.filters__filter + .filters__filter { .filters__filter + .filters__filter {
margin-top: 1em; margin-top: 1em;
} }
...@@ -1736,7 +1771,10 @@ ol::before { ...@@ -1736,7 +1771,10 @@ ol::before {
content: " :"; content: " :";
} }
.score-meta dd { .score-meta__term--tag {
display: none;
}
.score-meta__def {
display: inline; display: inline;
margin: 0; margin: 0;
margin-left: 0em; margin-left: 0em;
...@@ -1744,7 +1782,7 @@ ol::before { ...@@ -1744,7 +1782,7 @@ ol::before {
} }
.score-meta dd:after{ .score-meta__def:after{
display: block; display: block;
content: ''; content: '';
} }
...@@ -1753,11 +1791,52 @@ ol::before { ...@@ -1753,11 +1791,52 @@ ol::before {
.score-meta__term--inline::after { content: " "; } .score-meta__term--inline::after { content: " "; }
.score-meta__tag-item { display: inline; margin-right: 1em; } .tags__item {
display: inline;
margin-right: 1em;
}
.tags,
#permissions, #permissions,
.score-meta + .score-meta { .score-meta {
border-top: 2px solid white; margin-bottom: 1.4em;
margin-top: 1em; }
padding-top: 1em;
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
/* box-shadow: inset 0 0 0 white; */
/* border-radius: 10px; */
}
/* Handle */
::-webkit-scrollbar-thumb {
background: white;
border-radius: 6px;
}
.intro {
margin-bottom: calc(var(--line-height) * 2);
}
.last-updated {
margin-bottom: calc(var(--line-height) * 2);
}
.scores-list {
column-width: 35em;
}
.scores-list > div {
break-inside: avoid;
}
.appliedfilters {
margin-top: var(--line-height);
margin-bottom: var(--line-height);
} }
...@@ -22,15 +22,16 @@ W.lang.en = { ...@@ -22,15 +22,16 @@ W.lang.en = {
"Code": "Code", "Code": "Code",
"Commandement": "Commandement", "Commandement": "Commandement",
"Condition": "Condition", "Condition": "Condition",
"Crédits": "Credits",
"Créer": "Create", "Créer": "Create",
"créer un axe lié": "Make a linked axis", "créer un axe lié": "Make a linked axis",
"Créer une nouvelle partition": "Create a new score", "Créer une partition": "Create a score",
"Destination": "Destination", "Destination": "Destination",
"Dupliquer": "Duplicate", "Dupliquer": "Duplicate",
"Durée": "Length", "Durée": "Duration",
"éditer": "Edit", "éditer": "Edit",
"Éditer": "Edit", "Éditer": "Edit",
"Effectif": "Effectif", "Effectif": "Cast",
// "effectuer l’axe": "", // "effectuer l’axe": "",
"Enregistrer": "Save", "Enregistrer": "Save",
"Enregistrer…": "Saving…", "Enregistrer…": "Saving…",
...@@ -41,37 +42,50 @@ W.lang.en = { ...@@ -41,37 +42,50 @@ W.lang.en = {
"Export": "Export", "Export": "Export",
"Fiche": "File", "Fiche": "File",
"Genre": "Genre", "Genre": "Genre",
// "indeterminé": "undefined", // "indéterminé": "undefined",
"Impérative": "Imperative", "Impérative": "Imperative",
"indéterminé": "undefined", "indéterminé": "undefined",
"Indications": "Indications", "Indications": "Indications",
"Infos": "Information", "infos": "info",
"Infos": "Info",
"langue": "language",
"Langue": "Language", "Langue": "Language",
// "Mise": "", "La notation W": "The W notation",
"Le choix de W": "The W selection",
"Mise": "Set",
"Modifié le": "Modified on", "Modifié le": "Modified on",
"OK": "OK", "OK": "OK",
"Ok": "Ok",
"Partager avec": "Share with", "Partager avec": "Share with",
"Partitions": "Scores", "Partitions": "Scores",
"Partitions existantes": "Existing score", "Partitions existantes": "Existing score",
"Partitions mises à jour récemment": "Recently updated scores", "Partitions mises à jour récemment": "Recently updated scores",
"performeur": "performer",
"performeurs": "performers", "performeurs": "performers",
"performeur(s)": "performer(s)", "performeur(s)": "performer(s)",
"Prescription": "", "Prescription": "Prescription",
"Présentation": "", "Présentation": "Presentation",
"Publié le": "Published on", "Publié le": "Published on",
"rechercher": "search", "rechercher": "search",
"Répertoire de partitions": "Score directory",
"rompre le lien": "break link", "rompre le lien": "break link",
"S'inscrire": "Register", "Sinscrire": "Register",
"Sans titre": "Untitled", "Sans titre": "Untitled",
"Se connecter": "Log in", "Se connecter": "Log in",
"Se déconnecter": "Log out", "Se déconnecter": "Log out",
"séparer par une virgule": "comma separated",
"Site W": "Site W",
"Supprimer": "Delete", "Supprimer": "Delete",
"Tag": "Tag", "Tag": "Tag",
"tags": "tags",
"Tags": "Tags", "Tags": "Tags",
"Terme": "Terme", "Terme": "Terme",
"titre": "title",
"Titre": "Title", "Titre": "Title",
"Titre ou auteur": "Title or author",
"Traduction": "Translation", "Traduction": "Translation",
"Transcription": "Transcription", "Transcription": "Transcription",
"type": "type",
"Type": "Type", "Type": "Type",
"Type de partition": "Score type", "Type de partition": "Score type",
"Un logiciel pour noter l’action performée, développé par W": "A software for scoring performed action, developed by W", "Un logiciel pour noter l’action performée, développé par W": "A software for scoring performed action, developed by W",
......
...@@ -112,7 +112,7 @@ window.W = window.W || {}; ...@@ -112,7 +112,7 @@ window.W = window.W || {};
defaults: { defaults: {
title: "Untitled", title: "Untitled",
mainline: {}, mainline: {},
stage_set: "Here comes the initial set", stage_set: "aucune",
setting: '', setting: '',
duration: '', duration: '',
genre: '', genre: '',
......
...@@ -54,7 +54,7 @@ window.W.utils = window.W.utils || {}; ...@@ -54,7 +54,7 @@ window.W.utils = window.W.utils || {};
if (string in entries) { if (string in entries) {
return entries[string]; return entries[string];
} else { } else {
// console.log(string + " n'est pas traduit"); console.log(string + " n'est pas traduit");
return string; return string;
} }
} }
......
...@@ -1525,7 +1525,7 @@ window.W = window.W || {}; ...@@ -1525,7 +1525,7 @@ window.W = window.W || {};
if (alternative) { if (alternative) {
if (alternative.type === rangeType.undetermined) { if (alternative.type === rangeType.undetermined) {
return "indeterminé"; return "indéterminé";
} else if (alternative.type === rangeType.exact) { } else if (alternative.type === rangeType.exact) {
return alternative.value; return alternative.value;
} else if (alternative.type === rangeType.minimal) { } else if (alternative.type === rangeType.minimal) {
...@@ -1637,7 +1637,7 @@ window.W = window.W || {}; ...@@ -1637,7 +1637,7 @@ window.W = window.W || {};
// Cast tag value into a list // Cast tag value into a list
var tags = this.fieldVal('tags').trim(); var tags = this.fieldVal('tags').trim();
tags = (tags != "") ? tags.split(/\s*,\s*/) : []; tags = (tags != "") ? tags.split(/\s*,\s*/) : [];
tags = _.map(tags, function(s){ return s.trim(); }) var tags = _.map(tags, function(s){ return s.trim(); })
var data = { var data = {
title: this.fieldVal('title'), title: this.fieldVal('title'),
...@@ -2672,7 +2672,8 @@ window.W = window.W || {}; ...@@ -2672,7 +2672,8 @@ window.W = window.W || {};
var view = new W.ScoreListFooView({ var view = new W.ScoreListFooView({
collection: collection, collection: collection,
title: t("Le choix de W") title: t("Le choix de W"),
className: "last-updated"
}); });
view.collection.fetch({ view.collection.fetch({
...@@ -2694,6 +2695,7 @@ window.W = window.W || {}; ...@@ -2694,6 +2695,7 @@ window.W = window.W || {};
var view2 = new W.ScoreListFooView({ var view2 = new W.ScoreListFooView({
collection: collection2, collection: collection2,
title: _("Mes partitions"), title: _("Mes partitions"),
className: "user-scores"
}); });
view2.collection.fetch({ view2.collection.fetch({
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<%- t('effectuer l’axe') %> <%- t('effectuer l’axe') %>
<select name="type"> <select name="type">
<option value="<%= rangeType.undetermined %>" <% if (!type || type == rangeType.undetermined) { %>selected<% } %>> <option value="<%= rangeType.undetermined %>" <% if (!type || type == rangeType.undetermined) { %>selected<% } %>>
<%- t('indeterminé') %> <%- t('indéterminé') %>
</option> </option>
<option value="<%= rangeType.exact %>" <% if (type == rangeType.exact) { %>selected<% } %>> <option value="<%= rangeType.exact %>" <% if (type == rangeType.exact) { %>selected<% } %>>
<%- t('exactement') %> <%- t('exactement') %>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<%- t('Effectif') %>: <br /> <%- t('Effectif') %>: <br />
<select name="type"> <select name="type">
<option value="<%= rangeType.undetermined %>" <% if (!type || type == rangeType.undetermined) { %>selected<% } %>> <option value="<%= rangeType.undetermined %>" <% if (!type || type == rangeType.undetermined) { %>selected<% } %>>
<%- t('indeterminé') %> <%- t('indéterminé') %>
</option> </option>
<option value="<%= rangeType.exact %>" <% if (type == rangeType.exact) { %>selected<% } %>> <option value="<%= rangeType.exact %>" <% if (type == rangeType.exact) { %>selected<% } %>>
<%- t('exactement') %> <%- t('exactement') %>
......
...@@ -3,13 +3,13 @@ ...@@ -3,13 +3,13 @@
<div class="main-header__content content"> <div class="main-header__content content">
<div class="main-header__logo logo"> <div class="main-header__logo logo">
<h1 class="logo__name"><a href="/" class="logo_link">Organon</a></h1> <h1 class="logo__name"><a href="/" class="logo_link">Organon</a></h1>
<p class="logo__tagline"><%- t('Un logiciel pour noter l’action performée') %></p> <!-- <p class="logo__tagline"><%- t('Un logiciel pour noter l’action performée') %></p> -->
</div> </div>
<nav class="main-header__menu main-header__menu--primary"> <nav class="main-header__menu main-header__menu--primary menu menu--primary">
<ul> <ul class="menu__list">
<li><a href="/la-notation-w/"><%- t('La notation W') %></a></li> <li class="menu__item"><a href="/la-notation-w/"><%- t('La notation W') %></a></li>
<li><a href="/partitions/"><%- t('Répertoire de partitions') %></a></li> <li class="menu__item"><a href="/partitions/"><%- t('Répertoire de partitions') %></a></li>
</ul> </ul>
</nav> </nav>
......
<div class="body-text body-text--about"> <div class="intro body-text body-text--about">
{% load flatpages %} {% load flatpages %}
{% get_flatpages '/introduction/' as intro_pages %} {% get_flatpages '/introduction/' as intro_pages %}
...@@ -7,13 +7,8 @@ ...@@ -7,13 +7,8 @@
{% endfor %} {% endfor %}
</div> </div>
<br> <div class="scores-list">
<br>
<section>
<div id="latest_updated"></div> <div id="latest_updated"></div>
<br>
<br>
<div id="user_scores"></div> <div id="user_scores"></div>
</section> </div>
...@@ -29,13 +29,13 @@ ...@@ -29,13 +29,13 @@
<% } %> <% } %>
<% if (hasIndications) { %> <% if (hasIndications) { %>
<span class="indications"> <span class="line__indications">
<span class="icon icon--indications"></span> <span class="label">
<span class="indication">
<span class="full">
<% if (indications) { %> <% if (indications) { %>
<%- indications %> <%= indications.replace(/(?:\r\n|\r|\n)/g, '<br>') %>
<% } %> <% } %>
</span>
<% if (commandement) { %> <% if (commandement) { %>
<span class="indications-label"><%- t('Commandement') %>:</span> <span class="indications-label"><%- t('Commandement') %>:</span>
......