BLUR-46 about-page

blurme/pages/about.py

@@ -2,44 +2,6 @@ from blurme.templates import template
 
 import reflex as rx
 
-about_authors_text = """
-# O Autorach
-
-Witaj na stronie "O Autorach" aplikacji **BlurMe**! Jesteśmy zespół pasjonatów ze studiów, którzy zjednoczyli siły,
-aby stworzyć innowacyjne rozwiązanie mające na celu ochronę prywatności w erze współdzielonych zdjęć.
-
-## Nasza Misja
-
-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.
-
-## Jak Powstała Nasza Grupa
-
-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.
-
-## Dlaczego "BlurMe"?
-
-**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.
-
-## O Naszych Umiejętnościach
-
-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.
-
-## Kontakt
-
-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!
-
-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", 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"),
@@ -48,26 +10,31 @@ def about() -> rx.Component:
            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.wrap(rx.hstack(
             rx.vstack(rx.image(src= "/cooperation.png", height = "8em", align = "center"),
-                         rx.text("Współpraca",as_="b",font_size="1.3em"),
+                         rx.text("Współpraca",as_="b",font_size="1.4em"),
                          rx.text("W naszym zespole każda z nas wnosi unikalne perspektywy i pomysły, co sprawia, że nasza współpraca jest inspirująca.", text_align="center"),),
             rx.vstack(rx.image(src= "/innovation.png", height = "8em", align = "center"),
-                         rx.text("Innowacyjność",as_="b",font_size="1.3em"),
+                         rx.text("Innowacyjność",as_="b",font_size="1.4em"),
                          rx.text("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.", text_align="center"),),
             rx.vstack(rx.image(src= "/data-analysis.png", height = "8em", align = "center"),
-                         rx.text("Analiza danych", as_="b",font_size="1.3em"),
+                         rx.text("Analiza danych", as_="b",font_size="1.4em"),
                          rx.text("Nasza pasja do analizy i zrozumienia dziedziny przetwarzania danych stanowią fundamenty naszego projektu.", text_align="center"),),
            style={"align-self": "center", "align-items": "flex-start"}),style={"align-self": "center", "align-items": "flex-start"}, margin_right =  "5%", margin_left = "5%"),
 
         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.hstack(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",), 
-                         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.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 = "30px"),
-            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.image(src="/technology.png", height = "11em"), 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.hstack(rx.image(src="/about.png", height = "13em", margin_right = "30px"),
-            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.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("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.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. 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_top="30px", margin_bottom="5px"),
-            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.hstack(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"), 
-                         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%"),
+                         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 = "30px"),
+                         rx.image(src="/privacy.png", height = "11em"),  margin_top="30px", margin_bottom="5px"),
                          text_align = "center"), margin_right= "65px", margin_left = "65px")
+
+            #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_left = "40%"),
+           #              text_align = "center"), margin_right= "65px", margin_left = "65px")

blurme/pages/dashboard.py

@@ -7,32 +7,6 @@ ICON_EMAIL = "assets/email-icon.png"
 ICON_PHONE = "assets/phone-icon.png"
 
 @template(route="/dashboard", title="Kontakt", image="/contact-icon.png")
-# def dashboard() -> rx.Component:
-#     """The dashboard page.
-#
-#     Returns:
-#         The UI for the dashboard page.
-#     """
-#     section_style = {"background-color": "#f5f5f5", "padding": "10px", "margin-bottom": "20px"}
-#     icon_style = {"width": "20px", "height": "20px", "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.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."
-#         ),
-#         rx.image(src=ICON_EMAIL, alt="Email icon", style=icon_style),
-#         rx.heading("E-mail", level=2, style=heading_style),
-#         rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com", style=section_style),
-#         rx.image(src=ICON_PHONE, alt="Phone icon", style=icon_style),
-#         rx.heading("Telefon", level=2, style=heading_style),
-#         rx.text("Możesz także zadzwonić pod numer: +48 123 456 789", style=section_style),
-#     )
-
 def dashboard() -> rx.Component:
     """The dashboard page.
 

blurme/pages/index.py

@@ -54,7 +54,7 @@ def index() -> rx.Component:
                 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"),
+            margin_right =  "40px", margin_left = "40px"), ),text_align = "center", margin_bottom = "50px"),
             
         
  #       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"),