diff --git a/.gitignore b/.gitignore
index a7f03e8..6e4e04e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,7 @@
-*.db
-*.py[cod]
-.web
+*.db
+
+*.py[cod]
+
+.web/
+
__pycache__/
\ No newline at end of file
diff --git a/.web/pages/dashboard.js b/.web/pages/dashboard.js
index b4f8ba9..8c62020 100644
--- a/.web/pages/dashboard.js
+++ b/.web/pages/dashboard.js
@@ -73,21 +73,21 @@ export default function Component() {
-
+
{`Strona główna`}
-
+
{`Dashboard`}
-
+
{`Settings`}
@@ -121,28 +121,28 @@ export default function Component() {
-
-
+
{`Strona główna`}
-
+
{`Dashboard`}
-
+
{`Settings`}
@@ -104,21 +104,21 @@ export default function Component() {
{`Witaj w BlurMe!`}
-
-
+
+
+
{`Aplikacja do anonimizacji zdjęć: usunięcie wybranych informacji identyfikujących ze zdjęć z wydarzeń i miejsc publicznych nigdy nie było tak proste!`}
-
- {`Tu będzie obrazek`}
-
-
-
-
+
-
+
+
+
+
+
{` `}
@@ -133,7 +133,7 @@ export default function Component() {
- {`Prost obsługa: `}
+ {`Prosta obsługa: `}
{`Intuicyjny interfejs użytkownika sprawia, że korzystanie z Blurme jest łatwe dla każdego.`}
@@ -196,7 +196,7 @@ export default function Component() {
{`Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.`}
-
+
{`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!`}
@@ -208,28 +208,28 @@ export default function Component() {
-
+
{`Strona główna`}
-
+
{`Dashboard`}
-
+
{`Settings`}
-
+
{`About`}
-
+
{`Contact`}
diff --git a/.web/pages/settings.js b/.web/pages/settings.js
index 05545fc..2162e8a 100644
--- a/.web/pages/settings.js
+++ b/.web/pages/settings.js
@@ -75,21 +75,21 @@ export default function Component() {
-
+
{`Strona główna`}
-
+
{`Dashboard`}
-
+
{`Settings`}
@@ -127,28 +127,28 @@ export default function Component() {
-
+
{`Strona główna`}
-
+
{`Dashboard`}
-
+
{`Settings`}
-
+
{`About`}
-
+
{`Contact`}
diff --git a/README.md b/README.md
index 2c0abb0..d74cd53 100644
--- a/README.md
+++ b/README.md
@@ -19,9 +19,3 @@ Zachowanie Prywatności: Przydatne w sytuacjach, gdzie chcesz udostępnić zdję
Kreatywność: Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.
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!
-
-In this template, the base state handles the toggle for the sidebar.
-
-As your app grows, we recommend using [substates](https://reflex.dev/docs/state/substates/)
-to organize your state. You can either define substates in their own files, or if the state is
-specific to a page, you can define it in the page file itself.
diff --git a/assets/obraz1.png b/assets/obraz1.png
new file mode 100644
index 0000000..be1f149
Binary files /dev/null and b/assets/obraz1.png differ
diff --git a/blurme/pages/index.py b/blurme/pages/index.py
index d0f135e..de65efb 100644
--- a/blurme/pages/index.py
+++ b/blurme/pages/index.py
@@ -9,16 +9,15 @@ import reflex as rx
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"),
- rx.wrap(
- rx.wrap_item(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!", font_size="1.2em", w = "45%", style={"margin-left": "15px"}),
- rx.text("Tu będzie obrazek"), style={"flex-direction": "row", "margin-left": "20px"}),),
-
- rx.link(
- rx.button("Zacznij anonimizować"),
- href="settings",align="center",color="rgb(107,99,246)",button=True,padding="50xp",font_size="1.2em",style={"margin-top": "20px" }),
-
+ 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!",
+ font_size="1.2em", style={"margin-left": "40px", "margin-top": "40px", "align-self": "flex-start", "margin-bottom": "25px"}),
+ 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"}),),
- rx.text(" ", height = "100px"),
+ rx.text(" ", height = "20px"),
rx.text("Dlaczego Blurme?", font_size="1.5em", font_weight="bold", margin_top="10px", margin_bottom="10px"),
rx.list(
rx.list_item(rx.text("Prywatność: ",as_="b"), "Nasza aplikacja zapewnia pełną ochronę prywatności, eliminując ryzyko identyfikacji osób niezwiązanych z anonimizacją."),
@@ -38,5 +37,5 @@ def index() -> rx.Component:
rx.list_item(rx.text("Zachowanie Prywatności: ",as_="b"),"Przydatne w sytuacjach, gdzie 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"),"Wyraź swoją kreatywność, zachowując jednocześnie istotne elementy na zdjęciach.", text_align="left"),
),
- 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 = "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"),
)
diff --git a/blurme/styles.py b/blurme/styles.py
index 18fa632..cc23c5b 100644
--- a/blurme/styles.py
+++ b/blurme/styles.py
@@ -7,7 +7,7 @@ box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
border = "1px solid #F4F3F6"
text_color = "black"
accent_text_color = "#1A1060"
-accent_color = "#fcd2e7"
+accent_color = "#fff0f7"
hover_accent_color = {"_hover": {"color": accent_color}}
hover_accent_bg = {"_hover": {"bg": accent_color}}
content_width_vw = "90vw"