From 4538e5c1fdbebd79b42aa431dfbdcb1ceb0b5db6 Mon Sep 17 00:00:00 2001
From: Avris <andre@avris.it>
Date: Mon, 14 Sep 2020 19:23:17 +0200
Subject: [PATCH] [footer] social links

---
 components/Footer.vue | 118 +++++++++++++++++++++---------------------
 pages/index.vue       |   2 +-
 2 files changed, 61 insertions(+), 59 deletions(-)

diff --git a/components/Footer.vue b/components/Footer.vue
index d7ccd27a..8dd07614 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,68 +1,70 @@
 <template>
     <footer>
         <Separator icon="user-friends"/>
-        <section class="small text-center">
-            <p class="mb-2">
-                <nuxt-link to="/neutratywy#autor">Autorza</nuxt-link> strony:
-            </p>
+        <div class="d-flex flex-column flex-md-row justify-content-around my-4">
+            <div class="small text-center">
+                <p class="mb-2">
+                    <nuxt-link to="/neutratywy#autor">Autorza</nuxt-link> strony:
+                </p>
 
-            <ul class="list-unstyled">
-                <li>
-                    Andrea
-                    (<nuxt-link to="/onu">onu</nuxt-link>,
-                    <a href="https://avris.it" target="_blank" rel="noopener"><Icon v="globe"/></a>,
-                    <a href="https://twitter.com/AvrisIT" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
-                    <a href="mailto:andrea@avris.it" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
-                    – <a href="https://gitlab.com/Avris/Zaimki" target="_blank" rel="noopener">kod</a>, język
-                </li>
+                <ul class="list-unstyled">
+                    <li>
+                        Andrea
+                        (<nuxt-link to="/onu">onu</nuxt-link>,
+                        <a href="https://avris.it" target="_blank" rel="noopener"><Icon v="globe"/></a>,
+                        <a href="https://twitter.com/AvrisIT" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
+                        <a href="mailto:andrea@avris.it" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
+                        – <a href="https://gitlab.com/Avris/Zaimki" target="_blank" rel="noopener">kod</a>, język
+                    </li>
 
-                <li>
-                    Paweł Dembowski
-                    (<nuxt-link to="/on">on</nuxt-link>,
-                    <a href="https://twitter.com/VaultAusir" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
-                    <a href="mailto:pawel.dembowski@gmail.com" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
-                    – język, <nuxt-link to="/literatura">literatura</nuxt-link>
-                </li>
+                    <li>
+                        Paweł Dembowski
+                        (<nuxt-link to="/on">on</nuxt-link>,
+                        <a href="https://twitter.com/VaultAusir" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
+                        <a href="mailto:pawel.dembowski@gmail.com" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
+                        – język, <nuxt-link to="/literatura">literatura</nuxt-link>
+                    </li>
 
-                <li>
-                    Zuzanna Sybilla Grzybowska
-                    (<nuxt-link to="/ona&ono/jej">ona/ono</nuxt-link>,
-                    <a href="https://twitter.com/mykofanes" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
-                    <a href="mailto:zuzannagrzybowska@protonmail.com" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
-                    – <nuxt-link to="/neutratywy">neutratywy</nuxt-link>
-                </li>
-            </ul>
+                    <li>
+                        Zuzanna Sybilla Grzybowska
+                        (<nuxt-link to="/ona&ono/jej">ona/ono</nuxt-link>,
+                        <a href="https://twitter.com/mykofanes" target="_blank" rel="noopener"><Icon v="twitter" set="b"/></a>,
+                        <a href="mailto:zuzannagrzybowska@protonmail.com" target="_blank" rel="noopener"><Icon v="envelope"/></a>)
+                        – <nuxt-link to="/neutratywy">neutratywy</nuxt-link>
+                    </li>
+                </ul>
 
-            <p>
-                Kod jest
-                <a href="https://gitlab.com/Avris/Zaimki" target="_blank" rel="noopener">udostępniony</a>
-                na licencji
-                <a href="https://mit.avris.it" target="_blank" rel="noopener">MIT</a>.
-            </p>
-        </section>
-        <section class="text-center small">
-            <p class="small mb-0">
-                <Icon v="users"/>
-                Kontakt, social media, wsparcie:
-            </p>
-            <div class="mb-3">
-                <SquareButton link="https://avris.it">
-                    <img src="~assets/avris.svg"/>
-                </SquareButton>
-                <SquareButton link="https://facebook.com/neutratywy/">
-                    <Icon v="facebook-f" set="b"/>
-                </SquareButton>
-                <SquareButton link="https://instagram.com/neutratywy/">
-                    <Icon v="instagram" set="b"/>
-                </SquareButton>
-                <SquareButton link="https://paypal.me/AndreAvris">
-                    <Icon v="paypal" set="b"/>
-                </SquareButton>
-                <SquareButton link="https://gitlab.com/Avris/Zaimki">
-                    <Icon v="gitlab" set="b"/>
-                </SquareButton>
+                <p>
+                    Kod jest
+                    <a href="https://gitlab.com/Avris/Zaimki" target="_blank" rel="noopener">udostępniony</a>
+                    na licencji
+                    <a href="https://mit.avris.it" target="_blank" rel="noopener">MIT</a>.
+                </p>
             </div>
-            <Share/>
-        </section>
+            <div class="text-center">
+                <p class="small mb-0">
+                    <Icon v="users"/>
+                    Kontakt, social media, wsparcie:
+                </p>
+                <div class="mb-3">
+                    <SquareButton link="https://avris.it">
+                        <img src="~assets/avris.svg"/>
+                    </SquareButton>
+                    <SquareButton link="https://facebook.com/neutratywy/">
+                        <Icon v="facebook-f" set="b"/>
+                    </SquareButton>
+                    <SquareButton link="https://instagram.com/neutratywy/">
+                        <Icon v="instagram" set="b"/>
+                    </SquareButton>
+                    <SquareButton link="https://paypal.me/AndreAvris">
+                        <Icon v="paypal" set="b"/>
+                    </SquareButton>
+                    <SquareButton link="https://gitlab.com/Avris/Zaimki">
+                        <Icon v="gitlab" set="b"/>
+                    </SquareButton>
+                </div>
+                <Share/>
+            </div>
+        </div>
     </footer>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
index b0fd9c3e..667ce8fe 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -244,7 +244,7 @@
                 <li class="my-2">
                     <Icon v="facebook" set="b"/>
                     <a href="https://facebook.com/neutratywy" target="_blank" rel="noopener">
-                        „Słownik Neutratywów Języka Polskiego” na
+                        „Słownik Neutratywów Języka Polskiego” na Facebooku
                     </a>
                 </li>
                 <li class="my-2">