Updated 14 files (automated)

2 files changed, 20 insertions, 8 deletions

diff --git a/assets/logo/banner.js b/assets/logo/banner.js
index 3f41912..02a8298 100644
--- a/assets/logo/banner.js
+++ b/assets/logo/banner.js
@@ -63,7 +63,7 @@ async function refreshBanner(_, french) {
         <img id="member-icon" src="${offline ? JSON.parse(await localforage.getItem("images")).profile[data['icon']['offline'].split(".")[0].split("-")[1]][data['icon']['offline'].split(".")[0].split("-")[2]] : (data['icon']['online'] ?? (data['id'] === "fusion" ? '/assets/logo/logo.png' : data['system']['icon']))}" alt="" style="background-color:rgba(255, 255, 255, .125);width:128px;height:128px;border-radius:5px;">
     </div>
     
-    <div style="padding:10px 10px 10px 20px;text-align:center;">
+    <div id="mobile-left" style="padding:10px 10px 10px 20px;text-align:center;">
         <h3 style="margin-bottom:0;">
             <img id="member-icon-mobile" src="${offline ? JSON.parse(await localforage.getItem("images")).profile[data['icon']['offline'].split(".")[0].split("-")[1]][data['icon']['offline'].split(".")[0].split("-")[2]] : (data['icon']['online'] ?? (data['id'] === "fusion" ? '/assets/logo/logo.png' : data['system']['icon']))}" alt="" style="background-color:rgba(255, 255, 255, .125);width:36px;height:36px;border-radius:999px;display:none;margin-right:5px;">
             <span style="vertical-align: middle;">
@@ -72,7 +72,10 @@ async function refreshBanner(_, french) {
                 ` : data['id'] === "fusion" ? (data['name'] === "fusion" ? `
                 <span class="text-muted">${french ? "Plusieurs membres fusionnés" : "Multiple merged members"}</span>
                 ` : data['name']) : data['name']}
-            </span>
+            </span><span id="mobile-species" style="float: right; display: none;">
+                ${data['species'].filter(i => i && i['name'] !== "_").map(species => `
+                    <img data-bs-toggle="tooltip" title="${species['name']}" style="width:32px;vertical-align: middle;position:relative;top:-5px;" src="${offline ? species['icon_offline'] : `/assets/species/${species['icon']}`}" alt="${species['name']}">
+                `).join("")}</span>
         </h3>
         
         <div style="margin-bottom:0.5rem;">
@@ -114,16 +117,17 @@ async function refreshBanner(_, french) {
             ` : ''}
             ${data['id'] !== "fusion" ? `
             <span>
-                ${data['id'] === "unknown" ? (french ? "<b>Espèce : </b> préférez demander" : "<b>Species: </b> best to ask") : `
-                <span class="member-small-only"><b>${french ? "Espèce :" : "Species:"} </b></span>
-                ${data['species'].filter(i => i && i['name'] !== "_").map(species => `
-                    <img data-bs-toggle="tooltip" title="${species['name']}" style="width:32px;vertical-align: middle;position:relative;top:-5px;" src="${offline ? species['icon_offline'] : `/assets/species/${species['icon']}`}" alt="${species['name']}">
-                `).join("")}`}
+                ${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>
+                ${data['gender']}`}
             </span>` : ''}
             ${data['id'] !== "fusion" ? `
             <span>
                 <span class="member-small-only"><b>${french ? "Position :" : "Location:"} </b></span>
-                ${data['system']['page'] ? `<a class="member-link" href="${data['system']['page']}"><img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `${data['system']['icon']}`}"> ${data['system']['name']}</a>` : `<img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `${data['system']['icon']}`}"> ${data['system']['name']}`}
+                ${data['system']['page'] ? `<a class="member-link" href="${data['system']['page']}"><img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `${data['system']['icon']}`}"> ${data['system']['name']}</a>` : `<img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `${data['system']['icon']}`}"> ${data['system']['name']}`}<span class="member-small-separator"><br>
+                ${data['species'].filter(i => i && i['name'] !== "_").map(species => `
+                    <img data-bs-toggle="tooltip" title="${species['name']}" style="width:32px;vertical-align: middle;position:relative;top:-5px;" src="${offline ? species['icon_offline'] : `/assets/species/${species['icon']}`}" alt="${species['name']}">
+                `).join("")}</span>
             </span>
             ` : ''}
         </div>
diff --git a/assets/logo/custom.css b/assets/logo/custom.css
index 59200f9..75c1d19 100644
--- a/assets/logo/custom.css
+++ b/assets/logo/custom.css
@@ -204,6 +204,14 @@ dd {
         display: inline-block !important;
     }
 
+    #mobile-left {
+        text-align: left !important;
+    }
+
+    #mobile-species {
+        display: inline-block !important;
+    }
+
     #system-info {
         grid-template-columns: 1fr !important;
     }