about update, contact update
This commit is contained in:
parent
afe6cb0439
commit
e1d147f6dc
@ -42,8 +42,26 @@ Dziękujemy za korzystanie z **BlurMe**!
|
||||
|
||||
@template(route="/about", title="O autorach", image = "/about-icon.png")
|
||||
def about() -> rx.Component:
|
||||
return rx.vstack(
|
||||
#rx.heading("O autorach", font_size="3em"),
|
||||
rx.markdown(about_authors_text),
|
||||
)
|
||||
return rx.vstack(
|
||||
rx.heading("O autorach", font_size="3em", margin_bottom="10px", background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", padding = "10px"),
|
||||
rx.box(
|
||||
rx.text("Jesteśmy grupą studentek kierunku Przetwarzania i Analizy Danych, które postanowiły połączyć swoje różnorodne umiejętności w ramach wspólnego projektu. Zależy nam nie tylko na zdobywaniu wiedzy na uczelni, ale także na praktycznym wykorzystaniu naszych umiejętności w realnych projektach.", margin_right="5%", margin_left="5%", margin_bottom = "10px"),
|
||||
rx.list(
|
||||
rx.list_item( rx.icon(tag="arrow_forward")," W naszym zespole każda z nas wnosi unikalne perspektywy i pomysły, co sprawia, że nasza współpraca jest inspirująca.",),
|
||||
rx.list_item(rx.icon(tag="arrow_forward"), " Nasza pasja do analizy danych oraz zrozumienie dziedziny przetwarzania danych stanowią fundamenty naszego projektu."),
|
||||
rx.list_item( rx.icon(tag="arrow_forward")," Naszym głównym celem jest stworzenie innowacyjnego rozwiązania, które nie tylko będzie spełniać potrzeby dzisiejszych czasów, ale również przyczyni się do ochrony prywatności w kontekście współdzielenia zdjęć online.",),
|
||||
margin_left = "18%", margin_right = "18%"),
|
||||
|
||||
rx.text("Dzięki zaufaniu naszych użytkowników oraz naszemu zangażowaniu, wierzymy, że nasz projekt przyczyni się do tworzenia bezpieczniejszej przestrzeni dla współdzielenia zdjęć w sieci. Cieszymy się, że możemy być częścią tej fascynującej podróży.", margin_right="5%", margin_left="5%", margin_top="10px"), text_align = "center",),
|
||||
rx.list(
|
||||
rx.list_item(rx.text("Nasza Misja",padding = "10px", text_align="center",background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", font_size="2em", font_weight="bold", margin_top="30px", margin_bottom="5px"),
|
||||
rx.text("Nasza grupa powstała z fascynacji technologią oraz z troską o prywatność w dzisiejszym świecie online. Świadomi wyzwań związanych z udostępnianiem fotografii publicznie, postanowiliśmy stworzyć aplikację, która umożliwi użytkownikom ochronę swojej prywatności, jednocześnie pozwalając na swobodne udostępnianie chwil z życia."),margin_right = "40%"),
|
||||
rx.list_item(rx.text("Jak Powstała Nasza Grupa",padding = "10px", text_align="center",background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", font_size="2em", font_weight="bold", margin_top="30px", margin_bottom="5px"),
|
||||
rx.text("Nasza grupa skupia się na różnorodnych dziedzinach, takich jak sztuczna inteligencja, przetwarzanie obrazów i programowanie. Nasza wspólna pasja do technologii oraz zaangażowanie w projekt zrodziły kreatywną współpracę. Spotkaliśmy się na naszych studiach, gdzie zauważyliśmy potrzebę stworzenia narzędzia, które połączy technologię z ochroną prywatności."),margin_left = "40%"),
|
||||
rx.list_item(rx.text("Dlaczego BlurMe?",padding = "10px", text_align="center",background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", font_size="2em", font_weight="bold", margin_top="30px", margin_bottom="5px"),
|
||||
rx.text("BlurMe to wynik naszej wspólnej wizji, aby uczynić proces ochrony prywatności prostym i dostępnym dla każdego. Chcemy, aby ludzie czuli się pewnie dzieląc się zdjęciami, nie martwiąc się o potencjalne naruszenia prywatności.",), margin_right = "40%"),
|
||||
rx.list_item(rx.text("O Naszych Umiejętnościach",padding = "10px", text_align="center",background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", font_size="2em", font_weight="bold", margin_top="30px", margin_bottom="5px"),
|
||||
rx.text("Nasza grupa składa się z pasjonatów programowania, inżynierii oprogramowania i sztucznej inteligencji. Dzięki naszym umiejętnościom oraz współpracy zdobyliśmy doświadczenie w tworzeniu zaawansowanych algorytmów przetwarzania obrazów, które pozwalają na automatyczne wykrywanie twarzy i rejestracji samochodowych na zdjęciach." ),margin_left = "40%"),
|
||||
rx.list_item(rx.text("Kontakt",padding = "10px", text_align="center",background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", font_size="2em", font_weight="bold", margin_top="30px", margin_bottom="5px"),
|
||||
rx.text("Jeśli masz pytania, sugestie lub chciałbyś dowiedzieć się więcej o naszej grupie, skontaktuj się z nami poprzez naszą stronę kontaktową. Jesteśmy otwarci na współpracę i ciekawe pomysły!"),margin_right = "40%"),
|
||||
text_align = "center"), margin_right= "65px", margin_left = "65px")
|
||||
|
@ -40,31 +40,24 @@ def dashboard() -> rx.Component:
|
||||
The UI for the dashboard page.
|
||||
"""
|
||||
container_style = {"background-color": "#f5f5f5", "padding": "10px", "margin-bottom": "20px", "display": "flex", "align-items": "center"}
|
||||
icon_style = {"width": "20px", "height": "20px", "margin-right": "10px"}
|
||||
icon_style = {"width": "20px", "height": "30px", "margin-right": "10px"}
|
||||
heading_style = {"font-weight": "bold", "font-family": "Arial, sans-serif"}
|
||||
|
||||
return rx.fragment(
|
||||
rx.heading("Kontakt", font_size="3em"),
|
||||
rx.text("Witaj na stronie Kontaktowej w aplikacji BlurMe!"),
|
||||
rx.heading("Kontakt", font_size="3em", margin_bottom="10px", background_image="linear-gradient( 64.5deg, rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% )", background_clip="text", padding = "10px", text_align = "center"),
|
||||
rx.text("Witaj na stronie Kontaktowej w aplikacji BlurMe!", text_align = "center", margin_right = "15%", margin_left="15%"),
|
||||
rx.text(
|
||||
"Jesteśmy dostępni dla Ciebie na różnych platformach. "
|
||||
"Skontaktuj się z nami, gdy tylko masz pytania, sugestie lub "
|
||||
"po prostu chcesz porozmawiać o naszej aplikacji."
|
||||
"po prostu chcesz porozmawiać o naszej aplikacji.", text_align = "center", margin_right = "15%", margin_left="15%"
|
||||
),
|
||||
rx.fragment(
|
||||
rx.fragment(
|
||||
rx.image(src=ICON_EMAIL, alt="Email icon", style=icon_style),
|
||||
rx.heading("E-mail", level=3, style=heading_style),
|
||||
rx.wrap(rx.hstack(rx.vstack(rx.fragment(
|
||||
rx.hstack(rx.icon(tag="email",style=icon_style),
|
||||
rx.heading("E-mail", level=3, style=heading_style), margin_top="20px"),
|
||||
rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com"),
|
||||
style=container_style
|
||||
)
|
||||
),
|
||||
rx.fragment(
|
||||
rx.fragment(
|
||||
rx.image(src=ICON_PHONE, alt="Phone icon", style=icon_style),
|
||||
rx.heading("Telefon", level=3, style=heading_style),
|
||||
style=container_style,text_align = "center")),
|
||||
rx.vstack(rx.fragment(
|
||||
rx.hstack(rx.icon(tag="phone", style=icon_style),rx.heading("Telefon", level=3, style=heading_style), margin_top="20px"),
|
||||
rx.text("Możesz także zadzwonić pod numer: +48 123 456 789"),
|
||||
style=container_style
|
||||
)
|
||||
)
|
||||
)
|
||||
style=container_style, text_align = "center"),),
|
||||
),style={"align-self": "flex-start"}),)
|
||||
|
@ -33,6 +33,7 @@ def settings() -> rx.Component:
|
||||
rx.button("Anonimizuj",
|
||||
width = "125px"),
|
||||
rx.button("Pobierz",
|
||||
#on_click=lambda img_name=img: State.download_image(img_name),
|
||||
width = "125px"),
|
||||
padding="1em"
|
||||
),
|
||||
|
@ -32,6 +32,9 @@ class State(rx.State):
|
||||
if img_name in self.img:
|
||||
self.img.remove(img_name)
|
||||
self.img=self.img
|
||||
def download_image(img_name: str):
|
||||
return rx.download(url=f'/{img_name}', filename=img_name)
|
||||
|
||||
|
||||
|
||||
#async def toggle_dark_mode(self):
|
||||
|
Loading…
Reference in New Issue
Block a user