From e1d147f6dc50315115f83e7ce575655a076c8a9d Mon Sep 17 00:00:00 2001 From: markrz12 Date: Tue, 19 Dec 2023 15:54:46 +0100 Subject: [PATCH] about update, contact update --- blurme/pages/about.py | 26 ++++++++++++++++++++++---- blurme/pages/dashboard.py | 31 ++++++++++++------------------- blurme/pages/settings.py | 1 + blurme/state.py | 3 +++ 4 files changed, 38 insertions(+), 23 deletions(-) diff --git a/blurme/pages/about.py b/blurme/pages/about.py index 056e64d..ea090c8 100644 --- a/blurme/pages/about.py +++ b/blurme/pages/about.py @@ -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") diff --git a/blurme/pages/dashboard.py b/blurme/pages/dashboard.py index 97949e3..94f22a3 100644 --- a/blurme/pages/dashboard.py +++ b/blurme/pages/dashboard.py @@ -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"}),) diff --git a/blurme/pages/settings.py b/blurme/pages/settings.py index 2ce3986..c056b61 100644 --- a/blurme/pages/settings.py +++ b/blurme/pages/settings.py @@ -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" ), diff --git a/blurme/state.py b/blurme/state.py index ebd7f9e..4bbd444 100644 --- a/blurme/state.py +++ b/blurme/state.py @@ -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):