#58 spójniejsze podstrony

- nagłówek na każdej podstronie
 - linki jako podstrona
 - sociale w `/kontakt`
 - mniej ramek w `/neutratywy`
 - bez powtarzania menu w `/`
 - extract `<ScrollButton/>`
This commit is contained in:
Avris 2020-09-24 21:38:15 +02:00
parent 847dc5d3c8
commit 59fe41c261
13 changed files with 181 additions and 190 deletions

View File

@ -12,6 +12,7 @@ $container-max-widths: (
xl: 770px
) !default;
$h1-font-size: 3rem;
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";

View File

@ -33,6 +33,7 @@
{ link: '/', icon: 'home', text: 'Zaimki', textLong: 'Lista zaimków', extra: ['all', 'dowolne'] },
{ link: '/literatura', icon: 'books', text: 'Teksty kultury', textLong: 'Przykłady z tekstów kultury' },
{ link: '/neutratywy', icon: 'atom-alt', text: 'Neutratywy', textLong: 'Słownik neutratywów' },
{ link: '/linki', icon: 'bookmark', text: 'Linki', textLong: 'Dodatkowe materiały' },
{ link: '/kontakt', icon: 'comment-alt-smile', text: 'Kontakt' },
],
};

78
components/Links.vue Normal file
View File

@ -0,0 +1,78 @@
<template>
<section :class="{'mt-0': top}">
<h2 class="mb-3">
<Icon v="bookmark"/>
Dodatkowe materiały
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="globe-europe"/>
<a href="https://pronoun.is/" target="_blank" rel="noopener">
Pronoun.is
</a>
anglojęzyczna inspiracja dla tej strony.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://avris.it/blog/czemu-ka%C5%BCdy-powinien-mie%C4%87-zaimki-w-bio" target="_blank" rel="noopener">
Czemu KAŻDY powinien mieć zaimki w bio
</a>
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://avris.it/blog/genderneutralizacja-polszczyzny" target="_blank" rel="noopener">
Genderneutralizacja polszczyzny?
</a>
artykuł opisujący, dlaczego język neutralny płciowo jest ważny,
i zbierający pomysły na stworzenie takiego.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://www.przemyslenia-maniaka.pl/2019/11/maniak-marudzi-27-niebinarne-tumaczenia.html" target="_blank" rel="noopener">
Maniak marudzi #27: Niebinarne tłumaczenia
</a>
artykuł pokazujący, że nie da się przetłumaczyć they/them na polski to tylko wymówka.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="http://wasowska.net/2020/09/rowni-wobec-jezyka-o-jezyku-neutralnym-plciowo/" target="_blank" rel="noopener">
Równi wobec języka o języku neutralnym płciowo
</a>
artykuł Agnieszki Wąsowskiej
</li>
<li class="my-2">
<Icon v="play-circle"/>
<a href="https://www.youtube.com/watch?v=YOEB6Ixp048" target="_blank" rel="noopener">
Nie-binarny język polski seminarium naukowe (Queer UW)
</a>
</li>
<li class="my-2">
<Icon v="play-circle"/>
<a href="https://rss.com/podcasts/bezwstydny/75056/" target="_blank" rel="noopener">
Niebinarność, neutratywy i prawa człowieka Rozmowa z W. Dynarskim (Bezwstydne Podcast)
</a>
<span class="text-nowrap">o zaimki.pl</span> i neutratywach w okolicach 13:40
</li>
<li class="my-2">
<Icon v="instagram" set="b"/>
<a href="https://www.instagram.com/inkluzywnamowa/" target="_blank" rel="noopener">
@inkluzywnamowa na Instagramie
</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
</a>
</li>
</ul>
</section>
</template>
<script>
export default {
props: {
top: { type: Boolean },
}
};
</script>

24
components/Media.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<section>
<h2 class="h3">
<Icon v="tv"/>
Zaimki.pl w mediach
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="newspaper"/>
<a href="https://queer.pl/artykul/204685/zaimkipl-strona-jezyk-polski-niebinarnosc" target="_blank" rel="noopener">
Zaimki.pl: powstała strona ułatwiająca dostosowanie języka polskiego osobom niebinarnym.
Rozmawialiśmy z jej twórcą i twórczynium
<strong>Queer.pl</strong>
</a>
</li>
<li class="my-2">
<Icon v="radio"/>
<a href="https://pod.co/haloradio/joanna-frejus-2020-08-23-17-00" target="_blank" rel="noopener">
Osoby redaktorskie Słownika Neutratywów u Joanny Frejus w <strong>Halo.Radio</strong>
</a>
</li>
</ul>
</section>
</template>

26
components/Socials.vue Normal file
View File

@ -0,0 +1,26 @@
<template>
<section>
<h2 class="h3">
<Icon v="hashtag"/>
Social media
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="instagram" set="b"/>
<a href="https://instagram.com/neutratywy/" target="_blank" rel="noopener">
<strong>instagram.com/neutratywy</strong>
Słownik Neutratywów Języka Polskiego
</a>
</li>
<li class="my-2">
<Icon v="facebook" set="b"/>
<a href="https://facebook.com/neutratywy" target="_blank" rel="noopener">
<strong>fb.com/neutratywy</strong>
Słownik Neutratywów Języka Polskiego
</a>
</li>
</ul>
</section>
</template>

View File

@ -3,6 +3,7 @@
<div class="flex-grow-1">
<Header/>
<Nuxt/>
<ScrollButton/>
</div>
<div class="container">
<Footer/>

View File

@ -112,8 +112,6 @@
<About/>
<Homepage align="center"/>
</section>
<ScrollButton/>
</div>
</template>

View File

@ -47,8 +47,6 @@
<About/>
<Homepage align="center"/>
</section>
<ScrollButton/>
</div>
</template>

View File

@ -1,28 +1,27 @@
<template>
<div class="container">
<h2>
<Icon v="tags"/>
Skąd potrzeba niebinarnych zaimków?
</h2>
<section>
<About/>
<ul class="list-unstyled">
<li class="mb-3">
<nuxt-link to="/literatura" class="btn btn-outline-primary">
<Icon v="books"/>
Niebinarna polszczyzna w tekstach kultury
</nuxt-link>
</li>
<li class="mb-3">
<nuxt-link to="/neutratywy" class="btn btn-outline-primary">
<Icon v="atom-alt"/>
Słownik neutratywów
</nuxt-link>
tutaj zbieramy neutralne formy rzeczowników
</li>
</ul>
</section>
<section>
<Share/>
</section>
<Separator icon="link"/>
<section>
<ul class="list-group">
<h2>
<Icon v="tags"/>
Propozycje form
</h2>
<ul class="list-group mt-4">
<li v-for="[group, groupTemplates] in templateLibrary.split()" class="list-group-item">
<p class="h5">
{{ group.name }}
@ -187,109 +186,10 @@
<Separator icon="bookmark"/>
<section>
<h2 class="h3 mb-3">
<Icon v="bookmark"/>
Dodatkowe materiały:
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="globe-europe"/>
<a href="https://pronoun.is/" target="_blank" rel="noopener">
Pronoun.is
</a>
anglojęzyczna inspiracja dla tej strony.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://avris.it/blog/czemu-ka%C5%BCdy-powinien-mie%C4%87-zaimki-w-bio" target="_blank" rel="noopener">
Czemu KAŻDY powinien mieć zaimki w bio
</a>
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://avris.it/blog/genderneutralizacja-polszczyzny" target="_blank" rel="noopener">
Genderneutralizacja polszczyzny?
</a>
artykuł opisujący, dlaczego język neutralny płciowo jest ważny,
i zbierający pomysły na stworzenie takiego.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="https://www.przemyslenia-maniaka.pl/2019/11/maniak-marudzi-27-niebinarne-tumaczenia.html" target="_blank" rel="noopener">
Maniak marudzi #27: Niebinarne tłumaczenia
</a>
artykuł pokazujący, że nie da się przetłumaczyć they/them na polski to tylko wymówka.
</li>
<li class="my-2">
<Icon v="comment-alt-edit"/>
<a href="http://wasowska.net/2020/09/rowni-wobec-jezyka-o-jezyku-neutralnym-plciowo/" target="_blank" rel="noopener">
Równi wobec języka o języku neutralnym płciowo
</a>
artykuł Agnieszki Wąsowskiej
</li>
<li class="my-2">
<Icon v="play-circle"/>
<a href="https://www.youtube.com/watch?v=YOEB6Ixp048" target="_blank" rel="noopener">
Nie-binarny język polski seminarium naukowe (Queer UW)
</a>
</li>
<li class="my-2">
<Icon v="play-circle"/>
<a href="https://rss.com/podcasts/bezwstydny/75056/" target="_blank" rel="noopener">
Niebinarność, neutratywy i prawa człowieka Rozmowa z W. Dynarskim (Bezwstydne Podcast)
</a>
<span class="text-nowrap">o zaimki.pl</span> i neutratywach w okolicach 13:40
</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
</a>
</li>
</ul>
<h2 class="h3 mb-3 mt-5">
<Icon v="tv"/>
Zaimki.pl w mediach
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="newspaper"/>
<a href="https://queer.pl/artykul/204685/zaimkipl-strona-jezyk-polski-niebinarnosc" target="_blank" rel="noopener">
Zaimki.pl: powstała strona ułatwiająca dostosowanie języka polskiego osobom niebinarnym.
Rozmawialiśmy z jej twórcą i twórczynium
<strong>Queer.pl</strong>
</a>
</li>
<li class="my-2">
<Icon v="radio"/>
<a href="https://pod.co/haloradio/joanna-frejus-2020-08-23-17-00" target="_blank" rel="noopener">
Osoby redaktorskie Słownika Neutratywów u Joanny Frejus w <strong>Halo.Radio</strong>
</a>
</li>
</ul>
<h2 class="h3 mb-3 mt-5">
<Icon v="hashtag"/>
Social media
</h2>
<ul class="list-unstyled">
<li class="my-2">
<Icon v="instagram" set="b"/>
<a href="https://instagram.com/neutratywy/" target="_blank" rel="noopener">
Słownik Neutratywów Języka Polskiego na Instagramie
</a>
</li>
<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 Facebooku
</a>
</li>
</ul>
<Links/>
<Media/>
<Socials/>
</section>
<ScrollButton/>
</div>
</template>

View File

@ -5,9 +5,14 @@
Kontakt
</h2>
<section>
<section class="mt-0">
<p class="mb-2">
<nuxt-link to="/neutratywy#autor">Autorza</nuxt-link> strony:
</p>
<Authors expanded/>
</section>
<Socials/>
</div>
</template>

7
pages/linki.vue Normal file
View File

@ -0,0 +1,7 @@
<template>
<div class="container">
<Links top/>
<Media/>
<Socials/>
</div>
</template>

View File

@ -117,8 +117,6 @@
</li>
</ul>
</section>
<ScrollButton/>
</div>
</template>

View File

@ -13,69 +13,25 @@
Poniżej przedstawiamy tworzony przez społeczność słownik rzeczowników
z wyszczególnieniem ich formy męskiej, żeńskiej i neutralnej.
</p>
<div class="alert alert-info small">
<p>
<strong>Czym neutratywy?</strong>
</p>
<p>
to słowa ukute na nijakie wersje słów nacechowanych płciowo, analogicznie do feminatywów, czyli wersji żeńskich.
</p>
<p>
<strong>Dlaczego warto tworzyć neutratywy?</strong>
</p>
<p>
Z tych samych powodów co feminatywy!
</p>
<p>
O ile łatwiej byłoby, gdyby nazwy zawodów zatraciły swoje często męskie nacechowanie.
Niestety tak się nie dzieje, przez co domyślnie możemy określać płeć osoby wykonującej ten zawód jako męską.
</p>
<p>
Jednak nie każda osoba chce używać zaimków i form męskich czy żeńskich,
choćby dlatego, że płeć człowieka wymyka się tym dwóm kategoriom.
Coraz więcej osób używa w odniesieniu do siebie
<nuxt-link to="/ono">rodzaju nijakiego</nuxt-link> i <nuxt-link to="/">innych form</nuxt-link>.
Formy te zaczynają być także potrzebne w tłumaczeniach z języków,
gdzie używane formy niebinarne takie jak choćby angielskie zaimki they/them.
Z tego powodu proponujemy rozbudowę niebinarnej polszczyzny poprzez wspólne tworzenie form nijakich.
</p>
<p>
<Icon v="radio"/>
<a href="https://pod.co/haloradio/joanna-frejus-2020-08-23-17-00" target="_blank" rel="noopener">
Osoby redaktorskie Słownika Neutratywów u Joanny Frejus w Halo.Radio
</a>
</p>
</div>
<ul class="list-unstyled">
<li class="mb-3">
Aby dodać swoją propozycję:
<button class="btn btn-outline-success" @click="$refs.form.$el.scrollIntoView()">
<Icon v="plus-circle"/>
Formularz zgłoszeniowy
</button>
</li>
<li class="mb-3">
Obserwuj Słownik na Facebooku:
<a href="https://facebook.com/neutratywy" target="_blank" rel="noopener" class="btn btn-outline-info">
<Icon v="facebook" set="b"/>
fb.com/neutratywy
</a>
</li>
<li class="mb-3">
Obserwuj Słownik na Instagramie:
<a href="https://instagram.com/neutratywy/" target="_blank" rel="noopener" class="btn btn-outline-info">
<Icon v="instagram" set="b"/>
instagram.com/neutratywy
</a>
</li>
<li class="mb-3">
Dla form neutralnych innych niż rzeczowniki zapraszamy na
<nuxt-link to="/" class="btn btn-outline-primary">
<Icon v="tags"/>
Zaimki.pl
</nuxt-link>
</li>
</ul>
<p>
<strong>Czym neutratywy?</strong>
to słowa ukute na nijakie wersje słów nacechowanych płciowo, analogicznie do feminatywów, czyli wersji żeńskich.
</p>
<p>
<strong>Dlaczego warto tworzyć neutratywy?</strong>
Z tych samych powodów co feminatywy!
O ile łatwiej byłoby, gdyby nazwy zawodów zatraciły swoje często męskie nacechowanie.
Niestety tak się nie dzieje, przez co domyślnie możemy określać płeć osoby wykonującej ten zawód jako męską.
</p>
<p>
Jednak nie każda osoba chce używać zaimków i form męskich czy żeńskich,
choćby dlatego, że płeć człowieka wymyka się tym dwóm kategoriom.
Coraz więcej osób używa w odniesieniu do siebie
<nuxt-link to="/ono">rodzaju nijakiego</nuxt-link> i <nuxt-link to="/">innych form</nuxt-link>.
Formy te zaczynają być także potrzebne w tłumaczeniach z języków,
gdzie używane formy niebinarne takie jak choćby angielskie zaimki they/them.
Z tego powodu proponujemy rozbudowę niebinarnej polszczyzny poprzez wspólne tworzenie form nijakich.
</p>
<Share title="Słownik neutratywów"/>
</section>
@ -237,8 +193,6 @@
<Separator icon="plus"/>
<NounSubmitForm ref="form" :secret="secret"/>
<ScrollButton/>
</div>
</template>