---
# System prepended metadata

title: Mapa rozwoju strony
tags: [robocze]

---

---
tags: robocze
---

# Mapa rozwoju strony

## Bugi
* Rzeczy do naprawienia: https://github.com/tranzycja-pl/tranzycja.pl/issues
* Należy uzupełnić o listę bugów Kacpra
* Uzupełnić o poniższe:

![](https://i.imgur.com/PywxtI3.png)

## Ogólne

### Wesprzyj nas!

* Wyróżniony przycisk w menu głównym
* Zamiast pojedynczego pliku .md katalog plików, np.
    *  wsparcie/jak.md
    *  wsparcie/finansowe.md
    *  wsparcie/teksty.md
    *  wsparcie/grafika.md
    *  wsparcie/faq.md
* Powinno działać tak jak aktualnie funkcjonuje dział Krok po kroku gdy już się wczyta jakiś artykuł, z automatycznie generującym się interaktywnym spisem treści pomiędzy tekstami opisującymi dokładniej różne formy wsparcia

### Zwinąć aktualności na stronie głównej
* w tym momencie na stronie głównej wyświetlany jest cały ostatni post z aktualności
* długie wpisy powinny być ucięte, na końcu `Czytaj dalej ➡`
* Powinno wyświetlać kilka ostatnich wpisów, najnowszy bądź wyróżniony mieć trochę węcej miejsca, a pozostałe mniej, wszystkie ucięte

### Możliwość przypięcia postu z aktualności
* powinna być możliwość przypięcia postu tak aby był na górze aktualności i wyróżniony, nawet jeśli nie jest najnowszy
* może to polegać np. na dodaniu tagu `przypnij` w sekcji metadanych

### Przeszukiwanie treści po tagach

* Każdy tekst powinien być do wyszukania po tagach branych z sekcji metadanych artykułu
* Do zastanowienia się w jakiej formie to powinno być wyświetlane na stronie (chmura tagów? na stronie głównej, czy w konkretnych ktegoriach?)

### Krok po kroku - podział na subkategorie
* Dział `Krok po kroku` powinien dostać możliwość zakładania subktegorii, które na stronie działu byłyby rozwijane
* Każda subkategoria powinna mieć mozliwość dodania unikatowej ikonki/obrazka
* Na stronie głównej zamiast pierwszych z brzegu tekstów powinny się znaleźć "ikonki" poszczególnych kategorii
* Zmapowanie planowanych subkategorii: Nina

### Podgląd na social media
* Jeśli tekst nie ma swojego obrazka, powinien być konkretny obrazek działający jako thumbnail, najlepiej zawierający logo/adres i jakiś tagline


### Angielska wersja strony
* autowykrywanie osób odwiedzających z poza Polski z pytaniem czy przełączyć na anglojęzyczną wersję
* w prawym górnym rogu przełącznik EN/PL
* wybor powinien zostać zapamiętany
* strona główna w następującej budowie:
* lead wyglądający jak teraz tylko angielska treść
* w miejsce sekcji `Krok po kroku` miejsce na opisanie wizji/misji projektu, naszych działań, można jakieś z 2 zdania o sytuacji w Polsce; dlaczego to co robimy jest ważne/potrzebne, fajnie by było jakąś graficzkę
* dział `Publikacje` wersja anglojęzyczna
* `Wesprzyj nas!` w całości w wersji angielskiej
* Pozycje w menu: `Our mission`, `Publications`, `Support us!`

~~### Wersja wysokokontrastowa strony~~
* Do aktualnych wersji jasna/ciemna dołączyć wersję wysokokontrastową spełniającą standardy dla osób słabo widzących
* Odp: nasza strona w wersji bazowej odpowiedni kontrast, możemy zrobić audyt dostępności i wtedy mieć konkrenty; większe znaczenie póki co ma odpowiedni opisywanie obrazków, właściwe nagłówki itd.
* Musimy poprawić alt teksty obrazków, musi być ich treść opisana
* https://www.w3.org/WAI/tutorials/images/decision-tree/

### Przesuwane panele na mobilce

Treści mające podglądy na stronie głównej w formie paneli na wersji mobilnej powinny ładować węcej paneli z możliwościa przesuwania ich. Powinno być wyraźnie zaznaczone, że to nie wszystko bądź możliwość "doładowania" więcej.

### Trigger Warning
* funkcjonalność umożliwiająca ukrywanie treści które mogą być dla niektórych trudne/traumatyzujące
* obok wyboru języka oraz trybu wyświetlania storny, powinien znaleźć się przełącznik TW
* tooltip do przełącznika: `Tryb Trigger Warning ukrywa trudne, potencjalnie traumatyzujące treści i określnia.` (można spróbować to ująć krócej)
* zakładane są 3 sposoby użycia

#### Tag podmieniający pojedyncze słowa (jedno bądź kilka) w akapicie na synonim/eufemizm
Proponowany zapis:
```
Treść akapitu [ukryte określenie]<eufemizm bądź synonim> falszy ciąg akapitu.

```
* podmieniona treść powinna być wyraźnie zaznaczona, np. zakreślona
* tooltip po najechaniu `Trigger Warning: kliknij aby odsłonić.`
* Kliknięcie odsłania zasłoniętą frazę, ale tyko tę jedną frazę; nie wyłącza trybu TW.

#### Tag ukrywający cały akapt
* Działa analogicznie do `::: spoiler`
* Kolor ostrzegwczy, domyślny podpis: `Trigger Warning!`, podpis może zostać zmieniony

Propozcyja użycia:
```
::: tw Podpis

ukryta treść

:::
```
bądź:
```
:::tw Podpis
ukryta treść
:::
```

#### Tag ukrywający cały artykuł
* Artykuły otagowe `tw` w sekcji metadanych powinny zostać ukryte

## Formatowanie treści

### Podtytuł
* Każdy tekst musi mieć możliwość dodania podtytułu, wrazie gdyby tytuł był za długi i trzeba było go uciąć
* Podtytuł powinien być tuż pod tytułem, mniejszy od niego ale większy od H1
* Podtytuł nie powinien być brany do automatycznie generowanych spisów treści
* Podglądy artykułów powinny być odpowiedni dostosowane
* Proponowany format zapisu:
```
# Tytuł
Podtytuł

Akapit
```

### Stopka do tekstów
* każdy tekst powinien mieć automatycznie generowaną stopkę na podstawie informacji z sekcji metadanych
* stopka może być zwijana, zwłaszcza jeśli będzie dłuższa
* tabelka powinna się generować tylko z tymi polami które zostały wpisane
* przy każdym artykule w sekcji metadanych powinna być możliwość (ale brak konieczności) wpisania:
    * `autorstwo`
    * `grafika`
    * `korekta`
    * `licencja`
* fajnie by było jakby podpisy pól były wgl w pełni customowe
* pole `licencja` powinno wyświetlać się w stopce zawsze, w przypadu braku takiego pola w metadanych tekstu powinna być domyślna formułka definiowana w pliku ustawień strony
* w każde z pól powinna być możliwość wpisania więcej niż jednej osoby
* ponadto każdy tekst powinien mieć automatycznie dodawane datę pierwszej publikacji i datę aktualizacji, które również powinny być uwzględnine w stopce

### Wsparcie
Każdy dłuższy tekst powinien gdzieś mniej więcej w połowie mieć niedużą belkę zachęcającą do wsparcia projektu, linkującą do /wsparcie/jak.md


### Możesz rozwinąć ten tekst!
* każdy tekst w sekcji `Krok po kroku` (tylko) powinien mieć bloczek zachęcający do wsparcia w rozwoju tekstu
* treść takiego bloczku powinna być stała, definiwana w pliku ustawień strony
* link do wersji hackmd artykułu powinien być brany z sekcji metadanych artkułu
* Przykład: https://tranzycja.pl/krok-po-kroku/czym-jest-transplciowosc/#mozesz-ulepszyc-ten-tekst

### Opis obrazka
* Każdy obrazek musi mieć możliwość dodania opisu
* Opis składa się z jednej bądź wielu linijek
* Konieczna jest możliwość dodania listy (cyferkowej bądź literkowej) jeśli np. obrazek wymaga legendy/podpisania elementów

## Dalsza perspektywa
Duże projekty - pomysły na zagospodarowanie przyszłych grantów.

### Interaktywna mapka
* wiele warst/kategorii, szukanie po opisach i tagach
* możliwość zgłaszania propozycji zmian i zostawiania ocen oraz komentarzy/recenzji
* do przemyślenia aspekty prawne/rodo - zgody od osób umieszczonych na mapie?
* możliwość zgłaszania nadużyć ze strony osób z mapki

### Wirtualny asysten tranzycji