From 53a80c8a5f11bff79103a96a57e1b888bc3c2f0b Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Thu, 24 Sep 2020 23:08:13 +0200
Subject: [PATCH] poprawki w kontaktach

---
 components/Authors.vue | 25 ++++++++++++++++++-------
 components/Footer.vue  |  4 ++--
 components/Links.vue   |  4 ++--
 pages/kontakt.vue      |  2 +-
 4 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/components/Authors.vue b/components/Authors.vue
index 6804bcaaf..e24b7996c 100644
--- a/components/Authors.vue
+++ b/components/Authors.vue
@@ -1,11 +1,8 @@
 <template>
     <ul :class="{'list-unstyled': !expanded}">
-        <li v-for="author in authors">
+        <li v-for="author in authors" class="mb-2">
             {{ author.name }}
-            (<nuxt-link :to="author.pronounsLink">{{ author.pronouns }}</nuxt-link>,
-            <a v-if="author.website" :href="author.website" target="_blank" rel="noopener"><Icon v="globe"/></a>
-            <a v-if="author.twitter" :href="'https://twitter.com/' + author.twitter" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>
-            <a v-if="author.mail" :href="'mailto:' + author.mail" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
+            (<nuxt-link :to="author.pronounsLink">{{ author.pronouns }}</nuxt-link>)
             –
             <template v-for="(link, area, index) in author.areas">
                 <Spaceless>
@@ -15,6 +12,19 @@
                     <span v-if="index < Object.keys(author.areas).length - 1">, </span>
                 </Spaceless>
             </template>
+            <br/>
+            <a v-if="author.website" :href="author.website" target="_blank" rel="noopener" class="badge badge-light border">
+                <Icon v="globe"/>
+                Blog
+            </a>
+            <a v-if="author.twitter" :href="'https://twitter.com/' + author.twitter" target="_blank" rel="noopener" class="badge badge-light border">
+                <Icon v="twitter" set="b"/>
+                Twitter
+            </a>
+            <a v-if="author.mail" :href="'mailto:' + author.mail" target="_blank" rel="noopener" class="badge badge-light border">
+                <Icon v="envelope"/>
+                Email
+            </a>
         </li>
     </ul>
 </template>
@@ -52,12 +62,13 @@
                     },
                     {
                         name: 'Zuzanna Sybilla Grzybowska',
-                        pronouns: 'ona/ono',
-                        pronounsLink: '/ona&ono/jej',
+                        pronouns: 'on/ona/ono',
+                        pronounsLink: '/on&ona&ono',
                         twitter: 'mykofanes',
                         mail: 'zuzannagrzybowska@protonmail.com',
                         areas: {
                             neutratywy: '/neutratywy',
+                            'social media': null,
                         },
                     },
                 ],
diff --git a/components/Footer.vue b/components/Footer.vue
index 78994d48f..b8cab588b 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -4,7 +4,7 @@
         <div class="d-flex flex-column flex-md-row justify-content-around mt-4 mb-5">
             <div class="small text-center d-flex flex-column justify-content-center">
                 <p class="mb-2">
-                    <nuxt-link to="/neutratywy#autor">Autorza</nuxt-link> strony:
+                    <nuxt-link to="/neutratywy#autorzę">Autorza</nuxt-link> strony:
                 </p>
 
                 <Authors/>
@@ -16,7 +16,7 @@
                     <a href="https://mit.avris.it" target="_blank" rel="noopener">MIT</a>.
                 </p>
             </div>
-            <div class="text-center">
+            <div class="text-center d-flex flex-column justify-content-center">
                 <p class="small mb-0">
                     <Icon v="users"/>
                     Kontakt, social media, wsparcie:
diff --git a/components/Links.vue b/components/Links.vue
index 80119369e..85163f6f2 100644
--- a/components/Links.vue
+++ b/components/Links.vue
@@ -56,13 +56,13 @@
             <li class="my-2">
                 <Icon v="instagram" set="b"/>
                 <a href="https://www.instagram.com/inkluzywnamowa/" target="_blank" rel="noopener">
-                    @inkluzywnamowa na Instagramie
+                    @inkluzywnamowa
                 </a>
             </li>
             <li class="my-2">
                 <Icon v="facebook" set="b"/>
                 <a href="https://facebook.com/slownikempatyczny" target="_blank" rel="noopener">
-                    „Słownik Empatyczny Języka Polskiego” na Facebooku
+                    Słownik Empatyczny Języka Polskiego
                 </a>
             </li>
         </ul>
diff --git a/pages/kontakt.vue b/pages/kontakt.vue
index a4222fe07..1e00ac74e 100644
--- a/pages/kontakt.vue
+++ b/pages/kontakt.vue
@@ -7,7 +7,7 @@
 
         <section class="mt-0">
             <p class="mb-2">
-                <nuxt-link to="/neutratywy#autor">Autorza</nuxt-link> strony:
+                <nuxt-link to="/neutratywy#autorzę">Autorza</nuxt-link> strony:
             </p>
             <Authors expanded/>
         </section>