[pl][nouns] flagi i ikonki

locale/pl/nouns/NounsExtra.vue

@@ -3,11 +3,19 @@
         <Separator icon="atom-alt"/>
 
         <h3 :id="$t('nouns.neuterNouns.id')">
-            <Icon v="neuter"/>
+            <Icon v="deer"/>
             <T>nouns.neuterNouns.header</T>
         </h3>
 
-        <T>nouns.neuterNouns.info</T>
+        <div class="d-flex flex-column flex-md-row">
+            <div>
+                <T>nouns.neuterNouns.info</T>
+            </div>
+            <figure>
+                <img src="/img/łoś.jpg" :alt="$t('nouns.neuterNouns.flag.alt')"/>
+                <figcaption><T>nouns.neuterNouns.flag.caption</T></figcaption>
+            </figure>
+        </div>
 
         <slot></slot>
 
@@ -67,11 +75,19 @@
         <Separator icon="atom-alt"/>
 
         <h3 :id="$t('nouns.dukajNouns.id')">
-            <Icon v="genderless"/>
+            <Icon v="ghost"/>
             <T>nouns.dukajNouns.header</T>
         </h3>
 
-        <T>nouns.dukajNouns.info</T>
+        <div class="d-flex flex-column flex-md-row">
+            <div>
+                <T>nouns.dukajNouns.info</T>
+            </div>
+            <figure>
+                <img src="/img/dukaizmy.png" :alt="$t('nouns.dukajNouns.flag.alt')"/>
+                <figcaption><T>nouns.dukajNouns.flag.caption</T></figcaption>
+            </figure>
+        </div>
 
         <details class="border mb-3">
             <summary class="bg-light p-3">
@@ -425,3 +441,19 @@
         },
     }
 </script>
+
+<style lang="scss">
+    @import "assets/variables";
+
+    figure {
+        width: 100%;
+        max-width: 24rem;
+        padding: $spacer;
+        img {
+            width: 100%;
+        }
+        figcaption {
+            font-size: $small-font-size;
+        }
+    }
+</style>

locale/pl/nouns/NounsNav.vue

@@ -20,8 +20,8 @@
         data() {
             return {
                 links: {
-                    neuterNouns: 'neuter',
+                    neuterNouns: 'deer',
-                    dukajNouns: 'genderless',
+                    dukajNouns: 'ghost',
                     personNouns: 'user-friends',
                     inclusive: 'book-heart',
                 }

locale/pl/translations.suml

@@ -149,6 +149,9 @@ nouns:
         header: 'Dukatywy'
         label: 'dukatyw'
         id: 'dukatywy'
+        flag:
+            alt: 'Flaga osób niebinarnych z naniesionym duszkiem krzyczącym „-łu”.'
+            caption: 'Ze względu na końcówki „-łum”, „-łuś” i „-łu”, flaga dukazimów i dukatywów przedstawia duszka krzyczącego „łu!”.'
         info:
             - >
                 Analogicznie do tzw. {/onu=dukaizmów} („zrobiłum”, „poszłuś”)
@@ -170,6 +173,9 @@ nouns:
         header: 'Neutratywy'
         label: 'neutratyw'
         id: 'neutratywy'
+        flag:
+            alt: 'Flaga osób niebinarnych z naniesionym łosiem trzymającym łom.'
+            caption: 'Ze względu na końcówki „-łom” i „-łoś”, „-ło”, flaga rodzaju nijakiego i neutratywów przedstawia łosia z łomem.'
         info:
             - >
                 Są to słowa ukute na nijakie wersje słów nacechowanych płciowo, analogicznie do feminatywów.

routes/names.vue

@@ -145,7 +145,7 @@
 </script>
 
 <style lang="scss">
-    @import "assets/style";
+    @import "assets/variables";
 
     @include media-breakpoint-up('md') {
         .w-md-50 {

routes/profile.vue

@@ -169,7 +169,7 @@
 </script>
 
 <style lang="scss" scoped>
-    @import "assets/style";
+    @import "assets/variables";
 
     .avatar {
         width: 100%;

routes/select.vue

@@ -11,7 +11,7 @@
 </template>
 
 <style lang="scss" scoped>
-    @import "assets/style";
+    @import "assets/variables";
 
     .list-group-item-hoverable {
         &:hover {