[profile] badges for collective members

assets/dark.scss

@@ -210,7 +210,7 @@ body[data-theme="dark"] {
     }
   }
 
-  .icon, .revesible {
+  .icon, .reversible {
     filter: invert(1);
   }
 

assets/style.scss

@@ -166,3 +166,7 @@ form[disabled] {
         margin-right: calc(-50vw + 50% + 3rem);
     }
 }
+
+.icon, .reversed {
+    filter: invert(1);
+}

locale/de/translations.suml

@@ -319,6 +319,7 @@ contact:
                 are created by the “Neutral Language Council” collective.
         logo: 'Logo of the collective is a combination of the transgender symbol and a speech bubble that symbolises language.'  # TODO
         members: 'Current members'  # TODO
+        member: 'Member of the collective'  # TODO
         upcoming: 'Upcoming language versions'  # TODO
 
 support:

locale/en/translations.suml

@@ -391,12 +391,13 @@ contact:
     authors: 'Authors of the website'
     team:
         name: 'The “Neutral Language Council” collective'
-        description:  # TODO
+        description:
             - >
                 {https://pronouns.page=Pronouns.page} and related initiatives
                 are created by the “Neutral Language Council” collective.
         logo: 'Logo of the collective is a combination of the transgender symbol and a speech bubble that symbolises language.'
         members: 'Current members'
+        member: 'Member of the collective'
         upcoming: 'Upcoming language versions'
 
 support:

locale/es/translations.suml

@@ -328,6 +328,7 @@ contact:
                 are created by the “Neutral Language Council” collective.
         logo: 'Logo of the collective is a combination of the transgender symbol and a speech bubble that symbolises language.'  # TODO
         members: 'Current members'  # TODO
+        member: 'Member of the collective'  # TODO
         upcoming: 'Upcoming language versions'  # TODO
 
 support:

locale/fr/translations.suml

@@ -317,6 +317,7 @@ contact:
                 are created by the “Neutral Language Council” collective.
         logo: 'Logo of the collective is a combination of the transgender symbol and a speech bubble that symbolises language.'
         members: 'Current members'
+        member: 'Member of the collective'  # TODO
         blog: 'Blog'
         upcoming: 'Upcoming language versions'
 

locale/nl/translations.suml

@@ -321,6 +321,7 @@ contact:
                 zijn bedacht door het "Raad van Neutrale Taal" collectief.
         logo: 'Het logo van het collectief is een combinatie van het transgender symbool en een spraakballon dat taal symboliseert.'
         members: 'Huidige leden'
+        member: 'Member of the collective'  # TODO
         blog: 'Blog'
         upcoming: 'Komende taalversies'
 

locale/pl/translations.suml

@@ -879,6 +879,7 @@ contact:
                 są tworzone przez kolektyw „Rada Języka Neutralnego”.
         logo: 'Logo kolektywu to połączenie symbolu transpłciowości z chmurką dialogową symbolizującą język.'
         members: 'Obecny skład'
+        member: 'Osoba członkowska kolektywu'
         upcoming: 'Nadchodzące wersje językowe'
 
 support:

locale/pt/translations.suml

@@ -325,6 +325,7 @@ contact:
                 são criadas pelo o coletivo “Conselho da Língua Neutra”.
         logo: 'A logo do coletivo é uma combinação do símbolo transgênero e um balão de fala que simboliza a língua.'  # TODO
         members: 'Membres atuais'  # TODO
+        member: 'Member of the collective'  # TODO
         blog: 'Blog'  # TODO
         upcoming: 'Próximas versões'  # TODO
 

locale/ru/translations.suml

@@ -860,6 +860,7 @@ contact:
                 są tworzone przez kolektyw „Rada Języka Neutralnego”.
         logo: 'Logo kolektywu to połączenie symbolu transpłciowości z chmurką dialogową symbolizującą język.'
         members: 'Obecny skład'
+        member: 'Member of the collective'  # TODO
         blog: 'Blog'
         upcoming: 'Nadchodzące wersje językowe'
 

locale/yi/translations.suml

@@ -339,6 +339,7 @@ contact:
                 are created by the “Neutral Language Council” collective.
         logo: 'Logo of the collective is a combination of the transgender symbol and a speech bubble that symbolises language.'  # TODO
         members: 'Current members'  # TODO
+        member: 'Member of the collective'  # TODO
         blog: 'Blog'  # TODO
         upcoming: 'Upcoming language versions'  # TODO
 

locale/zh/translations.suml

@@ -307,6 +307,7 @@ contact:
                  由“中立語推行委員會”集體創建。
         logo: '集體的標誌是跨性別符號和象徵語言的講話泡泡的結合。​​'  # TODO
         members: '份子'  # TODO
+        member: 'Member of the collective'  # TODO
         blog: '博客'
         upcoming: '即將到來語言文本'  # TODO
 

routes/profile.vue

@@ -46,7 +46,13 @@
             </div>
         </section>
 
-        <section v-if="profile.age ||profile.description.trim().length">
+        <section v-if="profile.age || profile.description.trim().length || profile.team">
+            <p v-if="profile.team" class="mb-2">
+                <nuxt-link :to="`/${config.contact.team.route}`" class="badge bg-primary text-white">
+                    <Icon v="collective-logo.svg" class="reversed"/>
+                    <T>contact.team.member</T>
+                </nuxt-link>
+            </p>
             <p v-for="line in profile.description.split('\n')" class="mb-1">
                 <Spelling escape :text="line"/>
             </p>

routes/team.vue

@@ -6,7 +6,7 @@
         </h2>
 
         <figure class="float-end border rounded">
-            <img src="/img/collective-logo.svg" alt="" class="revesible"/>
+            <img src="/img/collective-logo.svg" alt="" class="reversible"/>
             <figcaption>
                 <p><T>contact.team.logo</T></p>
                 <p class="text-center bigger mb-0">

server/routes/profile.js

@@ -26,7 +26,7 @@ const calcAge = birthday => {
 
 const fetchProfiles = async (db, username, self, isAdmin) => {
     const profiles = await db.all(SQL`
-        SELECT profiles.*, users.id, users.username, users.email, users.avatarSource, users.bannedReason FROM profiles LEFT JOIN users on users.id == profiles.userId 
+        SELECT profiles.*, users.id, users.username, users.email, users.avatarSource, users.bannedReason, users.roles FROM profiles LEFT JOIN users on users.id == profiles.userId 
         WHERE lower(trim(replace(replace(replace(replace(replace(replace(replace(replace(replace(username, 'Ą', 'ą'), 'Ć', 'ć'), 'Ę', 'ę'), 'Ł', 'ł'), 'Ń', 'ń'), 'Ó', 'ó'), 'Ś', 'ś'), 'Ż', 'ż'), 'Ź', 'ż'))) = ${normalise(username)}
         AND profiles.active = 1
         ORDER BY profiles.locale
@@ -56,6 +56,7 @@ const fetchProfiles = async (db, username, self, isAdmin) => {
             footerName: profile.footerName,
             footerAreas: profile.footerAreas ? profile.footerAreas.split(',') : [],
             bannedReason: profile.bannedReason,
+            team: !!profile.roles,
         };
     }
     return p;