2023-11-17 14:22:28 +01:00
""" The home page of the app. """
from blurme import styles
from blurme . templates import template
import reflex as rx
@template ( route = " / " , title = " Strona główna " , image = " /github.svg " )
def index ( ) - > rx . Component :
return rx . vstack (
rx . heading ( " Witaj w BlurMe! " , font_size = " 3em " , margin_bottom = " 25px " , background_image = " linear-gradient(271.68deg, #7566fe 0.75 % , #f96caf 88.52 % ) " , background_clip = " text " , padding = " 10px " ) ,
2023-11-18 16:05:17 +01:00
rx . wrap (
rx . hstack (
rx . vstack ( rx . text ( " Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste! " ,
2023-11-19 20:16:19 +01:00
font_size = " 1.2em " , style = { " margin-left " : " 40px " , " margin-top " : " 50px " , " align-self " : " flex-start " , " margin-bottom " : " 25px " } ) ,
2023-11-18 16:05:17 +01:00
rx . link ( rx . button ( " Zacznij anonimizować " ) , href = " settings " , align = " center " , color = " rgba(117,102,254,255) " , button = True , padding = " 50xp " , font_size = " 1.2em " , style = { " margin-top " : " 30px " } ) , style = { " align-self " : " flex-start " } ) ,
rx . image ( src = " obraz1.png " , height = " 30em " , padding = " 0.5em " , style = { " margin-right " : " 60px " } ) ,
style = { " align-self " : " flex-start " } ) , ) ,
2023-11-17 20:25:22 +01:00
2023-11-18 16:05:17 +01:00
rx . text ( " " , height = " 20px " ) ,
2023-11-19 20:16:19 +01:00
rx . vstack ( rx . text ( " Jak to działa? " , color = " rgba(117,102,253,255) " , font_size = " 2em " , font_weight = " bold " , margin_top = " 20px " , margin_bottom = " 5px " ) ,
rx . list (
rx . list_item ( rx . text ( " 1. Wgraj Zdjęcie " , as_ = " b " , font_size = " 1.2em " ) ,
rx . text ( " Prosty proces rozpoczyna się od dodania zdjęcia, które chcesz anonimizować. " , ) , margin_right = " 50 % " ) ,
rx . list_item ( rx . text ( " 2. Zaznacz Twarz do Ochrony " , as_ = " b " , font_size = " 1.2em " ) ,
rx . text ( " Oznacz twarz, którą chcesz zachować. " , ) , margin_left = " 50 % " ) ,
rx . list_item ( rx . text ( " 3. Anonimizuj Resztę " , as_ = " b " , font_size = " 1.2em " ) ,
rx . text ( " Naciśnij przycisk, a Blurme automatycznie zastosuje efekt rozmycia do wszystkich obszarów poza zaznaczoną twarzą. " , ) , margin_right = " 50 % " ) ,
rx . list_item ( rx . text ( " 4. Pobierz i Podziel Się " , as_ = " b " , font_size = " 1.2em " ) ,
rx . text ( " Gotowe! Pobierz anonimizowane zdjęcie i dziel się nim bez obaw o prywatność. " , ) , margin_left = " 50 % " ) ,
) , margin_right = " 40px " , margin_left = " 40px " ) ,
rx . vstack ( rx . text ( " Dlaczego Blurme? " , color = " rgba(251,108,174,255) " , font_size = " 2em " , font_weight = " bold " , margin_top = " 25px " , margin_bottom = " 5px " ) ,
rx . flex (
rx . box ( rx . text ( " Prywatność " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Nasza aplikacja zapewnia pełną ochronę prywatności, eliminując ryzyko identyfikacji osób niezwiązanych z anonimizacją. " , text_align = " left " , ) , margin_left = " 40px " , width = " 315px " , padding = " 5px " ) ,
rx . box ( rx . text ( " Elastyczność " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Wybierz, która twarz na zdjęciu ma pozostać niezmieniona, a my zadbamy o resztę. " , text_align = " left " , ) , width = " 315px " , padding = " 5px " ) ,
rx . box ( rx . text ( " Prosta obsługa " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego. " , text_align = " left " , ) , margin_right = " 40px " , width = " 315px " , padding = " 5px " ) ,
align = " top " ) , text_align = " center " ) ,
rx . vstack ( rx . text ( " Do Czego? " , color = " rgba(183,105,215,255) " , font_size = " 2em " , font_weight = " bold " , margin_top = " 25px " , margin_bottom = " 5px " ) ,
rx . list ( rx . hstack (
rx . list_item ( rx . text ( " Ochrona Tożsamości " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Idealne do usuwania twarzy nieznajomych lub przypadkowych przechodniów z tła. " , text_align = " left " ) , ) ,
rx . list_item ( rx . text ( " Zachowanie Prywatności " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Przydatne w sytuacjach, gdy chcesz udostępnić zdjęcia publicznie, ale z zachowaniem prywatności pewnych osób. " , text_align = " left " ) , ) ,
rx . list_item ( rx . text ( " Kreatywność " , as_ = " b " , font_size = " 1.3em " ) ,
rx . text ( " Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach. " , text_align = " left " ) , ) ,
margin_right = " 40px " , margin_left = " 40px " ) , ) , text_align = " center " ) ,
# rx.text("Blurme to więcej niż tylko narzędzie - to rozwiązanie, które pozwala Ci kontrolować, jak prezentujesz swoje zdjęcia online, zachowując jednocześnie pełną prywatność. Przekształć swoje obrazy już teraz!", text_align = "left"),
) #Indywidualizuj swoje zdjęcia zgodnie z własnymi potrzebami