diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/logo/banner.js | 11 | ||||
| -rw-r--r-- | assets/logo/custom-2023.css | 8 | ||||
| -rw-r--r-- | assets/logo/custom.css | 9 |
3 files changed, 20 insertions, 8 deletions
diff --git a/assets/logo/banner.js b/assets/logo/banner.js index 7a13759..d092c62 100644 --- a/assets/logo/banner.js +++ b/assets/logo/banner.js @@ -84,15 +84,14 @@ async function refreshBanner(_, french) { ${data['badges'].length === 0 ? " " : ""} </div> - <div style="display:grid;grid-template-columns: repeat(${data['median'] || data['id'] === "unknown" ? (french ? 3 : 4) : data['id'] === "fusion" ? (french ? 2 : 3) : (french ? 4 : 5)}, 1fr);" id="member-card"> + <div style="display:grid;grid-template-columns: repeat(${data['median'] || data['id'] === "unknown" ? (french || data['gender'] === null ? 3 : 4) : data['id'] === "fusion" ? (french || data['gender'] === null ? 2 : 3) : (french || data['gender'] === null ? 4 : 5)}, 1fr);" id="member-card"> + ${french ? "" : `<span> + ${data['id'] === "fusion" ? "she/her" : data['pronouns']}${data['age'] !== "-" ? '<br>' + data['age'] : ''} + </span>`} <span> <b>${french ? `Préfixe${data['prefixes'].length > 1 ? 's' : ''} ` : `Prefix${data['prefixes'].length > 1 ? 'es' : ''}`}: </b><span class="member-small-separator"><br></span> ${data['prefixes'].length > 0 && data['prefixes'][0] !== null ? `<code style="color: white;">${data['prefixes'].join('</code>, <code style="color: white;">')}</code>` : `-`} </span> - ${french ? "" : `<span> - <b>${french ? "Pronoms :" : "Pronouns:"} </b><span class="member-small-separator"><br></span> - ${data['id'] === "fusion" ? "she/her" : data['pronouns']} - </span>`} ${!data['median'] && data['id'] !== "unknown" ? ` <span> ${data["id"] === "fusion" ? ` @@ -116,7 +115,7 @@ async function refreshBanner(_, french) { ` : `${french ? "Jamais" : "Never"}<br> `}`} </span> ` : ''} - ${data['id'] !== "fusion" ? ` + ${data['id'] !== "fusion" && data['gender'] !== null ? ` <span> ${data['id'] === "unknown" ? (french ? "<b>Genre : </b><span class=\"member-small-separator\"><br></span> préférez demander" : "<b>Gender: </b><span class=\"member-small-separator\"><br></span> best to ask") : ` <span><b>${french ? "Genre :" : "Gender:"} </b><span class="member-small-separator"><br></span></span> diff --git a/assets/logo/custom-2023.css b/assets/logo/custom-2023.css index 6ead16e..05350e5 100644 --- a/assets/logo/custom-2023.css +++ b/assets/logo/custom-2023.css @@ -612,10 +612,16 @@ dd { #new-homepage-systems { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } +@media (max-width: 1198px) { + #new-homepage-systems { + grid-template-columns: 1fr 1fr !important; + } +} + @media (max-width: 991px) { #new-homepage-systems { grid-template-columns: 1fr !important; diff --git a/assets/logo/custom.css b/assets/logo/custom.css index f1e490e..79612cb 100644 --- a/assets/logo/custom.css +++ b/assets/logo/custom.css @@ -617,10 +617,17 @@ dd { #new-homepage-systems { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } + +@media (max-width: 1198px) { + #new-homepage-systems { + grid-template-columns: 1fr 1fr !important; + } +} + @media (max-width: 991px) { #new-homepage-systems { grid-template-columns: 1fr !important; |